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