widgets/m/googlemaps/include/template/admin_list.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_list.tmpl.html 4770 2012-03-19 12:15:19Z 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 delItem(){\r
  17         if (document.main.seriallist.value){\r
  18                 var items = document.main.seriallist.value.split(",");\r
  19                 for (var i = 0; i < items.length; i++){\r
  20                         var name = "document.main.item" + i + "_selected";\r
  21                         var itemObj = eval(name);\r
  22                         // チェックありのときは終了\r
  23                         if (itemObj && itemObj.checked) break;\r
  24                 }\r
  25                 if (i == items.length){                 \r
  26                         window.alert('削除する項目を選択してください');\r
  27                 } else {\r
  28                         if (!window.confirm('選択項目を削除しますか?')) return false;\r
  29                         document.main.act.value = 'delete';\r
  30                         document.main.submit();\r
  31                 }\r
  32         }\r
  33         return true;\r
  34 }\r
  35 function cancelItem(){\r
  36         document.main.task.value = '';\r
  37         document.main.submit();\r
  38         return true;\r
  39 }\r
  40 function showPreview(width, height, lat, lng, zoom, markerLat, markerLng, marker){\r
  41         // 表示エリアのサイズ調整\r
  42         var preview = $('#preview_map');\r
  43         preview.width(width);\r
  44         preview.height(height);\r
  45         \r
  46         // プレビューの更新\r
  47         var centerPos = new google.maps.LatLng(lat, lng);\r
  48         var opts = {    zoom: zoom,\r
  49                         center: centerPos,\r
  50                         mapTypeId: google.maps.MapTypeId.ROADMAP        };\r
  51         var map = new google.maps.Map(document.getElementById("preview_map"), opts);\r
  52         if (marker){\r
  53                 var markerPos = new google.maps.LatLng(markerLat, markerLng);\r
  54                 var marker = new google.maps.Marker({ position: markerPos, map: map });\r
  55         }\r
  56 }\r
  57 $(function(){\r
  58         // スクロールバー付きのテーブルを作成\r
  59         m3_tableWithScrollbar('itemlist', -1, 0);\r
  60 });\r
  61 //]]>\r
  62 </script>\r
  63 <div align="center">\r
  64 <br />\r
  65 <!-- m3:ErrorMessage -->\r
  66 <form method="post" name="main">\r
  67 <input type="hidden" name="task" value="list" />\r
  68 <input type="hidden" name="act" />\r
  69 <input type="hidden" name="serial" />\r
  70 <input type="hidden" name="seriallist" value="{SERIAL_LIST}" />\r
  71 <!-- m3:PostParam -->\r
  72 <table width="90%">\r
  73 <tr><td>\r
  74 <span {_HELP_ITEM_LIST}><label>Googleマップ定義一覧</label></span>\r
  75 </td><td align="right"><span {_HELP_ITEM_DEL_BTN}><input type="button" class="button" onclick="delItem();" value="削除" /></span>\r
  76 <span {_HELP_ITEM_RET_BTN}><input type="button" class="button" onclick="cancelItem();" value="戻る" /></span>\r
  77 </td></tr>\r
  78 <tr><td colspan="2">\r
  79 <table id="itemlist" class="simple-table" width="100%">\r
  80     <thead>\r
  81         <tr>\r
  82             <th width="35" align="center"><span {_HELP_ITEM_CHECK}>選択</span></th>\r
  83             <th width="40%" align="center"><span {_HELP_ITEM_NAME}>名前</span></th>\r
  84             <th align="center"><span {_HELP_ITEM_REF}>使用</span></th>\r
  85         </tr>\r
  86     </thead>\r
  87     <tbody>\r
  88         <patTemplate:tmpl name="itemlist">\r
  89         <tr onclick="showPreview({WIDTH}, {HEIGHT}, {LAT}, {LNG}, {ZOOM}, {MARKER_LAT}, {MARKER_LNG}, {MARKER});">\r
  90             <td align="center"><input type="checkbox" name="item{INDEX}_selected" {OPE_DISABLED} /></td>\r
  91             <td>{NAME}</td>\r
  92             <td align="center">{DEF_COUNT}</td>\r
  93         </tr>\r
  94         </patTemplate:tmpl>\r
  95     </tbody>\r
  96 </table>\r
  97 </td></tr>\r
  98 <tr><td colspan="2">\r
  99 <br />\r
 100 <div><span {_HELP_ITEM_MAP_PREVIEW}><label>Googleマッププレビュー</label></span></div>\r
 101 <div id="preview_map"></div>\r
 102 <br />\r
 103 </td></tr>\r
 104 </table>\r
 105 \r
 106 </form>\r
 107 </div>\r
 108 </patTemplate:tmpl>\r