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             text: {
  33                 formatProgress: "<?_('{percent}% of {total_size}')>",
  34                 failUpload: "<?_('Upload failed')>",
  35                 waitingForResponse: "<?_('Processing...')>",
  36                 paused: "<?_('Paused')>"
  37             },
  38             messages: {
  39                 tooManyFilesError: "<?_('You may only drop one file.')>",
  40                 unsupportedBrowser: "<?_('Unrecoverable error - the browser does not permit uploading of any kind.')>"
  41             },
  42             deleteFile: {
  43                 enabled: true,
  44                 forceConfirm: true,
  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='
  49             }
  50         });
  51 }
  52
  53   window.onload = createUploader;
  54 </script>
  55
  56 <?--("the ploader will be rendered in this div:")>
  57 <div id="fine-uploader"></div>
  58
  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>
  64     </div>
  65     <div class="qq-upload-button-selector qq-upload-button">
  66       <div><?_("Attach file")></div>
  67     </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>
  71     </span>
  72     <ul class="qq-upload-list-selector qq-upload-list">
  73       <li>
  74         <div class="qq-progress-bar-container-selector">
  75           <div class="qq-progress-bar-selector qq-progress-bar"></div>
  76         </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>
  86       </li>
  87     </ul>
  88   </div>
  89 </script>