widgets/admin_main/include/template/filebrowse.tmpl.html

   1 /**\r
   2  * 表示データ作成用テンプレート(patTemplate)\r
   3  *\r
   4  * LICENSE: This source file is licensed under the terms of the GNU General Public License.\r
   5  *\r
   6  * @package    Magic3 Framework\r
   7  * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>\r
   8  * @copyright  Copyright 2006-2013 Magic3 Project.\r
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License\r
  10  * @version    SVN: $Id: filebrowse.tmpl.html 5830 2013-03-15 13:44:37Z fishbone $\r
  11  * @link       http://www.magic3.org\r
  12  */\r
  13 <patTemplate:tmpl name="_widget">\r
  14 <script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/swfupload.js"></script>\r
  15 <script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/plugins/swfupload.cookies.js"></script>\r
  16 <!--<script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/plugins/swfupload.swfobject.js"></script>-->\r
  17 <script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/plugins/swfupload.queue.js"></script>\r
  18 <script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/fileprogress.js"></script>\r
  19 <script type="text/javascript" src="{_ROOT_URL}/scripts/swfupload2.5/handlers.js"></script>\r
  20 <script type="text/javascript">\r
  21 //<![CDATA[\r
  22 $(function(){\r
  23         // スクロールバー付きのテーブルを作成\r
  24         m3_tableWithScrollbar('filelist', -1, 0);\r
  25         \r
  26         // ファイルアップロード機能を作成\r
  27         var uploadObj = new SWFUpload({\r
  28                 // Backend Settings\r
  29                 flash_url : "{_ROOT_URL}/scripts/swfupload2.5/swfupload.swf",\r
  30                 upload_url: "{UPLOAD_URL}",\r
  31                 file_post_name : "Filedata",\r
  32                 \r
  33                 // File Upload Settings\r
  34                 file_size_limit : "{MAX_FILE_SIZE}",    // 最大ファイルサイズ\r
  35                 file_types : "*.*",\r
  36                 file_types_description : "All Files",\r
  37                 file_upload_limit : "100",\r
  38                 file_queue_limit : "0",\r
  39                 \r
  40                 custom_settings : {\r
  41                         progressTarget : "fsUploadProgress",\r
  42                         cancelButtonId : "btnCancel"\r
  43                 },\r
  44                 debug: false,\r
  45 \r
  46                 // Button Settings\r
  47                 button_placeholder_id : "spanButtonPlaceholder",\r
  48                 button_width: 100,\r
  49                 button_height: 22,\r
  50                 button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,\r
  51                 button_cursor: SWFUpload.CURSOR.HAND,\r
  52 \r
  53                 // The event handler functions are defined in handlers.js\r
  54                 swfupload_loaded_handler : swfUploadLoaded,\r
  55                 swfupload_pre_load_handler : swfUploadPreLoad,\r
  56                 swfupload_load_failed_handler : swfUploadLoadFailed,\r
  57                 file_queued_handler : fileQueued,\r
  58                 file_queue_error_handler : fileQueueError,\r
  59                 file_dialog_complete_handler : fileDialogComplete,\r
  60                 upload_start_handler : uploadStart,\r
  61                 upload_progress_handler : uploadProgress,\r
  62                 upload_error_handler : uploadError,\r
  63                 upload_success_handler : uploadSuccess,\r
  64                 upload_complete_handler : function(file){\r
  65                         if (this.getStats().files_queued == 0){\r
  66                                 document.getElementById(this.customSettings.cancelButtonId).disabled = true;\r
  67                                 updateList();\r
  68                         }\r
  69                 },\r
  70                 queue_complete_handler : queueComplete  // Queue plugin event\r
  71         });\r
  72 });\r
  73 function selDir(path)\r
  74 {\r
  75         document.main.act.value = 'selpath';\r
  76         document.main.path.value = path;\r
  77         document.main.submit();\r
  78 }\r
  79 function selPage(page)\r
  80 {\r
  81         document.main.act.value = 'selpage';\r
  82         document.main.page.value = page;\r
  83         document.main.submit();\r
  84         return true;\r
  85 }\r
  86 function updateList()\r
  87 {\r
  88         if (!window.confirm('{_LC_MSG_FILE_UPLOAD}')) return false;\r
  89         document.main.act.value = 'update';\r
  90         document.main.submit();\r
  91         return true;\r
  92 }\r
  93 function delItem(){\r
  94         if (document.main.seriallist.value){\r
  95                 var items = document.main.seriallist.value.split(",");\r
  96                 for (var i = 0; i < items.length; i++){\r
  97                         var name = "document.main.item" + i + "_selected";\r
  98                         var itemObj = eval(name);\r
  99                         // チェックありのときは終了\r
 100                         if (itemObj && itemObj.checked) break;\r
 101                 }\r
 102                 if (i == items.length){                 \r
 103                         window.alert('{_LC_MSG_SELECT_FILE}');\r
 104                 } else {\r
 105                         if (!window.confirm('{_LC_MSG_DELETE_FILE}')) return false;\r
 106                         document.main.act.value = 'delete';\r
 107                         document.main.submit();\r
 108                 }\r
 109         }\r
 110         return true;\r
 111 }\r
 112 function createDir()\r
 113 {\r
 114         if (!window.confirm('{_LC_MSG_CREATE_DIRECTORY}')) return false;\r
 115         document.main.act.value = 'createdir';\r
 116         document.main.submit();\r
 117         return true;\r
 118 }\r
 119 //]]>\r
 120 </script>\r
 121 <div align="center">\r
 122 {MENU_ITEMS}\r
 123 <!-- m3:ErrorMessage -->\r
 124 <form method="post" name="main">\r
 125 <input type="hidden" name="task" value="filebrowse" />\r
 126 <input type="hidden" name="act" />\r
 127 <input type="hidden" name="seriallist" value="{SERIAL_LIST}" />\r
 128 <input type="hidden" name="path" value="{PATH}" />\r
 129 <table width="90%">\r
 130 <tr><td>\r
 131 <label><span {_HELP_FILEBROWSE_PATH}>{_LC_LABEL_PATH}</span> {PATH_LINK}</label>\r
 132 </td><td align="right"><span {_HELP_FILEBROWSE_DEL_BTN}><input type="button" class="button" onclick="delItem();" value="{_LC_LABEL_DELETE}" {DEL_DISABLED}/></span></td></tr>\r
 133 <tr><td colspan="2">\r
 134 <table id="filelist" class="simple-table" width="100%">\r
 135     <thead>\r
 136         <tr>\r
 137             <th width="35"><span {_HELP_FILEBROWSE_CHECK}>{_LC_LABEL_CHECK}</span></th>\r
 138             <th width="30" style="border-right:none;"></th>\r
 139             <th width="35%" style="border-left:none;"><span {_HELP_FILEBROWSE_FILENAME}>{_LC_LABEL_FILENAME}</span></th>\r
 140             <th width="10%"><span {_HELP_FILEBROWSE_SIZE}>{_LC_LABEL_SIZE}</span></th>\r
 141             <th width="10%"><span {_HELP_FILEBROWSE_PERMISSION}>{_LC_LABEL_PERMISSION}</span></th>\r
 142             <th width="150"><span {_HELP_FILEBROWSE_DATE}>{_LC_LABEL_DATE}</span></th>\r
 143             <th width="10%"><span {_HELP_FILEBROWSE_OWNER}>{_LC_LABEL_OWNER}</span></th>\r
 144             <th><span {_HELP_FILEBROWSE_GROUP}>{_LC_LABEL_GROUP}</span></th>\r
 145         </tr>\r
 146     </thead>\r
 147     <tbody>\r
 148         <patTemplate:tmpl name="file_list">\r
 149         <tr>\r
 150             <td align="center"><input type="checkbox" name="item{INDEX}_selected" {CHECK_DISABLED}/><input type="hidden" name="item{INDEX}_name" value="{NAME}" /></td>\r
 151             <td align="center" style="border-right:none;">{ICON}</td>\r
 152             <td style="border-left:none;">{FILENAME}</td>\r
 153             <td align="right">{SIZE}</td>\r
 154             <td align="center">{PERMISSION}</td>\r
 155             <td align="center">{DATE}</td>\r
 156             <td align="center">{OWNER}</td>\r
 157             <td align="center">{GROUP}</td>\r
 158         </tr>\r
 159         </patTemplate:tmpl>\r
 160     </tbody>\r
 161 </table>\r
 162 </td></tr>\r
 163 <tr><td>{PAGE_LINK}</td><td align="right"><patTemplate:tmpl name="search_range" visibility="hidden"><label>{START_NO}-{END_NO}{_LC_LABEL_COUNT}</label>&nbsp;&nbsp;</patTemplate:tmpl><!--<label>{TOTAL_COUNT}件中</label> --></td></tr>\r
 164 <tr><td colspan="2">\r
 165 \r
 166 <table><tr><td valign="top">\r
 167 <label><span {_HELP_FILEBROWSE_UPLOAD_FILE}>{_LC_LABEL_UPLOAD_FILE}</span></label>\r
 168 <table class="simple-table" width="500">\r
 169 <tr><td class="table-headside" width="200">{_LC_LABEL_FILESIZE}</td><td align="center">{MAX_FILE_SIZE}\r
 170 </td></tr>\r
 171 <tr class="even"><td colspan="2">\r
 172 <div class="fieldset flash" id="fsUploadProgress"></div>\r
 173 <div id="divStatus">0 Files Uploaded</div>\r
 174 </td></tr>\r
 175 <tr><td colspan="2">\r
 176 <!-- ### buttons must place at 'button_placeholder_id' tag position. ### -->\r
 177 <span id="spanButtonPlaceholder"></span>\r
 178 <input id="btnUpload" type="button" value="{_LC_LABEL_SELECT_FILE}" />\r
 179 <input id="btnCancel" type="button" value="{_LC_LABEL_CANCEL}" disabled="disabled" />\r
 180 <noscript>\r
 181         We're sorry.  SWFUpload could not load.  You must have JavaScript enabled to enjoy SWFUpload.\r
 182 </noscript>\r
 183 <div id="divLoadingContent" class="content" style="display: none;">\r
 184         SWFUpload is loading. Please wait a moment...\r
 185 </div>\r
 186 <div id="divLongLoading" class="content" style="display: none;">\r
 187         SWFUpload is taking a long time to load or the load has failed.  Please make sure that the Flash Plugin is enabled and that a working version of the Adobe Flash Player is installed.\r
 188 </div>\r
 189 <div id="divAlternateContent" class="content" style="display: none;">\r
 190         We're sorry.  SWFUpload could not load.  You may need to install or upgrade Flash Player.\r
 191         Visit the <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">Adobe website</a> to get the Flash Player.\r
 192 </div>\r
 193 </td></tr>\r
 194 </table>\r
 195 </td><td valign="top">\r
 196 <label><span {_HELP_FILEBROWSE_CREATE_DIRECTORY}>{_LC_LABEL_CREATE_DIRECTORY}</span></label>\r
 197 <table class="simple-table" width="500">\r
 198 <tr><td class="table-headside" width="200">{_LC_LABEL_DIRECTORY_NAME}</td><td><input type="text" name="directory_name" value="{DIRECTORY_NAME}" size="60" maxlength="100" /></td></tr>\r
 199 <tr class="even"><td colspan="2" align="right"><input type="button" class="button" onclick="createDir();" value="{_LC_LABEL_CREATE}" /></td></tr>\r
 200 </table>\r
 201 </td></tr>\r
 202 </table>\r
 203 \r
 204 </td></tr>\r
 205 </table>\r
 206 </form>\r
 207 </div>\r
 208 </patTemplate:tmpl>