widgets/contactus_freelayout2/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 5666 2013-02-15 13:12:25Z 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 updateItem(operation){\r
  17         if (operation == 'add'){\r
  18                 if (!window.confirm('項目を新規追加しますか?')) return false;\r
  19                 document.main.act.value = 'add';\r
  20         } else {\r
  21                 if (!window.confirm('設定を更新しますか?')) return false;\r
  22                 document.main.act.value='update';\r
  23         }\r
  24         document.main.fieldcount.value = $('#field_list').find('.dragRow').length;\r
  25 \r
  26         // 必須入力\r
  27         var requiredArray = new Array();\r
  28         $("#field_list input:checkbox.required").each(function(index){\r
  29                 if (this.checked){\r
  30                         requiredArray.push('1');\r
  31                 } else {\r
  32                         requiredArray.push('0');\r
  33                 }\r
  34         });\r
  35         document.main.required.value = requiredArray.join(',');\r
  36 \r
  37         // タイトルを表示するかどうか\r
  38         var titleVisibleArray = new Array();\r
  39         $("#field_list input:checkbox.titlevisible").each(function(index){\r
  40                 if (this.checked){\r
  41                         titleVisibleArray.push('1');\r
  42                 } else {\r
  43                         titleVisibleArray.push('0');\r
  44                 }\r
  45         });\r
  46         document.main.titlevisible.value = titleVisibleArray.join(',');\r
  47 \r
  48         // 半角英字\r
  49         var alphabetArray = new Array();\r
  50         $("#field_list input:checkbox.alphabet").each(function(index){\r
  51                 if (this.checked){\r
  52                         alphabetArray.push('1');\r
  53                 } else {\r
  54                         alphabetArray.push('0');\r
  55                 }\r
  56         });\r
  57         document.main.alphabet.value = alphabetArray.join(',');\r
  58         \r
  59         // 半角数値\r
  60         var numberArray = new Array();\r
  61         $("#field_list input:checkbox.number").each(function(index){\r
  62                 if (this.checked){\r
  63                         numberArray.push('1');\r
  64                 } else {\r
  65                         numberArray.push('0');\r
  66                 }\r
  67         });\r
  68         document.main.number.value = numberArray.join(',');\r
  69         \r
  70         document.main.submit();\r
  71         return true;\r
  72 }\r
  73 function selectItem()\r
  74 {\r
  75         document.main.act.value = 'select';\r
  76         document.main.submit();\r
  77         return true;\r
  78 }\r
  79 function listItem(){\r
  80         document.main.task.value = 'list';\r
  81         document.main.submit();\r
  82         return true;\r
  83 }\r
  84 // お問い合わせ項目を追加\r
  85 function addLine()\r
  86 {\r
  87         var lineText = '<tr class="dragRow"><td class="dragHandle"></td><td align="center"><span class="lineNo"></span></td>';\r
  88         lineText += '<td valign="top"><input type="text" name="item_title[]" size="20" maxlength="60" style="width:70%;" />&nbsp;&nbsp;<input type="checkbox" name="item_title_visible[]" class="titlevisible" checked />表示<br />';\r
  89         lineText += '<select name="item_type[]"><patTemplate:tmpl name="type_list1"><option value="{VALUE}" {SELECTED}>{NAME}</option></patTemplate:tmpl></select>';\r
  90         lineText += '&nbsp;&nbsp;<input type="checkbox" name="item_required[]" class="required" />必須</td>';\r
  91         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="500" style="width:75%;" /><input type="text" class="replaceTag" style="width:20%" readonly /><br />';\r
  92         lineText += 'デフォルト：<input type="text" name="item_default[]" size="20" maxlength="60" style="width:28%" />&nbsp;&nbsp;&nbsp;&nbsp;入力制限：<input type="checkbox" name="item_alphabet[]" class="alphabet" />半角英字&nbsp;<input type="checkbox" name="item_number[]" class="number" />半角数値</td>';\r
  93         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
  94         $('#field_list').append(lineText);\r
  95         \r
  96         // 項目一覧を再設定\r
  97         setupList();\r
  98 \r
  99 }\r
 100 function setupList()\r
 101 {\r
 102         $("#field_list").tableDnD({\r
 103                 onDrop: function(table, row){\r
 104                         setupNo();\r
 105                 },\r
 106                 dragHandle: "dragHandle"\r
 107         });\r
 108         $("#field_list tr").hover(function(){\r
 109                 $(this.cells[0]).addClass('currentHandle');\r
 110         }, function() {\r
 111                 $(this.cells[0]).removeClass('currentHandle');\r
 112         });\r
 113         // 画像項目削除処理\r
 114         $("#field_list tr .delLine").click(function(){\r
 115                 $(this).parents('.dragRow').remove();\r
 116                 setupNo();\r
 117         });\r
 118         // インデックスNo再設定\r
 119         setupNo();\r
 120 }\r
 121 function setupNo()\r
 122 {\r
 123         // インデックスNo再設定\r
 124         $("#field_list tr .lineNo").each(function(index){\r
 125                 $(this).text(index + 1);\r
 126         });\r
 127         $("#field_list tr .replaceTag").each(function(index){\r
 128                 var replaceTag = '{TAG_START}' + (index + 1) + '{TAG_END}';\r
 129                 $(this).val(replaceTag);\r
 130         });\r
 131 }\r
 132 // プレビューを別ウィンドウで表示\r
 133 function previewInOtherWindow()\r
 134 {\r
 135         window.open("{PREVIEW_URL}","","toolbar=no,menubar=no,location=yes,status=no,scrollbars=yes,resizable=yes,width=1000,height=800");\r
 136         return true;\r
 137 }\r
 138 function viewWidget(widgetId){\r
 139         window.open("?cmd=showwidget&widget=" + widgetId,"","toolbar=no,menubar=no,location=no,status=no,scrollbars=yes,resizable=yes,width=800,height=600");\r
 140         return false;\r
 141 }\r
 142 $(document).ready(function(){\r
 143         // WYSIWYGエディター作成\r
 144         //m3_setHtmlEditor('item_html');\r
 145         m3SetWysiwygEditor('item_html', 300);\r
 146         \r
 147         // お問い合わせ項目部作成\r
 148         setupList();\r
 149 });\r
 150 //]]>\r
 151 </script>\r
 152 <div align="center">\r
 153 <br />\r
 154 <!-- m3:ErrorMessage -->\r
 155 <form method="post" name="main">\r
 156 <input type="hidden" name="task" />\r
 157 <input type="hidden" name="act" />\r
 158 <input type="hidden" name="serial" value="{SERIAL}" />\r
 159 <input type="hidden" name="fieldcount" />\r
 160 <input type="hidden" name="required" />\r
 161 <input type="hidden" name="titlevisible" />\r
 162 <input type="hidden" name="alphabet" />\r
 163 <input type="hidden" name="number" />\r
 164 <!-- m3:PostParam -->\r
 165 <table width="90%">\r
 166 <tr><td><span {_HELP_CONTACTUS_DETAIL}><label>設定詳細</label></span></td>\r
 167 <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
 168 </td></tr>\r
 169 <tr><td colspan="2">\r
 170 \r
 171 <table class="simple-table" width="100%">\r
 172     <tbody>\r
 173         <tr>\r
 174             <td class="table-headside" width="100"><span {_HELP_CONTACTUS_NAME_INPUT}>名前</span></td>\r
 175             <td width="500">\r
 176             <select name="item_id" onchange="selectItem();" {ID_DISABLED}>\r
 177                 <option value="0">-- 新規 --</option>\r
 178                 <patTemplate:tmpl name="title_list">\r
 179                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 180                 </patTemplate:tmpl>\r
 181             </select>\r
 182             <patTemplate:tmpl name="item_name_visible" visibility="hidden">\r
 183             <input type="text" name="item_name" value="{NAME}" size="40" maxlength="40" />\r
 184             </patTemplate:tmpl>\r
 185             </td>\r
 186             <td class="table-headside" width="100"><span {_HELP_CONTACTUS_ID}>ID</span></td>\r
 187             <td align="center">{ID}</td>\r
 188         </tr>\r
 189         <tr class="even">\r
 190             <td class="table-headside"><span {_HELP_CONTACTUS_FIELD}>お問い合わせ<br />項目</span></td>\r
 191             <td colspan="3">\r
 192             <table id="field_list" class="simple-table-inner" width="100%">\r
 193             <thead>\r
 194             <tr><th rowspan="2" width="35">移動</th><th rowspan="2" width="30">No</th><th width="210">タイトル名</th><th>説明</th><th rowspan="2" width="40">操作</th></tr>\r
 195             <tr><th>タイプ</th><th>定義/埋め込みタグ</th></tr>\r
 196             </thead><tbody>\r
 197             <patTemplate:tmpl name="field_list">\r
 198             <tr class="dragRow">\r
 199             <td class="dragHandle"></td>\r
 200             <td align="center"><span class="lineNo"></span></td>\r
 201             <td valign="top"><input type="text" name="item_title[]" value="{TITLE}" size="20" maxlength="60" style="width:70%" />&nbsp;&nbsp;<input type="checkbox" name="item_title_visible[]" class="titlevisible" {TITLE_VISIBLE} />表示<br />\r
 202             <select name="item_type[]">\r
 203                <patTemplate:tmpl name="type_list2">\r
 204                <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
 205                </patTemplate:tmpl>\r
 206             </select>&nbsp;&nbsp;<input type="checkbox" name="item_required[]" class="required" {REQUIRED} />必須\r
 207             </td>\r
 208             <td><input type="text" name="item_desc[]" value="{DESC}" size="30" maxlength="100" style="width:100%" /><br />\r
 209             <input type="text" name="item_def[]" value="{DEF}" size="20" maxlength="500" style="width:75%" /><input type="text" class="replaceTag" style="width:20%" readonly /><br />\r
 210             デフォルト：<input type="text" name="item_default[]" value="{DEFAULT}" size="20" maxlength="60" style="width:28%" />&nbsp;&nbsp;&nbsp;&nbsp;入力制限：<input type="checkbox" name="item_alphabet[]" class="alphabet" {ALPHABET} />半角英字&nbsp;<input type="checkbox" name="item_number[]" class="number" {NUMBER} />半角数値</td>\r
 211             <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
 212             </tr>\r
 213             </patTemplate:tmpl>\r
 214             </tbody></table>\r
 215             <div><input type="button" class="button" onclick="addLine();" value="追加" /></div>\r
 216             </td>\r
 217         </tr>\r
 218         <tr>\r
 219             <td class="table-headside">規定タグID</td>\r
 220             <td colspan="3">{TAG_ID_STR}<input type="hidden" name="item_confirm_button" value="{CONFIRM_BUTTON}" /><input type="hidden" name="item_send_button" value="{SEND_BUTTON}" /><input type="hidden" name="item_cancel_button" value="{CANCEL_BUTTON}" /><input type="hidden" name="item_reset_button" value="{RESET_BUTTON}" /></td>\r
 221         </tr>\r
 222         <tr class="even">\r
 223             <td class="table-headside"><span {_HELP_CONTACTUS_TEMPLATE}>テンプレート</span></td>\r
 224             <td colspan="3"><textarea name="item_html">{HTML}</textarea></td>\r
 225         </tr>\r
 226         <tr>\r
 227             <td class="table-headside"><span {_HELP_CONTACTUS_CSS}>CSS</span></td>\r
 228             <td colspan="3"><textarea name="item_css" rows="3" style="width:100%;">{CSS}</textarea></td>\r
 229         </tr>\r
 230         <tr class="even">\r
 231             <td class="table-headside"><span {_HELP_CONTACTUS_EMAIL}>メール送信</span></td>\r
 232             <td colspan="3">件名：<input type="text" name="item_email_subject" value="{EMAIL_SUBJECT}" size="40" maxlength="60" />&nbsp;&nbsp;&nbsp;&nbsp;\r
 233             送信先メールアドレス：<input type="text" name="item_email_receiver" value="{EMAIL_RECEIVER}" size="25" maxlength="40" /></td>\r
 234         </tr>\r
 235         <tr>\r
 236             <td class="table-headside"><span {_HELP_CONTACTUS_USER_EMAIL}>確認メール</span></td>\r
 237             <td colspan="3"><input type="checkbox" name="item_send_user_email" {SEND_USER_EMAIL} />お問い合わせ項目タイプが「テキストボックス(Eメール)」のアドレス宛に確認メールを送信<br />件名：<input type="text" name="item_user_email_subject" value="{USER_EMAIL_SUBJECT}" size="40" maxlength="60" />&nbsp;&nbsp;&nbsp;&nbsp;返信先メールアドレス：<input type="text" name="item_user_email_reply" value="{USER_EMAIL_REPLY}" size="25" maxlength="40" /><br />\r
 238             本文：<br />\r
 239             <textarea name="item_user_email_format" rows="3" style="width:100%;">{USER_EMAIL_FORMAT}</textarea></td>\r
 240         </tr>\r
 241         <tr class="even">\r
 242             <td align="right" colspan="4">\r
 243 <patTemplate:tmpl name="update_button" visibility="hidden">\r
 244                 <input type="button" class="button" onclick="updateItem('update');" value="更新" />\r
 245 </patTemplate:tmpl>\r
 246 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 247                 <input type="button" class="button" onclick="updateItem('add');" value="新規追加" />\r
 248 </patTemplate:tmpl>\r
 249             </td>\r
 250         </tr>\r
 251     </tbody>\r
 252 </table>\r
 253 </td></tr>\r
 254 </table>\r
 255 </form>\r
 256 </div>\r
 257 </patTemplate:tmpl>\r