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 ====================================================================== -->
  11 <!--script src="/fineuploader.js"></script-->
  12 <script type="text/javascript">
  13 function createUploader()
  14 {
  15     var uploader = new qq.FineUploader(
  16         {
  17             session: {
  18                 endpoint: "do_template?template=edit_message_json_attlist"
  19             },
  20             callbacks: {
  21                 onComplete: update_attachment_count,
  22                 delete: update_attachment_count,
  23                 deleteComplete: update_attachment_count
  24             },
  25             element: document.getElementById('fine-uploader'),
  26             request: {
  27                 endpoint: 'upload_attachment?nonce=<?NONCE>&template=edit_message_upl_att'
  28             },
  29             deleteFile: {
  30                 enabled: true,
  31                 forceConfirm: true,
  32                 endpoint: 'remove_attachment?nonce=<?NONCE>&template=edit_message_upl_att&which_attachment='
  33             }
  34         });
  35 }
  36
  37   window.onload = createUploader;
  38 </script>
  39
  40 <!-- Fine Uploader CSS
  41 ====================================================================== -->
  42 <!--link href="/fineuploader.css" rel="stylesheet"-->
  43
  44 <!-- Fine Uploader DOM Element
  45 ====================================================================== -->
  46 <div id="fine-uploader"></div>
  47
  48 <!-- Fine Uploader template
  49 ====================================================================== -->
  50 <script type="text/template" id="qq-template">
  51   <div class="qq-uploader-selector qq-uploader">
  52     <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
  53       <span>Drop files here to upload</span>
  54     </div>
  55     <div class="qq-upload-button-selector qq-upload-button">
  56       <div>Upload a file</div>
  57     </div>
  58     <span class="qq-drop-processing-selector qq-drop-processing">
  59       <span>Processing dropped files...</span>
  60       <span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
  61     </span>
  62     <ul class="qq-upload-list-selector qq-upload-list">
  63       <li>
  64         <div class="qq-progress-bar-container-selector">
  65           <div class="qq-progress-bar-selector qq-progress-bar"></div>
  66         </div>
  67         <span class="qq-upload-spinner-selector qq-upload-spinner"></span>
  68         <span class="qq-edit-filename-icon-selector qq-edit-filename-icon"></span>
  69         <span class="qq-upload-file-selector qq-upload-file"></span>
  70         <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
  71         <span class="qq-upload-size-selector qq-upload-size"></span>
  72         <a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>
  73         <a class="qq-upload-retry-selector qq-upload-retry" href="#">Retry</a>
  74         <a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>
  75         <span class="qq-upload-status-text-selector qq-upload-status-text"></span>
  76       </li>
  77     </ul>
  78   </div>
  79 </script>
  80 <!--
  81         <a href="javascript:hide_attachments_form();">
  82                 <?_("Close window")>&nbsp;<img src="static/webcit_icons/closewindow.gif" border="0"></div>
  83         </a>
  84         <h2><img src="static/webcit_icons/essen/16x16/attachement.png">&nbsp;<?_("Attachments:")></h2>
  85         <ul><?ITERATE("MSG:ATTACHNAMES", ="edit_message_section_attach_select")></ul>
  86
  87         <iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0">
  88                 (Hidden iFrame for uploads because ajax cannot handle files)
  89         </iframe>
  90
  91         <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">
  92                 <input type="hidden" name="nonce" value="<?NONCE>">
  93                 <div id="gonna_upload_this">
  94                         <input type="hidden" name="submit_action" value="">
  95                         <?_("Attach file:")>
  96                         <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();">
  97                 </div>
  98
  99                 <div id="upload_throbber" style="display:none">
 100                         <?_("Upload")>&nbsp;<img src="static/webcit_icons/throbber.gif" border="0">
 101                 </div>
 102         </form>
 103
 104 -->
 105
 106 <!--
 107 =================
 108 $("fileupload").observe("change",handleupload);
 109
 110 function handleupload( e )
 111 {
 112 var el = e.findElement();
 113 new Ajax.Request("backend.php?uploadfile=1",{"method":"post","postBody":el.files[0],"onSuccess":returnupload});
 114 }
 115
 116 backend.php
 117 =====================
 118 if(isset($_GET['uploadfile']))
 119 {
 120 $uploaded_file = file_get_contents("php://input");
 121 file_put_contents("/tmp/myfilename",$uploaded_file);
 122 }
 123
 124 !-->