4 <a href="javascript:hide_attachments_form();">
5 <?_("Close window")> <img src="static/webcit_icons/closewindow.gif" border="0"></div>
7 <h2><img src="static/webcit_icons/essen/16x16/attachement.png"> <?_("Attachments:")></h2>
9 <?--("Fine Uploader JS")>
10 <script type="text/javascript">
11 function createUploader()
13 var uploader = new qq.FineUploader(
16 endpoint: "do_template?template=edit_message_json_attlist"
19 onComplete: function (id, xhr, isError) {
20 console.log("Upload completed for fileid: " + id);
21 update_attachment_count();
23 onDeleteComplete: function (id, xhr, isError) {
24 console.log("Deletion completed for fileid: " + id);
25 update_attachment_count();
28 element: document.getElementById('fine-uploader'),
30 endpoint: 'upload_attachment?nonce=<?NONCE>&template=edit_message_upl_att'
33 formatProgress: "<?_('{percent}% of {total_size}')>",
34 failUpload: "<?_('Upload failed')>",
35 waitingForResponse: "<?_('Processing...')>",
36 paused: "<?_('Paused')>"
39 tooManyFilesError: "<?_('You may only drop one file.')>",
40 unsupportedBrowser: "<?_('Unrecoverable error - the browser does not permit uploading of any kind.')>"
45 confirmMessage: "<?_('Are you shure you want to delete {filename}?')>",
46 deletingFailedText: "<?_('failed to delete {filename}!')>",
47 deletingStatusText: "<?_('deleting {filename}')>",
48 endpoint: 'remove_attachment?nonce=<?NONCE>&template=edit_message_upl_att&which_attachment='
53 window.onload = createUploader;
56 <?--("the ploader will be rendered in this div:")>
57 <div id="fine-uploader"></div>
59 <?--("Fine Uploader template")>
60 <script type="text/template" id="qq-template">
61 <div class="qq-uploader-selector qq-uploader">
62 <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
63 <span><?_("Drop files here to upload")></span>
65 <div class="qq-upload-button-selector qq-upload-button">
66 <div><?_("Attach file")></div>
68 <span class="qq-drop-processing-selector qq-drop-processing">
69 <span><?_("Processing dropped files...")></span>
70 <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
72 <ul class="qq-upload-list-selector qq-upload-list">
74 <div class="qq-progress-bar-container-selector">
75 <div class="qq-progress-bar-selector qq-progress-bar"></div>
77 <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
78 <span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
79 <span class="qq-upload-file-selector qq-upload-file"></span>
80 <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
81 <span class="qq-upload-size-selector qq-upload-size"></span>
82 <a class="qq-upload-cancel-selector qq-upload-cancel" href="#"><?_("Cancel")></a>
83 <a class="qq-upload-retry-selector qq-upload-retry" href="#"><?_("Retry")></a>
84 <a class="qq-upload-delete-selector qq-upload-delete" href="#"><?_("Remove")></a>
85 <span class="qq-upload-status-text-selector qq-upload-status-text"></span>