widgets/slide_menu/include/template/admin.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-2012 Magic3 Project.\r
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License\r
  10  * @version    SVN: $Id: admin.tmpl.html 4944 2012-06-07 23:47:16Z fishbone $\r
  11  * @link       http://www.magic3.org\r
  12  */\r
  13 <patTemplate:tmpl name="_widget">\r
  14 <script type="text/javascript">\r
  15 //<![CDATA[\r
  16 function addItem(){\r
  17         if (!window.confirm('項目を新規追加しますか?')) return false;\r
  18         document.main.act.value = 'add';\r
  19         document.main.submit();\r
  20         return true;\r
  21 }\r
  22 function updateItem(){\r
  23         if (!window.confirm('設定を更新しますか?')) return false;\r
  24         document.main.act.value='update';\r
  25         document.main.submit();\r
  26         return true;\r
  27 }\r
  28 function selectItem()\r
  29 {\r
  30         document.main.act.value = 'select';\r
  31         document.main.submit();\r
  32         return true;\r
  33 }\r
  34 function listItem(){\r
  35         document.main.task.value = 'list';\r
  36         document.main.submit();\r
  37         return true;\r
  38 }\r
  39 function editMenuDef(){\r
  40         var id = document.main.item_menuid.value;\r
  41         window.open("?task=menudef&openby=all&menuid=" + id, "", "{_CONFIG_WINDOW_STYLE}");\r
  42         return false;\r
  43 }\r
  44 //]]>\r
  45 </script>\r
  46 <div align="center">\r
  47 <br />\r
  48 <!-- m3:ErrorMessage -->\r
  49 <form method="post" name="main">\r
  50 <input type="hidden" name="task" />\r
  51 <input type="hidden" name="act" />\r
  52 <input type="hidden" name="serial" value="{SERIAL}" />\r
  53 <!-- m3:PostParam -->\r
  54 <table width="90%">\r
  55 <tr><td><span {_HELP_MENU_DETAIL}><label>メニュー設定</label></span></td>\r
  56 <td align="right"><span {_HELP_MENU_LIST_BTN}><input type="button" class="button" onclick="listItem();" value="一覧" /></span>\r
  57 </td></tr>\r
  58 <tr><td colspan="2">\r
  59 \r
  60 <table class="simple-table" width="100%">\r
  61     <tbody>\r
  62         <tr>\r
  63             <td class="table-headside" width="150"><span {_HELP_MENU_NAME_INPUT}>名前</span></td>\r
  64             <td width="400">\r
  65             <select name="item_id" onchange="selectItem();" {ID_DISABLED}>\r
  66                 <option value="0">-- 新規 --</option>\r
  67                 <patTemplate:tmpl name="title_list">\r
  68                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
  69                 </patTemplate:tmpl>\r
  70             </select>\r
  71             <patTemplate:tmpl name="item_name_visible" visibility="hidden">\r
  72             <input type="text" name="item_name" value="{NAME}" size="40" maxlength="40" />\r
  73             </patTemplate:tmpl>\r
  74             </td>\r
  75             <td class="table-headside" width="150"><span {_HELP_MENU_ID}>ID</span></td>\r
  76             <td>{ID}\r
  77             </td>\r
  78         </tr>\r
  79         <tr class="even">\r
  80             <td class="table-headside" width="200"><span {_HELP_MENU_DEF}>メニュー定義</span></td>\r
  81             <td colspan="3">\r
  82             <select name="item_menuid" onchange="selectItem();" {ID_DISABLED}>\r
  83                 <patTemplate:tmpl name="menu_id_list">\r
  84                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
  85                 </patTemplate:tmpl>\r
  86             </select>\r
  87             <span {_HELP_MENU_EDIT_DEF_BTN}><input type="button" class="button" onclick="editMenuDef();" value="メニュー定義を編集" /></span>\r
  88             </td>\r
  89         </tr>\r
  90         <tr>\r
  91             <td class="table-headside"><span {_HELP_MENU_TYPE}>メニュータイプ</span></td>\r
  92             <td>\r
  93     <select name="item_menu_type">\r
  94         <patTemplate:tmpl name="menu_type_list">\r
  95         <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
  96         </patTemplate:tmpl>\r
  97     </select>&nbsp;&nbsp;&nbsp;&nbsp;\r
  98     表示速度：\r
  99     <select name="item_menu_speed">\r
 100         <patTemplate:tmpl name="menu_speed_list">\r
 101         <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 102         </patTemplate:tmpl>\r
 103     </select>\r
 104             </td>\r
 105             <td class="table-headside"><span {_HELP_MENU_DEFAULT_NO}>デフォルトの選択項目</span></td>\r
 106             <td>\r
 107             <input type="text" name="item_default_no" value="{DEFAULT_NO}" size="2" maxlength="2" onkeypress="return m3_numericKey(event,true);" />\r
 108             </td>\r
 109         </tr>\r
 110         <tr class="even">\r
 111             <td class="table-headside"><span {_HELP_MENU_CSS_ID}>CSS用ID</span></td>\r
 112             <td colspan="3">{CSS_ID}<input type="hidden" name="item_css_id" value="{CSS_ID}" />\r
 113             </td>\r
 114         </tr>\r
 115         <tr>\r
 116             <td class="table-headside"><span {_HELP_MENU_CSS}>CSS</span></td>\r
 117             <td colspan="3"><textarea name="item_css" rows="10" style="width:100%;">{CSS}</textarea>\r
 118             </td>\r
 119         </tr>\r
 120         <tr class="even">\r
 121             <td align="right" colspan="4">\r
 122 <patTemplate:tmpl name="update_button" visibility="hidden">\r
 123                 <input type="button" class="button" onclick="updateItem();" value="更新" />\r
 124 </patTemplate:tmpl>\r
 125 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 126                 <input type="button" class="button" onclick="addItem();" value="新規追加" />\r
 127 </patTemplate:tmpl>\r
 128             </td>\r
 129         </tr>\r
 130     </tbody>\r
 131 </table>\r
 132 </td></tr>\r
 133 \r
 134 <tr><td colspan="2">\r
 135 <br />\r
 136 <div>\r
 137 <label>メニュープレビュー</label></div>\r
 138 <div id="preview_outer">\r
 139 <ul id="{CSS_ID}" class="{MENU_CLASS}{MENU_OPTION}">\r
 140 {PREVIEW}\r
 141 </ul>\r
 142 <script type="text/javascript">\r
 143 //<![CDATA[\r
 144 $(function(){\r
 145         $.each($('ul.{MENU_CLASS}'), function(){\r
 146                 $('#' + this.id + ' ul.expand').show();\r
 147         });\r
 148         $('ul.{MENU_CLASS} li a').click(\r
 149                 function(){\r
 150                         var nextItem = $(this).next();\r
 151                         var parent = this.parentNode.parentNode.id;\r
 152 \r
 153                         if ($('#' + parent).hasClass('noaccordion')){\r
 154                                 $(this).next().slideToggle('{MENU_SPEED}');\r
 155                                 return false;\r
 156                         }\r
 157                         if ((nextItem.is('ul')) && (nextItem.is(':visible'))){\r
 158                                 if($('#' + parent).hasClass('collapsible')) {\r
 159                                         $('#' + parent + ' ul:visible').slideUp('{MENU_SPEED}');\r
 160                                 }\r
 161                                 return false;\r
 162                         }\r
 163                         if ((nextItem.is('ul')) && (!nextItem.is(':visible'))){\r
 164                                 $('#' + parent + ' ul:visible').slideUp('{MENU_SPEED}');\r
 165                                 nextItem.slideDown('{MENU_SPEED}');\r
 166                                 return false;\r
 167                         }\r
 168                 }\r
 169         );\r
 170 });\r
 171 //]]>\r
 172 </script>\r
 173 </div>\r
 174 \r
 175 </td></tr>\r
 176 </table>\r
 177 </form>\r
 178 </div>\r
 179 </patTemplate:tmpl>\r