widgets/googlemaps/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    Googleマップ\r
   7  * @author     株式会社 毎日メディアサービス\r
   8  * @copyright  Copyright 2009-2012 株式会社 毎日メディアサービス.\r
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License\r
  10  * @version    SVN: $Id: admin.tmpl.html 5679 2013-02-16 11:50:05Z fishbone $\r
  11  * @link       http://www.m-media.co.jp\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(){\r
  40         // WYSIWYGエディター作成\r
  41         //m3_setHtmlEditor('item_info_content');\r
  42         m3SetWysiwygEditor('item_info_content', 200);\r
  43 <patTemplate:tmpl name="show_script" visibility="hidden">\r
  44         var centerPos = new google.maps.LatLng({LAT}, {LNG});\r
  45         var opts = {    zoom: {ZOOM},\r
  46                         center: centerPos,\r
  47 <patTemplate:tmpl name="show_pos_control">                      navigationControl: false,</patTemplate:tmpl>\r
  48 <patTemplate:tmpl name="show_type_control">                     mapTypeControl: false,</patTemplate:tmpl>\r
  49                         mapTypeId: google.maps.MapTypeId.ROADMAP        };\r
  50         var map = new google.maps.Map(document.getElementById("preview_map"), opts);\r
  51 <patTemplate:tmpl name="show_marker" visibility="hidden">\r
  52         var markerPos = new google.maps.LatLng({MARKER_LAT}, {MARKER_LNG});\r
  53         var marker = new google.maps.Marker({ position: markerPos, map: map });</patTemplate:tmpl>\r
  54 <patTemplate:tmpl name="show_info" visibility="hidden">\r
  55         var infoPos = new google.maps.LatLng({INFO_LAT}, {INFO_LNG});\r
  56         var infoWindow = new google.maps.InfoWindow({\r
  57                                 content: '{INFO_CONTENT}',\r
  58                                 position: infoPos });\r
  59         infoWindow.open(map);</patTemplate:tmpl>\r
  60 </patTemplate:tmpl>\r
  61 });\r
  62 //]]>\r
  63 </script>\r
  64 <div align="center">\r
  65 <br />\r
  66 <!-- m3:ErrorMessage -->\r
  67 <form method="post" name="main" class="form">\r
  68 <input type="hidden" name="task" />\r
  69 <input type="hidden" name="act" />\r
  70 <input type="hidden" name="serial" value="{SERIAL}" />\r
  71 <!-- m3:PostParam -->\r
  72 <table width="90%">\r
  73 <tr><td><span {_HELP_ITEM_DETAIL}><label>Googleマップ項目</label></span></td>\r
  74 <td align="right"><span {_HELP_ITEM_LIST_BTN}><input type="button" class="button" onclick="listItem();" value="一覧" /></span>\r
  75 </td></tr>\r
  76 <tr><td colspan="2">\r
  77 \r
  78 <table class="simple-table" width="100%">\r
  79     <tbody>\r
  80         <tr>\r
  81             <td class="table-headside" width="150"><span {_HELP_ITEM_NAME_INPUT}>名前</span></td>\r
  82             <td colspan="2">\r
  83             <select name="item_id" onchange="selectItem();" {ID_DISABLED}>\r
  84                 <option value="0">-- 新規登録 --</option>\r
  85                 <patTemplate:tmpl name="title_list">\r
  86                 <option value="{VALUE}" {SELECTED}>{NAME}</option>\r
  87                 </patTemplate:tmpl>\r
  88             </select>\r
  89             <patTemplate:tmpl name="item_name_visible" visibility="hidden">\r
  90             <input type="text" name="item_name" value="{NAME}" size="40" maxlength="40" />\r
  91             </patTemplate:tmpl>\r
  92             </td>\r
  93         </tr>\r
  94         <tr class="even">\r
  95             <td class="table-headside"><span {_HELP_ITEM_MAP_POS}>マップ表示位置(中心)</span></td>\r
  96             <td style="border-right-width:0;">緯度：<input type="text" name="item_lat" value="{LAT}" size="15" maxlength="20" />&nbsp;&nbsp;経度：<input type="text" name="item_lng" value="{LNG}" size="15" maxlength="20" /></td>\r
  97             <td width="150" align="right" style="border-left-width:0;"><a href="{CODING_URL}" target="_blank">緯度経度を取得</a></td>\r
  98         </tr>\r
  99         <tr>\r
 100             <td class="table-headside"><span {_HELP_ITEM_MAP_SIZE}>表示サイズ</span></td>\r
 101             <td colspan="2">幅：<input type="text" name="item_width" value="{WIDTH}" size="3" maxlength="3" />\r
 102             &nbsp;&nbsp;高さ：<input type="text" name="item_height" value="{HEIGHT}" size="3" maxlength="3" />\r
 103             &nbsp;&nbsp;ズームレベル：<input type="text" name="item_zoom" value="{ZOOM}" size="3" maxlength="3" />\r
 104             </td>\r
 105         </tr>\r
 106         <tr class="even">\r
 107             <td class="table-headside"><span {_HELP_ITEM_MARKER}>マーカー</span></td>\r
 108             <td colspan="2"><input type="checkbox" name="item_show_marker" {SHOW_MARKER_CHECKED} />表示&nbsp;&nbsp;緯度：<input type="text" name="item_marker_lat" value="{MARKER_LAT}" size="15" maxlength="20" />&nbsp;&nbsp;経度：<input type="text" name="item_marker_lng" value="{MARKER_LNG}" size="15" maxlength="20" /></td>\r
 109         </tr>\r
 110         <tr>\r
 111             <td class="table-headside"><span {_HELP_ITEM_CONTROLLER}>コントローラ</span></td>\r
 112             <td colspan="2"><input type="checkbox" name="item_pos_control" {POS_CHECKED} />位置・ズーム&nbsp;&nbsp;<input type="checkbox" name="item_type_control" {TYPE_CHECKED} />種別</td>\r
 113         </tr>\r
 114         <tr class="even">\r
 115             <td class="table-headside"><span {_HELP_ITEM_INFO}>吹き出し</span></td>\r
 116             <td colspan="2"><input type="checkbox" name="item_show_info" {SHOW_INFO_CHECKED} />表示&nbsp;&nbsp;緯度：<input type="text" name="item_info_lat" value="{INFO_LAT}" size="15" maxlength="20" />&nbsp;&nbsp;経度：<input type="text" name="item_info_lng" value="{INFO_LNG}" size="15" maxlength="20" /></td>\r
 117         </tr>\r
 118         <tr>\r
 119             <td class="table-headside"><span {_HELP_ITEM_INFO_CONTENT}>吹き出し内容</span></td>\r
 120             <td colspan="2"><textarea name="item_info_content">{INFO_CONTENT}</textarea></td>\r
 121         </tr>\r
 122         <tr class="even">\r
 123             <td align="right" colspan="3">\r
 124 <patTemplate:tmpl name="del_button" visibility="hidden">\r
 125                 <input type="button" class="button" onclick="deleteItem();" value="削除" />\r
 126 </patTemplate:tmpl>\r
 127 <patTemplate:tmpl name="update_button" visibility="hidden">\r
 128                 <input type="button" class="button" onclick="updateItem();" value="更新" />\r
 129 </patTemplate:tmpl>\r
 130 <patTemplate:tmpl name="add_button" visibility="hidden">\r
 131                 <input type="button" class="button" onclick="addItem();" value="新規追加" />\r
 132 </patTemplate:tmpl>\r
 133             </td>\r
 134         </tr>\r
 135     </tbody>\r
 136 </table>\r
 137 </td></tr>\r
 138 <tr><td colspan="2">\r
 139 <br />\r
 140 <div><span {_HELP_ITEM_MAP_PREVIEW}><label>Googleマッププレビュー</label></span></div>\r
 141 <div id="preview_map" style="width:{WIDTH}px;height:{HEIGHT}px;"></div>\r
 142 <br />\r
 143 </td></tr>\r
 144 </table>\r
 145 \r
 146 </form>\r
 147 </div>\r
 148 </patTemplate:tmpl>\r