Changeset 17945 for extensions/ContactForm/admin/template/emails.tpl

Timestamp:

Sep 16, 2012, 5:20:39 PM (12 years ago)

Author:

mistic100

Message:

• stores emails in database (/!\ update only from published version, not from trunk)
• allow emails to be categorized

File:

• extensions/ContactForm/admin/template/emails.tpl (modified) (7 diffs)

extensions/ContactForm/admin/template/emails.tpl

@@ -1 +1 @@
 {combine_css path=$CONTACT_FORM_PATH|@cat:"admin/template/style.css"}
 
-{footer_script}{literal}
-jQuery(document).on('change', '.delete', function() {
-  if ($(this).is(':checked')) {
-    $(this).parents('tr').addClass('delete');
-  } else {
-    $(this).parents('tr').removeClass('delete');
-  }
-});
-{/literal}{/footer_script}
 
 <div class="titrePage">
         <h2>Contact Form</h2>
 </div>
+
 
 <form method="post" action="{$CONTACT_FORM_ADMIN}-emails" class="properties">
@@ -20 +12 @@
       <th>{'Name'|@translate}</th>
       <th>{'Email address'|@translate}</th>
+      <th>{'Category'|@translate}</th>
       <th>{'Active'|@translate}</th>
       <th>{'Delete'|@translate}</th>
@@ -27 +20 @@
     <tr class="{if $i is odd}row1{else}row2{/if}">
       <td>
-        <input type="text" name="emails[{$i}][name]" value="{$entry.name}" size="20">
+        <input type="text" name="emails[{$i}][name]" value="{$entry.name|escape:html}" size="20">
       </td>
       <td>
         <input type="text" name="emails[{$i}][email]" value="{$entry.email}" size="30">
+      </td>
+      <td>
+        <select name="emails[{$i}][group_name]" class="groups">
+          <option value="-1">------------</option>
+          {html_options values=$GROUPS output=$GROUPS selected=$entry.group_name}
+        </select>
       </td>
       <td style="text-align:center;">
@@ -42 +41 @@
   {/foreach}
     <tr class="{if $i is odd}row1{else}row2{/if}" id="addEntryContainer">
-      <td colspan="4">
+      <td colspan="2" style="text-align:center;">
         <a id="addEntry">{'+ Add an email'|@translate}</a>
+      </td>
+      <td>
+        <a id="addGroup">{'+ Add a category'|@translate}</a>
+      </td>
+      <td colspan="2"  style="text-align:center;">
+        <input type="submit" name="save_emails" value="{'Submit'|@translate}" class="submit">
       </td>
     </tr>
   </table>
   {footer_script}var entry = {$i};{/footer_script}
-
-  <p><input type="submit" name="save_emails" value="{'Submit'|@translate}" class="submit"></p>
 </form>
 
-{footer_script}{literal}
+
+
+{footer_script}
+var group_options = new Array;
+{foreach from=$GROUPS item=entry}
+group_options[group_options.length] = '<option value="{$entry|escape:javascript}">{$entry|escape:javascript}</option>';
+{/foreach}
+
+{literal}
+var doBlink = function(obj,start,finish) { jQuery(obj).fadeOut(300).fadeIn(300); if(start!=finish) { start=start+1; doBlink(obj,start,finish); } };
+jQuery.fn.blink = function(start,finish) { return this.each(function() { doBlink(this,start,finish) }); };
+
+jQuery(document).on('change', '.delete', function() {
+  if ($(this).is(':checked')) {
+    $(this).parents('tr').addClass('delete');
+  } else {
+    $(this).parents('tr').removeClass('delete');
+  }
+});
+
 jQuery('#addEntry').click(function() {
   entry++;
   i = entry;
   
-  $('#emails').append(
+  content =
     '<tr class="row'+ (i%2+1) +'">'+
       '<td>'+
@@ -64 +86 @@
       '<td>'+
         '<input type="text" name="emails['+ i +'][email]" size="30">'+
+      '</td>'+
+      '<td>'+
+        '<select name="emails['+ i +'][group_name]" class="groups">'+
+          '<option value="-1">------------</option>';
+          for (var j in group_options) {
+            content+= group_options[j];
+          }
+        content+= '</select>'+
       '</td>'+
       '<td style="text-align:center;">'+
@@ -72 +102 @@
       '</td>'+
     '</tr>'
-    );
+  $('#emails').append(content);
     
   $('#addEntryContainer')
@@ -79 +109 @@
     .appendTo($('#emails'));
 });
+
+jQuery('#addGroup').click(function() {
+  name = prompt("{/literal}{'Name'|@translate}{literal}:");
+  if (name != null && name != "") {
+    name = name.replace(new RegExp('"','g'),"'");
+    content = '<option value="'+ name +'">'+ name +'</option>';
+    group_options[group_options.length] = content;
+    $("select.groups").append(content).blink(1,2);
+  }
+});
 {/literal}{/footer_script}