Close #720: Save not sent mail when leaving the emails/send page and restore

[platal.git] / templates / emails / send.tpl

diff --git a/templates/emails/send.tpl b/templates/emails/send.tpl
index bb8e90e..cca3488 100644 (file)
--- a/templates/emails/send.tpl
+++ b/templates/emails/send.tpl
@@ -22,6 +22,7 @@
 
 <h1>Envoyer un mail</h1>
 
+{javascript name="jquery"}
 <script type="text/javascript">//<![CDATA[
   {literal}
   function _selectAll(id) {
@@ -31,9 +32,9 @@
     }
   }
 
+  var sent = false;
   function check(form)
   {
-    var send = true;
     _selectAll('to_contacts');
     _selectAll('cc_contacts');
     if(form.sujet.value == "" && !confirm("Le sujet du mail est vide, veux-tu continuer ?")) {
@@ -43,7 +44,7 @@
     if (form.to.value == "" && form.cc.value == ""
         && document.getElementById('to_contacts').length == 0 && document.getElementById('cc_contacts').length == 0) {
       if (form.bcc.value == "") {
-        alert("Il faut définir au moins un destinataire au mail");
+        alert("Il faut définir au moins un destinataire au mail.");
         return false;
       }
       if (!confirm("Tous les destinataires sont en copie cachée, veux-tu continuer ?")) {
@@ -51,9 +52,23 @@
         return false;
       }
     }
+    sent = true;
     return true;
   }
 
+  var doAuth = true;
+  function _keepAuth() {
+    doAuth = true;
+  }
+
+  function keepAuth() {
+    if (doAuth) {
+      Ajax.update_html(null, "login", null);
+      doAuth = false;
+      setTimeout("_keepAuth()", 10000);
+    }
+  }
+
   function _move(idFrom, idTo) {
     var from = document.getElementById(idFrom);
     var to   = document.getElementById(idTo);
@@ -93,11 +108,49 @@
   function removeCc() {
     _move('cc_contacts', 'contacts');
   }
+
+  function updateWikiView(box) {
+    if (box.checked) {
+      document.getElementById("preview_bt").style.display = "none";
+      document.getElementById("preview").style.display = "none";
+      document.getElementById("preview_pv").style.display = "none";
+    } else {
+      document.getElementById("preview_bt").style.display = "";
+      document.getElementById("preview").style.display = "";
+    }
+  }
+
+  $(window).unload(
+    function() {
+      if (sent) {
+        return true;
+      }
+      var form = document.forms.form_mail;
+      var toc = "";
+      var ccc = "";
+      for (var i = 0 ; i < form['to_contacts[]'].length ; ++i) {
+        toc += form['to_contacts[]'].options[i].value + ";";
+      }
+      for (var i = 0 ; i < form['cc_contacts[]'].length ; ++i) {
+        ccc += form['cc_contacts[]'].options[i].value + ";";
+      }
+      $.post(platal_baseurl + "emails/send",
+             { save: true,
+               from: form.from.value,
+               to_contacts: toc,
+               cc_contacts: ccc,
+               contenu: form.contenu.value,
+               to: form.to.value,
+               sujet: form.sujet.value,
+               cc: form.cc.value,
+               bcc: form.bcc.value });
+      return true;
+    });
   {/literal}
 //]]>
 </script>
 
-<form action="emails/send" method="post" enctype="multipart/form-data" onsubmit="return check(this);">
+<form action="emails/send" method="post" enctype="multipart/form-data" id="form_mail" onsubmit="return check(this);">
   <table class="bicol" cellpadding="2" cellspacing="0">
     <tr> 
       <th colspan="2">Destinataires</th>
@@ -109,7 +162,7 @@
         <input type='text' name='from' size='60' value='{if $smarty.request.from}
 {$smarty.request.from}
 {else}
-"{$smarty.session.prenom} {$smarty.session.nom}" &lt;{$smarty.session.bestalias}@{#globals.mail.domain#}&gt;
+"{$smarty.session.prenom} {$smarty.session.nom_usage|default:$smarty.session.nom}" &lt;{$smarty.session.bestalias}@{#globals.mail.domain#}&gt;
 {/if}' />
       </td>
     </tr>
@@ -133,8 +186,8 @@
     </tr>
     <tr class="pair">
       <td colspan="2" class="smaller">
-        &bull;&nbsp;Les destinataires sont simplement séparés par des virgules<br />
-        &bull;&nbsp;Pense à te mettre en copie cachée du mail pour en avoir une trace
+        &bull;&nbsp;Les destinataires sont simplement séparés par des virgules.<br />
+        &bull;&nbsp;Pense à te mettre en copie cachée du mail pour en avoir une trace.
       </td>
     </tr>
     {if $contacts|@count}
@@ -195,15 +248,28 @@
     </tr>
     {/if}
   </table>
-
   <fieldset>
     <legend>Sujet&nbsp;:&nbsp;<input type='text' name='sujet' size='60' value="{$smarty.request.sujet}" /></legend>
     <div class="center">
       Tu peux utiliser des <a href="wiki_help" class="popup3">{icon name=information title="Syntaxe wiki"} marqueurs wiki</a> pour formatter ton texte.<br />
-      <small><input type="checkbox" name="nowiki" value="1" {if $smarty.request.nowiki}checked="checked"{/if} />
+      <small><input type="checkbox" name="nowiki" value="1" {if $smarty.request.nowiki}checked="checked"{/if} onchange="updateWikiView(this);" />
       coche cette case pour envoyer le mail en texte brut, sans formattage</small>
     </div>
-    <textarea name='contenu' rows="30" cols="75">
+    <div id="preview">
+      <div id="preview_pv" style="display: none">
+        <strong>Aperçu du mail :</strong>
+        <div id="mail_preview">
+        </div>
+        <div class="center">
+          <input type="submit" name="submit" value="Envoyer" />
+        </div>
+      </div>
+      <div class="center">
+        <input type="submit" name="preview" id="preview_bt_top" value="Aperçu"
+               onclick="previewWiki('mail_text', 'mail_preview', true, 'preview_pv'); return false;" />
+      </div>
+    </div>
+    <textarea name='contenu' rows="30" cols="75" id="mail_text" onkeyup="keepAuth()">
 {$smarty.request.contenu}
 {if !$smarty.request.contenu}
 -- 
@@ -224,7 +290,7 @@
       <strong>{icon name=email_attach}&nbsp;Pièce jointe&nbsp;:&nbsp;</strong>
       {$uploaded_f[0]}
       <a href="javascript:removeAttachments()">
-        <img src="images/icons/bin_empty.gif" alt="Supprimer" title="Supprimer la pièce jointe" />
+        {icon name=cross alt="Supprimer" title="Supprimer la pièce jointe"}
       </a>
     </div>
     {/if}
@@ -233,6 +299,8 @@
       <input type="file" name="uploaded" />
     </div>
     <div class="center">
+      <input type="submit" name="preview" id="preview_bt" value="Aperçu"
+             onclick="previewWiki('mail_text', 'mail_preview', true, 'preview_pv'); return false;" />
       <input type="submit" name="submit" value="Envoyer" />
     </div>
   </fieldset>