widgets/default_content/include/template/admin_main_detail.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: index.tmpl.html 4912 2012-05-21 14:51:14Z fishbone $\r
  11  * @link       http://www.magic3.org\r
  12  */\r
  13 <patTemplate:tmpl name="_widget">\r
  14 <script type="text/javascript" src="{_SCRIPTS_URL}/md5.js"></script>\r
  15 <style type="text/css">@import url({_SCRIPTS_URL}/jscalendar-1.0/calendar-win2k-1.css);</style>\r
  16 <script type="text/javascript" src="{_SCRIPTS_URL}/jscalendar-1.0/calendar.js"></script>\r
  17 <script type="text/javascript" src="{_SCRIPTS_URL}/jscalendar-1.0/lang/calendar-ja.js"></script>\r
  18 <script type="text/javascript" src="{_SCRIPTS_URL}/jscalendar-1.0/calendar-setup.js"></script>\r
  19 <style type="text/css">@import url({_SCRIPTS_URL}/fileuploader/fileuploader.css);</style>\r
  20 <script type="text/javascript" src="{_SCRIPTS_URL}/fileuploader/fileuploader.js"></script>\r
  21 <script type="text/javascript">\r
  22 //<![CDATA[\r
  23 function addItem(){\r
  24         if (!window.confirm('項目を新規追加しますか?')) return false;\r
  25         document.main.act.value = 'add';\r
  26         if (document.main.item_password.value != '') document.main.password.value = hex_md5(document.main.item_password.value);\r
  27         \r
  28         document.main.attachfilecount.value = $('#attach_file_list').find('.dragRow').length;\r
  29         document.main.submit();\r
  30         return true;\r
  31 }\r
  32 function updateItem(serialNo){\r
  33         if (!window.confirm('項目を更新しますか?')) return false;\r
  34         document.main.act.value = 'update';\r
  35         if (document.main.item_password.value != '********'){\r
  36                 if (document.main.item_password.value != '') document.main.password.value = hex_md5(document.main.item_password.value);\r
  37         }\r
  38         \r
  39         document.main.attachfilecount.value = $('#attach_file_list').find('.dragRow').length;\r
  40         document.main.submit();\r
  41         return true;\r
  42 }\r
  43 function delItem(serialNo){\r
  44         if (!window.confirm('項目を削除しますか?')) return false;\r
  45         document.main.act.value = 'delete';\r
  46         document.main.submit();\r
  47         return true;\r
  48 }\r
  49 function cancelItem(){\r
  50         document.main.task.value = 'content';\r
  51         document.main.submit();\r
  52         return true;\r
  53 }\r
  54 function viewHistory(){\r
  55         document.main.task.value = 'history';\r
  56         document.main.submit();\r
  57         return true;\r
  58 }\r
  59 function viewCustomValue(){\r
  60         m3ShowStandardWindow("{ADMIN_URL}?cmd=showwidget&widget={ADMIN_WIDGET_ID}&task={CUSTOM_VALUE_TASK}&openby=other");\r
  61         return false;\r
  62 }\r
  63 // プレビューを別ウィンドウで表示\r
  64 function previewInOtherWindow()\r
  65 {\r
  66         m3ShowPreviewWindow({DEVICE_TYPE}, "{PREVIEW_URL}");\r
  67         return true;\r
  68 }\r
  69 // メニューに追加\r
  70 function addToMenu(selId)\r
  71 {\r
  72         window.open("?cmd=configwidget&widget={TARGET_WIDGET}&task=add_to_menu&openby=simple&contentid=" + selId, "", "toolbar=no,menubar=no,location=no,status=no,scrollbars=no,resizable=no,width=500,height=300");\r
  73         return true;\r
  74 }\r
  75 function selectItemLang(){\r
  76         document.main.act.value = 'selectlang';\r
  77         document.main.submit();\r
  78         return true;\r
  79 }\r
  80 // 添付ファイル追加\r
  81 function addAttachFile(fileid, filename)\r
  82 {\r
  83         var lineText = '<tr class="dragRow"><td class="dragHandle"></td><td align="center"><span class="lineNo"></span></td>';\r
  84         lineText += '<td><input type="text" name="item_filetitle[]" size="20" maxlength="60" style="width:100%" /></td>';\r
  85         lineText += '<td><input type="text" name="item_filename[]" size="30" maxlength="100" style="width:100%" value="' + filename + '" /></td>';\r
  86         lineText += '<td align="center"><input type="hidden" name="item_fileid[]" value="' + fileid + '" /><a class="delLine" href="#"><img src="{_ROOT_URL}/images/system/delete.png" width="16" height="16" border="0" alt="削除" title="削除" /></a></td></tr>';\r
  87         $('#attach_file_list').append(lineText);\r
  88         \r
  89         // 項目一覧を再設定\r
  90         setupList();\r
  91 }\r
  92 function setupList()\r
  93 {\r
  94         $("#attach_file_list").tableDnD({\r
  95                 onDrop: function(table, row){\r
  96                         setupNo();\r
  97                 },\r
  98                 dragHandle: "dragHandle"\r
  99         });\r
 100         $("#attach_file_list tr").hover(function(){\r
 101                 $(this.cells[0]).addClass('currentHandle');\r
 102         }, function() {\r
 103                 $(this.cells[0]).removeClass('currentHandle');\r
 104         });\r
 105         // 項目削除処理\r
 106         $("#attach_file_list tr .delLine").click(function(){\r
 107                 $(this).parents('.dragRow').remove();\r
 108                 setupNo();\r
 109         });\r
 110         // インデックスNo再設定\r
 111         setupNo();\r
 112 }\r
 113 function setupNo()\r
 114 {\r
 115         // インデックスNo再設定\r
 116         $("#attach_file_list tr .lineNo").each(function(index){\r
 117                 $(this).text(index + 1);\r
 118         });\r
 119 }\r
 120 /*function uploadCheck(){\r
 121         if (!document.upload.upfile.value){\r
 122                 alert('アップロードするファイルが選択されていません');\r
 123                 return false;\r
 124         }\r
 125         if (!window.confirm('ファイルをアップロードします')) return false;\r
 126         document.upload.act.value = 'upload';\r
 127         document.upload.submit();\r
 128         return false;\r
 129 }*/\r
 130 function createUploader(){\r
 131         var uploader = new qq.FileUploader({\r
 132                 element: document.getElementById('file-uploader'),\r
 133                 action: '{UPLOAD_URL}',\r
 134                 onComplete: function(id, fileName, responseJson){\r
 135                         // 一覧に添付ファイルを追加\r
 136                         addAttachFile(responseJson.file.fileid, responseJson.file.filename);\r
 137                         \r
 138                         m3AdjustParentWindow();\r
 139                 },\r
 140                 debug: true\r
 141         });\r
 142 }\r
 143 \r
 144 $(function(){\r
 145         Calendar.setup({\r
 146                 inputField  : "item_start_date",         // ID of the input field\r
 147                 ifFormat    : "%Y/%m/%d",    // the date format\r
 148                 button      : "calenderbutton1"       // ID of the button\r
 149         });\r
 150         Calendar.setup({\r
 151                 inputField  : "item_end_date",         // ID of the input field\r
 152                 ifFormat    : "%Y/%m/%d",    // the date format\r
 153                 button      : "calenderbutton2"       // ID of the button\r
 154         });\r
 155         \r
 156         // WYSIWYGエディター作成\r
 157         m3SetWysiwygEditor('item_html', 300/* 高さ */);\r
 158         \r
 159         // オプション入力制御\r
 160         if ({OPTION_AREA_OPEN}){\r
 161                 $("tr.option_area").slideDown(300);\r
 162                 $("#button_open").css({'display':'none'});\r
 163                 $("#button_close").css({'display':'block'});\r
 164         } else {\r
 165                 $("tr.option_area").slideUp(300);\r
 166                 $("#button_open").css({'display':'block'});\r
 167                 $("#button_close").css({'display':'none'});\r
 168         }\r
 169         \r
 170         $("#button_open").click(function(){\r
 171                 $("tr.option_area").slideDown(300);\r
 172                 $("#button_open").css({'display':'none'});\r
 173                 $("#button_close").css({'display':'block'});\r
 174                 \r
 175                 m3AdjustParentWindow();\r
 176                 return false;\r
 177         });\r
 178         $("#button_close").click(function(){\r
 179                 $("tr.option_area").slideUp(300);\r
 180                 $("#button_open").css({'display':'block'});\r
 181                 $("#button_close").css({'display':'none'});\r
 182                 \r
 183                 m3AdjustParentWindow();\r
 184                 return false;\r
 185         });\r
 186         // 添付ファイル項目一覧を初期化\r
 187         setupList();\r
 188         \r
 189         // 画像アップローダー作成\r
 190         createUploader();\r
 191         \r
 192         // 行カラー化\r
 193         m3_tableWithScrollbar('input_content', -1, 0);\r
 194         \r
 195         // スクリプト編集エリア\r
 196         m3SetScriptEditor("item_jquery_script", 150);\r
 197 });\r
 198 //]]>\r
 199 </script>\r
 200 <div align="center">\r
 201 {MENU_ITEMS}\r
 202 <!-- m3:ErrorMessage -->\r
 203 <form method="post" name="main">\r
 204 <input type="hidden" name="task" value="content_detail" />\r
 205 <input type="hidden" name="act" />\r
 206 <input type="hidden" name="serial" value="{SERIAL}" />\r
 207 <input type="hidden" name="contentid" value="{SEL_ITEM_ID}" />\r
 208 <input type="hidden" name="password" />\r
 209 <input type="hidden" name="attachfilecount" />\r
 210 <table width="90%">\r
 211 <tr><td><label>コンテンツ詳細</label></td><td align="right"><span {_HELP_CONTENT_HISTORY_BTN}><input type="button" class="button" onclick="viewHistory();" value="履歴" {HISTORY_BTN_DISABLED} /></span><span {_HELP_CONTENT_ADDMENU_BTN}><input type="button" class="button" onclick="addToMenu('{SEL_ITEM_ID}');" value="メニューに追加" {PREVIEW_BTN_DISABLED} /></span><span {_HELP_CONTENT_PREVIEW_BTN}><input type="button" class="button" onclick="previewInOtherWindow();" value="プレビュー" {PREVIEW_BTN_DISABLED} /></span>\r
 212 <patTemplate:tmpl name="cancel_button" visibility="visible">\r
 213 &nbsp;&nbsp;<span {_HELP_CONTENT_RET_BTN}><input type="button" class="button" onclick="cancelItem();" value="戻る" /></span>\r
 214 </patTemplate:tmpl>\r
 215 </td></tr>\r
 216 <tr><td colspan="2">\r
 217 <table id="input_content" class="simple-table" width="100%">\r
 218     <tbody>\r
 219         <tr>\r
 220             <td class="table-headside" width="150"><span {_HELP_CONTENT_ID}>ID</span></td>\r
 221             <td width="100" align="center">{ITEM_ID}</td>\r
 222             <td class="table-headside" width="150"><span {_HELP_CONTENT_NAME}>名前</span></td>\r
 223         <patTemplate:tmpl name="show_singlelang" visibility="hidden">\r
 224             <td colspan="3"><input type="text" name="item_name" value="{SEL_ITEM_NAME}" size="40" maxlength="40" /></td>\r
 225         </patTemplate:tmpl>\r
 226         <patTemplate:tmpl name="show_multilang" visibility="hidden">\r
 227             <td width="20%"><input type="text" name="item_name" value="{SEL_ITEM_NAME}" size="40" maxlength="40" /></td>\r
 228             <td class="table-headside" width="150"><span {_HELP_CONTENT_LANG}>言語</span></td>\r
 229             <td>\r
 230         <patTemplate:tmpl name="default_lang" visibility="hidden">\r
 231         {DEFAULT_LANG}\r
 232         </patTemplate:tmpl>\r
 233         <patTemplate:tmpl name="select_lang" visibility="hidden">\r
 234                     <select name="item_lang" onchange="selectItemLang();">\r
 235                         <patTemplate:tmpl name="lang_list">\r
 236                         <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 237                         </patTemplate:tmpl>\r
 238                     </select>\r
 239         </patTemplate:tmpl>&nbsp;&nbsp;{LANG}\r
 240             </td>\r
 241         </patTemplate:tmpl>\r
 242         </tr>\r
 243         <tr>\r
 244             <td class="table-headside"><span {_HELP_CONTENT_VISIBLE}>公開</span></td>\r
 245             <td><input type="checkbox" name="item_visible" {SEL_ITEM_VISIBLE} /></td>\r
 246             <td class="table-headside"><span {_HELP_CONTENT_LIMITED}>ユーザ制限</span></td>\r
 247             <td><input type="checkbox" name="item_limited" {SEL_ITEM_LIMITED} /></td>\r
 248             <td class="table-headside" width="150"><span {_HELP_CONTENT_DEFAULT}>デフォルト項目</span></td>\r
 249             <td><input type="checkbox" name="item_default" {SEL_ITEM_DEFAULT} /></td>\r
 250         </tr>\r
 251         <tr>\r
 252             <td class="table-headside"><span {_HELP_CONTENT_ACTIVE_TERM}>公開期間</span></td>\r
 253             <td colspan="5">開始日：<input type="text" id="item_start_date" name="item_start_date" value="{START_DATE}" size="15" maxlength="10" /><a href="#" id="calenderbutton1"><img src="{CALENDAR_IMG}" alt="カレンダー" title="カレンダー" border="0" /></a>&nbsp;&nbsp;時間：<input type="text" id="item_start_time" name="item_start_time" value="{START_TIME}" size="15" maxlength="10" />&nbsp;&nbsp;～&nbsp;&nbsp;終了日：<input type="text" id="item_end_date" name="item_end_date" value="{END_DATE}" size="15" maxlength="10" /><a href="#" id="calenderbutton2"><img src="{CALENDAR_IMG}" alt="カレンダー" title="カレンダー" border="0" /></a>&nbsp;&nbsp;時間：<input type="text" id="item_end_time" name="item_end_time" value="{END_TIME}" size="15" maxlength="10" /></td>\r
 254         </tr>\r
 255     <tr>\r
 256             <td class="table-headside"><span {_HELP_CONTENT_HTML}>HTML</span><br />\r
 257             <span {_HELP_CONTENT_REF_CUSTOM}><input type="button" class="button" onclick="viewCustomValue();" value="置換文字列を参照" /></span></td>\r
 258             <td colspan="5" width="800">\r
 259             <textarea name="item_html">{SEL_ITEM_HTML}</textarea>\r
 260             </td>\r
 261         </tr>\r
 262 <patTemplate:tmpl name="show_jquery" visibility="hidden">\r
 263     <tr>\r
 264             <td class="table-headside" rowspan="4"><span {_HELP_CONTENT_JQUERY}>jQuery</span></td>\r
 265             <td class="table-headside" colspan="5"><span {_HELP_CONTENT_SCRIPT}>スクリプト</span></td>\r
 266         </tr>\r
 267     <tr>\r
 268             <td colspan="5"><textarea id="item_jquery_script" name="item_jquery_script" style="width:100%;height:100%;">{JQUERY_SCRIPT}</textarea></td>\r
 269         </tr>\r
 270     <tr>\r
 271             <td class="table-headside" colspan="5"><span {_HELP_CONTENT_PLUGIN}>プラグイン</span></td>\r
 272         </tr>\r
 273     <tr>\r
 274             <td colspan="5">\r
 275             <patTemplate:tmpl name="plugin_list"><label class="item_list_inline"><input type="checkbox" name="item_lib_{ID}" {ID_CHECKED} />{NAME}</label></patTemplate:tmpl>\r
 276             </td>\r
 277         </tr>\r
 278 </patTemplate:tmpl>\r
 279     <tr>\r
 280             <td class="table-headside"><span {_HELP_CONTENT_DESC}>簡易説明</span></td>\r
 281             <td colspan="5"><input type="text" name="item_desc" value="{DESC}" size="100" maxlength="100" style="width:100%" /></td>\r
 282         </tr>\r
 283         <patTemplate:tmpl name="user_fields" type="condition" conditionvar="type" visibility="hidden">\r
 284         <pattemplate:sub condition="__default">\r
 285     <tr>\r
 286                 <td class="table-headside">{FIELD_ID}</td>\r
 287             <td colspan="4"><input type="text" name="item_{FIELD_ID}" value="{VALUE}" size="40" maxlength="40" style="width:100%" /></td>\r
 288         </tr>\r
 289         </pattemplate:sub>\r
 290         <pattemplate:sub condition="first">\r
 291     <tr>\r
 292             <td class="table-headside" rowspan="{ROW_COUNT}">ユーザ定義フィールド</td>\r
 293                 <td class="table-headside">{FIELD_ID}</td>\r
 294             <td colspan="4"><input type="text" name="item_{FIELD_ID}" value="{VALUE}" size="40" maxlength="40" style="width:100%" /></td>\r
 295         </tr>\r
 296         </pattemplate:sub>\r
 297         </patTemplate:tmpl>\r
 298         <tr>\r
 299             <td class="table-headside"><span {_HELP_CONTENT_META_TITLE}>タイトル名</span></td>\r
 300             <td colspan="5"><input type="text" name="item_meta_title" value="{META_TITLE}" size="30" maxlength="40" /></td>\r
 301         </tr>\r
 302     <tr>\r
 303             <td class="table-headside"><span {_HELP_CONTENT_META_DESCRIPTION}>ページ要約</span></td>\r
 304             <td colspan="5" height="50"><textarea name="item_meta_desc" style="width:100%;height:100%;">{META_DESC}</textarea></td>\r
 305         </tr>\r
 306     <tr>\r
 307             <td class="table-headside"><span {_HELP_CONTENT_META_KEYWORDS}>検索キーワード</span></td>\r
 308             <td colspan="5" height="50"><textarea name="item_meta_keyword" style="width:100%;height:100%;">{META_KEYWORD}</textarea></td>\r
 309         </tr>\r
 310         <tr>\r
 311             <td class="table-headside"><span {_HELP_CONTENT_UPDATE_USER}>更新者</span></td>\r
 312             <td>{UPDATE_USER}</td>\r
 313             <td class="table-headside"><span {_HELP_CONTENT_UPDATE_DT}>更新日時</span></td>\r
 314             <td colspan="3">{UPDATE_DT}</td>\r
 315         </tr>\r
 316         <tr class="option_area" style="display:none;">\r
 317             <td class="table-headside"><span {_HELP_CONTENT_PASSWORD}>パスワード</span></td>\r
 318             <td><input type="password" name="item_password" value="{PASSWORD}" size="30" maxlength="40" autocomplete="off" {PASSWORD_DISABLED} /></td>\r
 319             <td class="table-headside"><span {_HELP_CONTENT_KEY}>外部参照用キー</span></td>\r
 320             <td><input type="text" name="item_key" value="{SEL_ITEM_KEY}" size="20" maxlength="20" style="width:100%" {KEY_DISABLED} /></td>\r
 321             <td class="table-headside"><span {_HELP_CONTENT_RELATED_CONTENT}>関連コンテンツ</span></td>\r
 322             <td><input type="text" name="item_related_content" value="{RELATED_CONTENT}" size="40" maxlength="40" style="width:100%" {RELATED_CONTENT_DISABLED} /></td>\r
 323         </tr>\r
 324 <patTemplate:tmpl name="show_template" visibility="hidden">\r
 325     <tr class="option_area" style="display:none;">\r
 326             <td class="table-headside"><span {_HELP_CONTENT_TEMPLATE}>テンプレート</span></td>\r
 327             <td colspan="5">\r
 328                     <select name="item_template_id">\r
 329                             <option value="">-- 選択なし --</option>\r
 330                         <patTemplate:tmpl name="template_list">\r
 331                         <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 332                         </patTemplate:tmpl>\r
 333                     </select>\r
 334                 </td>\r
 335         </tr>\r
 336 </patTemplate:tmpl>\r
 337         <tr class="option_area" style="display:none;">\r
 338             <td class="table-headside"><span {_HELP_CONTENT_ATTACH_FILE}>添付ファイル</span></td>\r
 339             <td colspan="5">\r
 340             <table id="attach_file_list" class="simple-table-inner" width="100%">\r
 341             <thead>\r
 342             <tr><th width="35">移動</th><th width="30">No</th><th width="200">タイトル</th><th>ファイル名</th><th width="40">操作</th></tr>\r
 343             </thead><tbody>\r
 344             <patTemplate:tmpl name="attach_file_list">\r
 345             <tr class="dragRow">\r
 346             <td class="dragHandle"></td>\r
 347             <td align="center"><span class="lineNo"></span></td>\r
 348             <td><input type="text" name="item_filetitle[]" value="{TITLE}" size="20" maxlength="60" style="width:100%" /></td>\r
 349             <td><input type="text" name="item_filename[]" value="{FILENAME}" size="30" maxlength="100" style="width:100%" /></td>\r
 350             <td align="center"><input type="hidden" name="item_fileid[]" value="{FILE_ID}" /><a class="delLine" href="#"><img src="{ROOT_URL}/images/system/delete.png" width="16" height="16" border="0" alt="削除" title="削除" /></a></td>\r
 351             </tr>\r
 352             </patTemplate:tmpl>\r
 353             </tbody></table>\r
 354             <div id="file-uploader"></div>\r
 355             </td>\r
 356         </tr>\r
 357         <tr>\r
 358         <td style="border-right:0;"><a id="button_open" href="#">{OPEN_BUTTON}</a><a id="button_close" href="#">{CLOSE_BUTTON}</a></td>\r
 359         <td colspan="5" align="right" style="border-left:0;">\r
 360 <patTemplate:tmpl name="del_button" visibility="hidden">\r
 361                 <input type="button" class="button" onclick="delItem();" value="削除" />\r
 362                 <input type="button" class="button" onclick="updateItem();" value="更新" />\r
 363 </patTemplate:tmpl>\r
 364 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 365                 <input type="button" class="button" onclick="addItem();" value="新規追加" />\r
 366 </patTemplate:tmpl>\r
 367         </td>\r
 368         </tr>\r
 369     </tbody>\r
 370 </table>\r
 371 </td></tr>\r
 372 </table>\r
 373 </form>\r
 374 </div>\r
 375 </patTemplate:tmpl>\r