widgets/contactus_custom/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-2013 Magic3 Project.\r
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License\r
  10  * @version    SVN: $Id: admin.tmpl.html 5659 2013-02-14 13:24:13Z 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.fieldcount.value = $('#field_list').find('.dragRow').length;\r
  19         var requiredArray = new Array();\r
  20         $("#field_list input:checkbox").each(function(index){\r
  21                 if (this.checked){\r
  22                         requiredArray.push('1');\r
  23                 } else {\r
  24                         requiredArray.push('0');\r
  25                 }\r
  26         });\r
  27         document.main.required.value = requiredArray.join(',');\r
  28         document.main.act.value = 'add';\r
  29         document.main.submit();\r
  30         return true;\r
  31 }\r
  32 function updateItem(){\r
  33         if (!window.confirm('設定を更新しますか?')) return false;\r
  34         document.main.fieldcount.value = $('#field_list').find('.dragRow').length;\r
  35         var requiredArray = new Array();\r
  36         $("#field_list input:checkbox").each(function(index){\r
  37                 if (this.checked){\r
  38                         requiredArray.push('1');\r
  39                 } else {\r
  40                         requiredArray.push('0');\r
  41                 }\r
  42         });\r
  43         document.main.required.value = requiredArray.join(',');\r
  44         document.main.act.value='update';\r
  45         document.main.submit();\r
  46         return true;\r
  47 }\r
  48 function selectItem()\r
  49 {\r
  50         document.main.act.value = 'select';\r
  51         document.main.submit();\r
  52         return true;\r
  53 }\r
  54 function listItem(){\r
  55         document.main.task.value = 'list';\r
  56         document.main.submit();\r
  57         return true;\r
  58 }\r
  59 // お問い合わせ項目を追加\r
  60 function addLine()\r
  61 {\r
  62         var lineText = '<tr class="dragRow"><td class="dragHandle"></td><td align="center"><span class="lineNo"></span></td>';\r
  63         lineText += '<td><input type="text" name="item_title[]" size="20" maxlength="60" style="width:100%;" /><br />';\r
  64         lineText += '<select name="item_type[]"><patTemplate:tmpl name="type_list1"><option value="{VALUE}" {SELECTED}>{NAME}</option></patTemplate:tmpl></select>';\r
  65         lineText += '&nbsp;&nbsp;<input type="checkbox" name="item_required[]" />必須</td>';\r
  66         lineText += '<td><input type="text" name="item_desc[]" size="30" maxlength="100" style="width:100%;" /><br /><input type="text" name="item_def[]" size="20" maxlength="60" style="width:100%;" /></td>';\r
  67         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
  68         $('#field_list').append(lineText);\r
  69         \r
  70         // 項目一覧を再設定\r
  71         setupList();\r
  72 }\r
  73 function setupList()\r
  74 {\r
  75         $("#field_list").tableDnD({\r
  76                 onDrop: function(table, row){\r
  77                         setupNo();\r
  78                 },\r
  79                 dragHandle: "dragHandle"\r
  80         });\r
  81         $("#field_list tr").hover(function(){\r
  82                 $(this.cells[0]).addClass('currentHandle');\r
  83         }, function() {\r
  84                 $(this.cells[0]).removeClass('currentHandle');\r
  85         });\r
  86         // 画像項目削除処理\r
  87         $("#field_list tr .delLine").click(function(){\r
  88                 $(this).parents('.dragRow').remove();\r
  89                 setupNo();\r
  90         });\r
  91         // インデックスNo再設定\r
  92         setupNo();\r
  93 }\r
  94 function setupNo()\r
  95 {\r
  96         // インデックスNo再設定\r
  97         $("#field_list tr .lineNo").each(function(index){\r
  98                 $(this).text(index + 1);\r
  99         });\r
 100 }\r
 101 // プレビューを別ウィンドウで表示\r
 102 function previewInOtherWindow()\r
 103 {\r
 104         m3ShowPreviewWindow(0, "{PREVIEW_URL}");\r
 105         return true;\r
 106 }\r
 107 $(function(){\r
 108         // WYSIWYGエディター作成\r
 109         //m3_setHtmlEditor('explanation');\r
 110         m3SetWysiwygEditor('explanation', 200);\r
 111         \r
 112         setupList();\r
 113 });\r
 114 //]]>\r
 115 </script>\r
 116 <div align="center">\r
 117 <br />\r
 118 <!-- m3:ErrorMessage -->\r
 119 <form method="post" name="main">\r
 120 <input type="hidden" name="task" />\r
 121 <input type="hidden" name="act" />\r
 122 <input type="hidden" name="serial" value="{SERIAL}" />\r
 123 <input type="hidden" name="fieldcount" />\r
 124 <input type="hidden" name="required" />\r
 125 <!-- m3:PostParam -->\r
 126 <table width="90%">\r
 127 <tr><td><span {_HELP_CONTACTUS_DETAIL}><label>設定詳細</label></span></td>\r
 128 <td align="right"><span {_HELP_CONTACTUS_PREVIEW_BTN}><input type="button" class="button" onclick="previewInOtherWindow();" value="プレビュー" {PREVIEW_DISABLED}/></span>&nbsp;&nbsp;<span {_HELP_CONTACTUS_LIST_BTN}><input type="button" class="button" onclick="listItem();" value="一覧" /></span>\r
 129 </td></tr>\r
 130 <tr><td colspan="2">\r
 131 \r
 132 <table class="simple-table" width="100%">\r
 133     <tbody>\r
 134         <tr>\r
 135             <td class="table-headside" width="100"><span {_HELP_CONTACTUS_NAME_INPUT}>名前</span></td>\r
 136             <td width="500">\r
 137             <select name="item_id" onchange="selectItem();" {ID_DISABLED}>\r
 138                 <option value="0">-- 新規 --</option>\r
 139                 <patTemplate:tmpl name="title_list">\r
 140                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 141                 </patTemplate:tmpl>\r
 142             </select>\r
 143             <patTemplate:tmpl name="item_name_visible" visibility="hidden">\r
 144             <input type="text" name="item_name" value="{NAME}" size="40" maxlength="40" />\r
 145             </patTemplate:tmpl>\r
 146             </td>\r
 147             <td class="table-headside" width="100"><span {_HELP_CONTACTUS_ID}>ID</span></td>\r
 148             <td align="center">{ID}</td>\r
 149         </tr>\r
 150         <tr class="even">\r
 151             <td class="table-headside"><span {_HELP_CONTACTUS_TITLE}>トップタイトル</span></td>\r
 152             <td colspan="3"><input type="checkbox" name="show_title" {SHOW_TITLE} />表示&nbsp;&nbsp;&nbsp;&nbsp;タイトル名：<input type="text" name="title_name" value="{TITLE_NAME}" size="25" maxlength="40" /></td>\r
 153         </tr>\r
 154         <tr>\r
 155             <td class="table-headside"><span {_HELP_CONTACTUS_EXPLANATION}>説明</span></td>\r
 156             <td colspan="3"><textarea name="explanation">{EXPLANATION}</textarea></td>\r
 157         </tr>\r
 158         <tr class="even">\r
 159             <td class="table-headside"><span {_HELP_CONTACTUS_FIELD}>お問い合わせ<br />項目</span></td>\r
 160             <td colspan="3">\r
 161             <table id="field_list" class="simple-table-inner" width="100%">\r
 162             <thead>\r
 163             <tr><th rowspan="2" width="35">移動</th><th rowspan="2" width="30">No</th><th width="200">タイトル名</th><th>説明</th><th rowspan="2" width="40">操作</th></tr>\r
 164             <tr><th>タイプ</th><th>定義</th></tr>\r
 165             </thead><tbody>\r
 166             <patTemplate:tmpl name="field_list">\r
 167             <tr class="dragRow">\r
 168             <td class="dragHandle"></td>\r
 169             <td align="center"><span class="lineNo"></span></td>\r
 170             <td><input type="text" name="item_title[]" value="{TITLE}" size="20" maxlength="60" style="width:100%" /><br />\r
 171             <select name="item_type[]">\r
 172                <patTemplate:tmpl name="type_list2">\r
 173                <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 174                </patTemplate:tmpl>\r
 175             </select>&nbsp;&nbsp;<input type="checkbox" name="item_required[]" {REQUIRED} />必須\r
 176             </td>\r
 177             <td><input type="text" name="item_desc[]" value="{DESC}" size="30" maxlength="100" style="width:100%" /><br />\r
 178             <input type="text" name="item_def[]" value="{DEF}" size="20" maxlength="60" style="width:100%" /></td>\r
 179             <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
 180             </tr>\r
 181             </patTemplate:tmpl>\r
 182             </tbody></table>\r
 183             <div><input type="button" class="button" onclick="addLine();" value="追加" /></div>\r
 184             </td>\r
 185         </tr>\r
 186         <tr>\r
 187             <td class="table-headside"><span {_HELP_CONTACTUS_EMAIL}>メール送信</span></td>\r
 188             <td colspan="3">件名：<input type="text" name="email_subject" value="{EMAIL_SUBJECT}" size="40" maxlength="60" />&nbsp;&nbsp;&nbsp;&nbsp;\r
 189             メールアドレス：<input type="text" name="email_receiver" value="{EMAIL_RECEIVER}" size="25" maxlength="40" /></td>\r
 190         </tr>\r
 191         <tr class="even">\r
 192             <td align="right" colspan="4">\r
 193 <patTemplate:tmpl name="update_button" visibility="hidden">\r
 194                 <input type="button" class="button" onclick="updateItem();" value="更新" />\r
 195 </patTemplate:tmpl>\r
 196 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 197                 <input type="button" class="button" onclick="addItem();" value="新規追加" />\r
 198 </patTemplate:tmpl>\r
 199             </td>\r
 200         </tr>\r
 201     </tbody>\r
 202 </table>\r
 203 </td></tr>\r
 204 </table>\r
 205 </form>\r
 206 </div>\r
 207 </patTemplate:tmpl>\r