X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Ft%2Fedit%2Fmessage%2Fattachments_pane.html;h=873a35c31b66b58cfad790186f1599c5ed0b7d5d;hb=799ed569d6a894ac8c8e6ee82114d41eca30bdaf;hp=d4824078cb02b4b33520b1457e61adce961ce79c;hpb=72bd15f387be4fbed3964b3a047d2f5620bc3c1b;p=citadel.git

diff --git a/webcit/static/t/edit/message/attachments_pane.html b/webcit/static/t/edit/message/attachments_pane.html
index d4824078c..873a35c31 100644
--- a/webcit/static/t/edit/message/attachments_pane.html
+++ b/webcit/static/t/edit/message/attachments_pane.html
@@ -1,23 +1,76 @@
+
 <div align="right">
-	<a href="javascript:hide_attachments_form();">
-		<?_("Close window")>&nbsp;<img src="static/webcit_icons/closewindow.gif" border="0"></div>
-	</a>
-	<h2><img src="static/webcit_icons/essen/16x16/attachement.png">&nbsp;<?_("Attachments:")></h2>
-	<ul><?ITERATE("MSG:ATTACHNAMES", ="edit_message_section_attach_select")></ul>
 
-	<iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0">
-		(Hidden iFrame for uploads because ajax cannot handle files)
-	</iframe>
+<a href="javascript:hide_attachments_form();">
+    <?_("Close window")>&nbsp;<img src="static/webcit_icons/closewindow.gif" border="0"></div>
+</a>
+<h2><img src="static/webcit_icons/essen/16x16/attachement.png">&nbsp;<?_("Attachments:")></h2>
+
+<?--("Fine Uploader JS")>
+<script type="text/javascript">
+function createUploader()
+{
+    var uploader = new qq.FineUploader(
+	{
+	    session: {
+		endpoint: "do_template?template=edit_message_json_attlist"
+	    },
+	    callbacks: {
+		onComplete: function (id, xhr, isError) {
+		    console.log("Upload completed for fileid: " + id);
+		    update_attachment_count();
+		},
+		onDeleteComplete: function (id, xhr, isError) {
+		    console.log("Deletion completed for fileid: " + id);
+		    update_attachment_count();
+		}
+	    },
+	    element: document.getElementById('fine-uploader'),
+	    request: {
+		endpoint: 'upload_attachment?nonce=<?NONCE>&template=edit_message_upl_att'
+	    },
+	    deleteFile: {
+		enabled: true,
+		forceConfirm: true,
+		endpoint: 'remove_attachment?nonce=<?NONCE>&template=edit_message_upl_att&which_attachment='
+	    }
+	});
+}
+
+  window.onload = createUploader;
+</script>
 
-	<form name="upload_attachment_form" id="upload_attachment_form" accept-charset="UTF-8" enctype="multipart/form-data" method="POST" action="upload_attachment" target="upload_target">
-		<input type="hidden" name="nonce" value="<?NONCE>">
-		<div id="gonna_upload_this">
-			<input type="hidden" name="submit_action" value="">
-			<?_("Attach file:")>
-			<input name="attachfile" id="attachfile" class="attachfile" size=40 type="file" onChange="$('gonna_upload_this').style.display='none'; $('upload_throbber').style.display='block'; document.upload_attachment_form.submit(); $('attachfile').value=''; show_attachments_form(); update_attachment_count();">
-		</div>
+<?--("the ploader will be rendered in this div:")>
+<div id="fine-uploader"></div>
 
-		<div id="upload_throbber" style="display:none">
-			<?_("Upload")>&nbsp;<img src="static/webcit_icons/throbber.gif" border="0">
-		</div>
-	</form>
+<?--("Fine Uploader template")>
+<script type="text/template" id="qq-template">
+  <div class="qq-uploader-selector qq-uploader">
+    <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
+      <span><?_("Drop files here to upload")></span>
+    </div>
+    <div class="qq-upload-button-selector qq-upload-button">
+      <div><?_("Attach file")></div>
+    </div>
+    <span class="qq-drop-processing-selector qq-drop-processing">
+      <span><?_("Processing dropped files...")></span>
+      <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
+    </span>
+    <ul class="qq-upload-list-selector qq-upload-list">
+      <li>
+        <div class="qq-progress-bar-container-selector">
+          <div class="qq-progress-bar-selector qq-progress-bar"></div>
+        </div>
+        <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
+        <span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
+        <span class="qq-upload-file-selector qq-upload-file"></span>
+        <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
+        <span class="qq-upload-size-selector qq-upload-size"></span>
+        <a class="qq-upload-cancel-selector qq-upload-cancel" href="#"><?_("Cancel")></a>
+        <a class="qq-upload-retry-selector qq-upload-retry" href="#"><?_("Retry")></a>
+        <a class="qq-upload-delete-selector qq-upload-delete" href="#"><?_("Remove")></a>
+        <span class="qq-upload-status-text-selector qq-upload-status-text"></span>
+      </li>
+    </ul>
+  </div>
+</script>