widgets/youtube_player/include/template/admin.tmpl.html

   1 <patTemplate:tmpl name="_widget">\r
   2 <script type="text/javascript">\r
   3 //<![CDATA[\r
   4 function addItem(){\r
   5         if (!window.confirm('項目を新規追加しますか?')) return false;\r
   6         document.main.fieldcount.value = $('#field_list').find('.dragRow').length;\r
   7         document.main.act.value = 'add';\r
   8         document.main.submit();\r
   9         return true;\r
  10 }\r
  11 function updateItem(){\r
  12         if (!window.confirm('設定を更新しますか?')) return false;\r
  13         document.main.fieldcount.value = $('#field_list').find('.dragRow').length;\r
  14         document.main.act.value = 'update';\r
  15         document.main.submit();\r
  16         return true;\r
  17 }\r
  18 function selectItem()\r
  19 {\r
  20         document.main.act.value = 'select';\r
  21         document.main.submit();\r
  22         return true;\r
  23 }\r
  24 function listItem(){\r
  25         document.main.task.value = 'list';\r
  26         document.main.submit();\r
  27         return true;\r
  28 }\r
  29 // 動画項目を追加\r
  30 function addLine()\r
  31 {\r
  32         var lineText = '<tr class="dragRow"><td class="dragHandle"></td><td align="center"><span class="lineNo"></span></td>';\r
  33         lineText += '<td><input type="text" name="item_name[]" size="20" maxlength="60" style="width:100%" /></td>';\r
  34         lineText += '<td><input type="text" name="item_movieid[]" size="30" maxlength="100" style="width:100%" /></td>';\r
  35         lineText += '<td align="center"><a class="delLine" href="#"><img src="{_ROOT_URL}/images/system/delete.png" width="16" height="16" border="0" alt="削除" title="削除" /></a></td></tr>';\r
  36         $('#field_list').append(lineText);\r
  37         \r
  38         // 項目一覧を再設定\r
  39         setupList();\r
  40 }\r
  41 function setupList()\r
  42 {\r
  43         $("#field_list").tableDnD({\r
  44                 onDrop: function(table, row){\r
  45                         setupNo();\r
  46                 },\r
  47                 dragHandle: "dragHandle"\r
  48         });\r
  49         $("#field_list tr").hover(function(){\r
  50                 $(this.cells[0]).addClass('currentHandle');\r
  51         }, function() {\r
  52                 $(this.cells[0]).removeClass('currentHandle');\r
  53         });\r
  54         // 項目削除処理\r
  55         $("#field_list tr .delLine").click(function(){\r
  56                 $(this).parents('.dragRow').remove();\r
  57                 setupNo();\r
  58         });\r
  59         // インデックスNo再設定\r
  60         setupNo();\r
  61 }\r
  62 function setupNo()\r
  63 {\r
  64         // インデックスNo再設定\r
  65         $("#field_list tr .lineNo").each(function(index){\r
  66                 $(this).text(index + 1);\r
  67         });\r
  68 }\r
  69 // プレビューを別ウィンドウで表示\r
  70 function previewInOtherWindow()\r
  71 {\r
  72         window.open("{PREVIEW_URL}","","toolbar=no,menubar=no,location=yes,status=no,scrollbars=yes,resizable=yes,width=1000,height=800");\r
  73         return true;\r
  74 }\r
  75 function viewWidget(widgetId){\r
  76         window.open("?cmd=showwidget&widget=" + widgetId,"","toolbar=no,menubar=no,location=no,status=no,scrollbars=yes,resizable=yes,width=800,height=600");\r
  77         return false;\r
  78 }\r
  79 $(document).ready(function(){\r
  80         setupList();\r
  81 });\r
  82 //]]>\r
  83 </script>\r
  84 <div align="center">\r
  85 <br />\r
  86 <!-- m3:ErrorMessage -->\r
  87 <form method="post" name="main">\r
  88 <input type="hidden" name="task" />\r
  89 <input type="hidden" name="act" />\r
  90 <input type="hidden" name="serial" value="{SERIAL}" />\r
  91 <input type="hidden" name="fieldcount" />\r
  92 <input type="hidden" name="required" />\r
  93 <!-- m3:PostParam -->\r
  94 <table width="90%">\r
  95 <tr><td><span {_HELP_UNTITLEDTASK_DETAIL}><label>設定詳細</label></span></td>\r
  96 <td align="right"><span {_HELP_UNTITLEDTASK_PREVIEW_BTN}><input type="button" class="button" onclick="previewInOtherWindow();" value="プレビュー" {PREVIEW_DISABLED}/></span>&nbsp;&nbsp;<span {_HELP_UNTITLEDTASK_LIST_BTN}><input type="button" class="button" onclick="listItem();" value="一覧" /></span>\r
  97 </td></tr>\r
  98 <tr><td colspan="2">\r
  99 \r
 100 <table class="simple-table" width="100%">\r
 101     <tbody>\r
 102         <tr>\r
 103             <td class="table-headside" width="100"><span {_HELP_UNTITLEDTASK_NAME_INPUT}>名前</span></td>\r
 104             <td width="500">\r
 105             <select name="item_id" onchange="selectItem();" {ID_DISABLED}>\r
 106                 <option value="0">-- 新規 --</option>\r
 107                 <patTemplate:tmpl name="title_list">\r
 108                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 109                 </patTemplate:tmpl>\r
 110             </select>\r
 111             <patTemplate:tmpl name="item_def_name_visible" visibility="hidden">\r
 112             <input type="text" name="item_def_name" value="{DEF_NAME}" size="40" maxlength="40" />\r
 113             </patTemplate:tmpl>\r
 114             </td>\r
 115             <td class="table-headside" width="100"><span {_HELP_UNTITLEDTASK_ID}>ID</span></td>\r
 116             <td align="center">{ID}</td>\r
 117         </tr>\r
 118         <tr class="even">\r
 119             <td class="table-headside"><span {_HELP_UNTITLEDTASK_MOVIE_LIST}>動画リスト</span></td>\r
 120             <td colspan="3">\r
 121             <table id="field_list" class="simple-table-inner" width="100%">\r
 122             <thead>\r
 123             <tr><th width="35">移動</th><th width="30">No</th><th width="60%">名前</th><th>動画ID</th><th width="40">操作</th></tr>\r
 124             </thead><tbody>\r
 125             <patTemplate:tmpl name="field_list">\r
 126             <tr class="dragRow">\r
 127             <td class="dragHandle"></td>\r
 128             <td align="center"><span class="lineNo"></span></td>\r
 129             <td><input type="text" name="item_name[]" value="{NAME}" size="20" maxlength="60" style="width:100%" /></td>\r
 130             <td><input type="text" name="item_movieid[]" value="{MOVIEID}" size="30" maxlength="100" style="width:100%" /></td>\r
 131             <td align="center"><a class="delLine" href="#"><img src="{ROOT_URL}/images/system/delete.png" width="16" height="16" border="0" alt="削除" title="削除" /></a></td>\r
 132             </tr>\r
 133             </patTemplate:tmpl>\r
 134             </tbody></table>\r
 135             <div><input type="button" class="button" onclick="addLine();" value="追加" /></div>\r
 136             </td>\r
 137         </tr>\r
 138         <tr>\r
 139             <td class="table-headside"><span {_HELP_UNTITLEDTASK_THEME}>配色用テーマ</span></td>\r
 140             <td colspan="3">\r
 141             <select name="item_theme">\r
 142                 <patTemplate:tmpl name="theme_list">\r
 143                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 144                 </patTemplate:tmpl>\r
 145             </select>\r
 146             </td>\r
 147         </tr>\r
 148         <tr class="even">\r
 149             <td class="table-headside"><span {_HELP_UNTITLEDTASK_SIZE}>表示サイズ</span></td>\r
 150             <td colspan="3">幅：<input type="text" name="item_width" value="{WIDTH}" size="3" maxlength="3" onkeypress="return m3_numericKey(event,true);" />px\r
 151             &nbsp;&nbsp;高さ：<input type="text" name="item_height" value="{HEIGHT}" size="3" maxlength="3" onkeypress="return m3_numericKey(event,true);" />px\r
 152             </td>\r
 153         </tr>\r
 154         <tr>\r
 155             <td align="right" colspan="4">\r
 156 <patTemplate:tmpl name="update_button" visibility="hidden">\r
 157                 <input type="button" class="button" onclick="updateItem();" value="更新" />\r
 158 </patTemplate:tmpl>\r
 159 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 160                 <input type="button" class="button" onclick="addItem();" value="新規追加" />\r
 161 </patTemplate:tmpl>\r
 162             </td>\r
 163         </tr>\r
 164     </tbody>\r
 165 </table>\r
 166 </td></tr>\r
 167 </table>\r
 168 </form>\r
 169 </div>\r
 170 </patTemplate:tmpl>\r