webcit/static/t/edit/message/attachments_pane.html

   1
   2 <div align="right">
   3
   4 <a href="javascript:hide_attachments_form();">
   5     <?_("Close window")>&nbsp;<img src="static/webcit_icons/closewindow.gif" border="0"></div>
   6 </a>
   7 <h2><img src="static/webcit_icons/essen/16x16/attachement.png">&nbsp;<?_("Attachments:")></h2>
   8
   9 <?--("Fine Uploader JS")>
  10 <script type="text/javascript">
  11 function createUploader()
  12 {
  13     var uploader = new qq.FineUploader(
  14         {
  15             session: {
  16                 endpoint: "do_template?template=edit_message_json_attlist"
  17             },
  18             callbacks: {
  19                 onComplete: function (id, xhr, isError) {
  20                     console.log("Upload completed for fileid: " + id);
  21                     update_attachment_count();
  22                 },
  23                 onDeleteComplete: function (id, xhr, isError) {
  24                     console.log("Deletion completed for fileid: " + id);
  25                     update_attachment_count();
  26                 }
  27             },
  28             element: document.getElementById('fine-uploader'),
  29             request: {
  30                 endpoint: 'upload_attachment?nonce=<?NONCE>&template=edit_message_upl_att'
  31             },
  32             deleteFile: {
  33                 enabled: true,
  34                 forceConfirm: true,
  35                 endpoint: 'remove_attachment?nonce=<?NONCE>&template=edit_message_upl_att&which_attachment='
  36             }
  37         });
  38 }
  39
  40   window.onload = createUploader;
  41 </script>
  42
  43 <?--("the ploader will be rendered in this div:")>
  44 <div id="fine-uploader"></div>
  45
  46 <?--("Fine Uploader template")>
  47 <script type="text/template" id="qq-template">
  48   <div class="qq-uploader-selector qq-uploader">
  49     <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
  50       <span><?_("Drop files here to upload")></span>
  51     </div>
  52     <div class="qq-upload-button-selector qq-upload-button">
  53       <div><?_("Attach file")></div>
  54     </div>
  55     <span class="qq-drop-processing-selector qq-drop-processing">
  56       <span><?_("Processing dropped files...")></span>
  57       <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
  58     </span>
  59     <ul class="qq-upload-list-selector qq-upload-list">
  60       <li>
  61         <div class="qq-progress-bar-container-selector">
  62           <div class="qq-progress-bar-selector qq-progress-bar"></div>
  63         </div>
  64         <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
  65         <span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
  66         <span class="qq-upload-file-selector qq-upload-file"></span>
  67         <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
  68         <span class="qq-upload-size-selector qq-upload-size"></span>
  69         <a class="qq-upload-cancel-selector qq-upload-cancel" href="#"><?_("Cancel")></a>
  70         <a class="qq-upload-retry-selector qq-upload-retry" href="#"><?_("Retry")></a>
  71         <a class="qq-upload-delete-selector qq-upload-delete" href="#"><?_("Remove")></a>
  72         <span class="qq-upload-status-text-selector qq-upload-status-text"></span>
  73       </li>
  74     </ul>
  75   </div>
  76 </script>