Changeset 4875 for extensions/upload_form/upload.tpl

Timestamp:

Feb 11, 2010, 12:29:29 AM (14 years ago)

Author:

plg

Message:

feature 1141 added: multiple select and progress bar with uploadify (jQuery
plugin).

Note: the HTML upload is disabled but I will provide a switch, either you use
Uploadify OR you use HTML multiple file boxes.

File:

• extensions/upload_form/upload.tpl (modified) (4 diffs)

extensions/upload_form/upload.tpl

@@ -14 +14 @@
 {/literal}
 
-<script type="text/javascript" src="{$plugin_path}/include/upload.js"></script>
+{if $upload_mode eq 'html'}
+<script type="text/javascript" src="{$plugin_path}include/upload.js"></script>
+{elseif $upload_mode eq 'multiple'}
+<script type="text/javascript" src="{$plugin_path}uploadify/swfobject.js"></script>
+<script type="text/javascript" src="{$plugin_path}uploadify/jquery.uploadify.v2.1.0.min.js"></script>
+
+<script type="text/javascript">
+var basepath = '{$plugin_path}';
+var upload_id = '{$upload_id}';
+var session_id = '{$session_id}';
+var pwg_token = '{$pwg_token}';
+var buttonText = '{"Select files"|@translate}';
+
+{literal}
+jQuery(document).ready(function() {
+  jQuery("#uploadify").uploadify({
+    'uploader'       : basepath + 'uploadify/uploadify.swf',
+    'script'         : basepath + 'uploadify/uploadify.php',
+    'scriptData'     : {
+      'upload_id' : upload_id,
+      'session_id' : session_id,
+      'pwg_token' : pwg_token,
+    },
+    'cancelImg'      : basepath + 'uploadify/cancel.png',
+    'queueID'        : 'fileQueue',
+    'auto'           : false,
+    'displayData'    : 'speed',
+    'buttonText'     : buttonText,
+    'multi'          : true,
+    'onAllComplete'  : function(event, data) {
+      if (data.errors) {
+        return false;
+      }
+      else {
+        $("input[name=submit_upload]").click();
+      }
+    }
+  });
+});
+{/literal}
+</script>
+{/if}
 
 {literal}
@@ -59 +100 @@
 
 
-<form enctype="multipart/form-data" method="post" action="{$F_ACTION}" class="properties">
+<form id="uploadForm" enctype="multipart/form-data" method="post" action="{$F_ACTION}" class="properties">
+{if $upload_mode eq 'multiple'}
+<input name="upload_id" value="{$upload_id}" type="hidden">
+{/if}
   <fieldset>
     <legend>{'Upload Photos'|@translate}</legend>
@@ -108 +152 @@
       </tr>
 
+{if $upload_mode eq 'html'}
       <tr>
         <td colspan="2">
@@ -126 +171 @@
       <input class="submit" type="submit" name="submit_upload" value="{'Upload'|@translate}" {$TAG_INPUT_ENABLED}/>
     </p>
+{elseif $upload_mode eq 'multiple'}
+    </table>
+
+    <p>
+      <input type="file" name="uploadify" id="uploadify" />
+    </p>
+
+    <div id="fileQueue"></div>
+
+    <p>
+      <input class="submit" type="button" value="{'Upload'|@translate}" onclick="javascript:jQuery('#uploadify').uploadifyUpload()"/>
+      <input type="submit" name="submit_upload" style="display:none"/>
+    </p>
+{/if}
   </fieldset>
 </form>