widgets/banner3/include/template/admin_image.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_image.tmpl.html 4845 2012-04-13 04:47:07Z 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 newItem(){\r
  17         document.main.task.value = 'image_detail';\r
  18         document.main.act.value = 'new';\r
  19         document.main.submit();\r
  20         return true;\r
  21 }\r
  22 function editItem(){\r
  23         if (document.main.seriallist.value){\r
  24                 var items = document.main.seriallist.value.split(",");\r
  25                 for (var i = 0; i < items.length; i++){\r
  26                         var name = "document.main.item" + i + "_selected";\r
  27                         var itemObj = eval(name);\r
  28                         // チェックありのときは終了\r
  29                         if (itemObj && itemObj.checked) break;\r
  30                 }\r
  31                 if (i == items.length){                 \r
  32                         window.alert('編集する項目を選択してください');\r
  33                 } else {\r
  34                         document.main.task.value = 'image_detail';\r
  35                         document.main.act.value = 'edit';\r
  36                         document.main.serial.value = items[i];\r
  37                         document.main.submit();\r
  38                 }\r
  39         }\r
  40         return true;\r
  41 }\r
  42 function editItemBySerial(serial){\r
  43         if (document.main.task.value == 'image'){// 一覧表示時のみ遷移\r
  44                 document.main.task.value = 'image_detail';\r
  45                 document.main.act.value = 'edit';\r
  46                 document.main.serial.value = serial;\r
  47                 document.main.submit();\r
  48         }\r
  49 }\r
  50 function delItem(){\r
  51         if (document.main.seriallist.value){\r
  52                 var items = document.main.seriallist.value.split(",");\r
  53                 for (var i = 0; i < items.length; i++){\r
  54                         var name = "document.main.item" + i + "_selected";\r
  55                         var itemObj = eval(name);\r
  56                         // チェックありのときは終了\r
  57                         if (itemObj && itemObj.checked) break;\r
  58                 }\r
  59                 if (i == items.length){                 \r
  60                         window.alert('削除する項目を選択してください');\r
  61                 } else {\r
  62                         if (!window.confirm('選択項目を削除しますか?')) return false;\r
  63                         document.main.act.value = 'delete';\r
  64                         document.main.submit();\r
  65                 }\r
  66         }\r
  67         return true;\r
  68 }\r
  69 function selpage(page){\r
  70         document.main.act.value = 'selpage';\r
  71         document.main.page.value = page;\r
  72         document.main.submit();\r
  73         return true;\r
  74 }\r
  75 function showPreview(id, name, type, url, width, height, link_url){\r
  76         // プレビュー画像設定\r
  77         var innerText;\r
  78         var preOuter = $('#preview_image');\r
  79         if (type == 0){\r
  80                 innerText = '<img src="' + url + '"';\r
  81                 if (width != '') innerText += ' width="' + width + '"';\r
  82                 if (height != '') innerText += ' height="' + height + '"';\r
  83                 innerText += ' />';\r
  84         } else {\r
  85                 innerText = '<object id="preview_obj" data="' + url + '" type="application/x-shockwave-flash"';\r
  86                 if (width != '') innerText += ' width="' + width + '"';\r
  87                 if (height != '') innerText += ' height="' + height + '"';\r
  88                 innerText += '><param id="preview_param" name="movie" value="' + url + '" /><param name="wmode" value="transparent" /></object>';\r
  89         }\r
  90         preOuter.html(innerText);\r
  91         // ID、名前、リンク先URL設定\r
  92         $('#preview_id').text(id);\r
  93         $('#preview_name').text(name);\r
  94         $('#preview_link_url').text(link_url);\r
  95 }\r
  96 function clickItem()\r
  97 {\r
  98         // 選択画面表示時のみ処理を行う\r
  99         if (document.main.task.value != 'image_select') return true;\r
 100 \r
 101         // 選択項目を更新\r
 102         var i, j;\r
 103         var value;\r
 104         var items = new Array();\r
 105         var itemsOnPage = new Array();\r
 106         var itemsArray = new Array();\r
 107         value = document.main.items.value;\r
 108         if (value) items = value.split(',');\r
 109         value = document.main.idlist.value;\r
 110         if (value) itemsOnPage = value.split(",");\r
 111         \r
 112         for (i = 0; i < items.length; i++){\r
 113                 var id = items[i];\r
 114                 for (j = 0; j < itemsOnPage.length; j++){\r
 115                         if (id == itemsOnPage[j]){\r
 116                                 var name = "document.main.item" + j + "_selected";\r
 117                                 var itemObj = eval(name);\r
 118                                 // チェックありのときは追加\r
 119                                 if (itemObj && itemObj.checked) itemsArray[itemsArray.length] = id;\r
 120                                 break;\r
 121                         }\r
 122                 }\r
 123                 if (j == itemsOnPage.length) itemsArray[itemsArray.length] = id;\r
 124         }\r
 125         for (i = 0; i < itemsOnPage.length; i++){\r
 126                 var id = itemsOnPage[i];\r
 127                 for (j = 0; j < items.length; j++){\r
 128                         if (id == items[j]) break;\r
 129                 }\r
 130                 if (j == items.length){\r
 131                         var name = "document.main.item" + i + "_selected";\r
 132                         var itemObj = eval(name);\r
 133                         // チェックありのときは追加\r
 134                         if (itemObj && itemObj.checked) itemsArray[itemsArray.length] = id;\r
 135                 }\r
 136         }\r
 137         // IDでソート\r
 138         itemsArray.sortByNumber();\r
 139         var itemsValue = '';\r
 140         for (i = 0; i < itemsArray.length; i++)\r
 141         {\r
 142                 itemsValue += itemsArray[i];\r
 143                 if (i != itemsArray.length -1) itemsValue += ',';\r
 144         }\r
 145         document.main.items.value = itemsValue;\r
 146         $('#items_label').text(itemsValue);\r
 147 }\r
 148 // バナー項目IDをカンマ区切り文字列で返す\r
 149 function selItem()\r
 150 {\r
 151         window.close();\r
 152         window.opener.setBannerItem(document.main.items.value);\r
 153         window.opener.focus();\r
 154 }\r
 155 $(function(){\r
 156         // スクロールバー付きのテーブルを作成\r
 157         m3_tableWithScrollbar('itemlist', -1, 0);\r
 158 });\r
 159 //]]>\r
 160 </script>\r
 161 <div align="center">\r
 162 {MENU_ITEMS}\r
 163 <!-- m3:ErrorMessage -->\r
 164 <form method="post" name="main">\r
 165 <input type="hidden" name="task" value="{TASK}" />\r
 166 <input type="hidden" name="act" />\r
 167 <input type="hidden" name="serial" />\r
 168 <input type="hidden" name="seriallist" value="{SERIAL_LIST}" />\r
 169 <input type="hidden" name="page" value="{PAGE}" />\r
 170 <input type="hidden" name="idlist" value="{ID_LIST}" />\r
 171 <input type="hidden" name="items" value="{ITEMS}" />\r
 172 <!-- m3:PostParam -->\r
 173 <table width="90%">\r
 174 <tr><td width="200">\r
 175 <label><span {_HELP_IMAGE_LIST}>画像リンク一覧</span></label>\r
 176 </td>\r
 177 <patTemplate:tmpl name="edit_button" visibility="hidden">\r
 178 <td colspan="2" align="right">\r
 179 <span {_HELP_IMAGE_NEW_BTN}><input type="button" class="button" onclick="newItem();" value="新規" /></span><span {_HELP_IMAGE_EDIT_BTN}><input type="button" class="button" onclick="editItem();" value="編集" /></span><span {_HELP_IMAGE_DEL_BTN}><input type="button" class="button" onclick="delItem();" value="削除" /></span>\r
 180 </patTemplate:tmpl>\r
 181 <patTemplate:tmpl name="select_button" visibility="hidden">\r
 182 <td><label>選択項目：<span id="items_label">{ITEMS_LABEL}</span></label>\r
 183 </td><td align="right" width="100">\r
 184 <input type="button" class="button" onclick="selItem();" value="確定" />\r
 185 </patTemplate:tmpl>\r
 186 </td></tr>\r
 187 <tr><td colspan="3">\r
 188 <table id="itemlist" class="simple-table" width="100%">\r
 189     <thead>\r
 190         <tr>\r
 191             <th width="40"><span {_HELP_IMAGE_CHECK}>選択</span></th>\r
 192             <th width="30"><span {_HELP_IMAGE_ID}>ID</span></th>\r
 193             <th width="35"><span {_HELP_IMAGE_TYPE}>種別</span></th>\r
 194             <th width="15%"><span {_HELP_IMAGE_NAME}>名前</span></th>\r
 195             <th width="15%"><span {_HELP_IMAGE_FILENAME}>ファイル名</span></th>\r
 196             <th width="30%"><span {_HELP_IMAGE_LINK_URL}>リンク先</span></th>\r
 197             <th width="50"><span {_HELP_IMAGE_VISIBLE}>公開</span></th>\r
 198             <th width="50"><span {_HELP_IMAGE_VIEW_COUNT}>閲覧数</span></th>\r
 199             <th><span {_HELP_IMAGE_NOTE}>備考</span></th>\r
 200         </tr>\r
 201     </thead>\r
 202     <tbody>\r
 203         <patTemplate:tmpl name="itemlist">\r
 204         <tr onclick="showPreview('{ID}', '{NAME}', '{TYPE}', '{URL}', '{WIDTH}', '{HEIGHT}', '{LINK_URL}');">\r
 205             <td align="center"><input type="checkbox" name="item{INDEX}_selected" onchange="clickItem();" {CHECKED} /></td>\r
 206             <td align="center">{ID}</td>\r
 207             <td align="center">{TYPE_ICON}</td>\r
 208             <td><a href="#" onclick="editItemBySerial({SERIAL});">{NAME}</a></td>\r
 209             <td>{FILENAME}</td>\r
 210             <td>{LINK_URL}</td>\r
 211             <td align="center"><input type="checkbox" disabled {VISIBLE} /></td>\r
 212             <td align="center">{VIEW_COUNT}</td>\r
 213             <td align="center">{NOTE}</td>\r
 214         </tr>\r
 215         </patTemplate:tmpl>\r
 216     </tbody>\r
 217 </table>\r
 218 {PAGE_LINK}\r
 219 </td></tr>\r
 220 <tr><td colspan="3">\r
 221 <label><span {_HELP_IMAGE_PREVIEW}>画像プレビュー</span></label>\r
 222 </td></tr>\r
 223 <tr><td colspan="3">\r
 224 <table class="simple-table" width="100%">\r
 225     <tbody>\r
 226         <tr>\r
 227             <td class="table-headside" width="100"><span {_HELP_IMAGE_ID}>ID</span></td>\r
 228             <td width="100" align="center"><div id="preview_id"></div></td>\r
 229             <td class="table-headside" width="100"><span {_HELP_IMAGE_NAME}>名前</span></td>\r
 230             <td><div id="preview_name"></div></td>\r
 231         </tr>\r
 232         <tr class="even">\r
 233             <td class="table-headside"><span {_HELP_IMAGE_IMAGE}>表示画像</span></td>\r
 234             <td colspan="3"><div id="preview_image"></div></td>\r
 235         </tr>\r
 236         <tr>\r
 237             <td class="table-headside"><span {_HELP_IMAGE_LINK_URL}>リンク先URL</span></td>\r
 238             <td colspan="3"><div id="preview_link_url"></div></td>\r
 239         </tr>\r
 240     </tbody>\r
 241 </table>\r
 242 </td></tr>\r
 243 </table>\r
 244 </form>\r
 245 </div>\r
 246 </patTemplate:tmpl>\r