widgets/admin_main/include/template/smenudef_detail.tmpl.html

   1 /**
   2  * 表示データ作成用テンプレート(patTemplate)
   3  *
   4  * LICENSE: This source file is licensed under the terms of the GNU General Public License.
   5  *
   6  * @package    Magic3 Framework
   7  * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>
   8  * @copyright  Copyright 2006-2015 Magic3 Project.
   9  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
  10  * @version    SVN: $Id$
  11  * @link       http://www.magic3.org
  12  */
  13 <patTemplate:tmpl name="_widget">
  14 <script type="text/javascript">
  15 //<![CDATA[
  16 function selectMenu(){
  17         document.main.submit();
  18         return true;
  19 }
  20 function addItem(){
  21         if (!window.confirm('{_LC_MSG_ADD}')) return false;
  22         document.main.act.value = 'add';
  23         document.main.submit();
  24         return true;
  25 }
  26 function updateItem(serialNo){
  27         if (!window.confirm('{_LC_MSG_UPDATE}')) return false;
  28         document.main.act.value = 'update';
  29         document.main.submit();
  30         return true;
  31 }
  32 function delItem(serialNo){
  33         if (!window.confirm('{_LC_MSG_DELETE}')) return false;
  34         document.main.act.value = 'delete';
  35         document.main.submit();
  36         return true;
  37 }
  38 function cancelItem(){
  39         document.main.task.value = 'smenudef';
  40         document.main.submit();
  41         return true;
  42 }
  43 // プレビューを別ウィンドウで表示
  44 function previewInOtherWindow()
  45 {
  46         var url = $('#item_url').val();
  47         m3ShowPreviewWindow({DEVICE_TYPE}, url);
  48 }
  49 // 作成リンク取得用
  50 function setLinkUrl(url)
  51 {
  52         $('#item_url').val(url);
  53
  54         // タイトル取得ボタン制御
  55         if (url == ''){
  56                 $("#get_title_button").prop('disabled', true);
  57         } else {
  58                 $("#get_title_button").prop('disabled', false);
  59         }
  60 }
  61 // リンク先からタイトル取得
  62 function getTitle()
  63 {
  64         var url = $('#item_url').val();
  65         if (url != ''){
  66                 // Ajaxでタイトルを取得
  67                 m3_ajax_request('', 'task=linkinfo&act=gettitle&url=' + url, function(request, retcode, jsondata){              // 正常終了
  68                         // 取得したタイトルを設定
  69                         if (jsondata.title){
  70                                 if (jsondata.title != '') $('#item_name').val(jsondata.title);
  71                         }
  72                 }, function(request){           // 異常終了
  73                         alert('通信に失敗しました。');
  74                 });
  75         }
  76 }
  77 $(function(){
  78         // テーブル作成
  79         m3SetConfigTable('mainconfig');
  80
  81         // タイトル取得ボタン制御
  82         var url = $('#item_url').val();
  83         if (url == ''){
  84                 $("#get_title_button").prop('disabled', true);
  85         } else {
  86                 $("#get_title_button").prop('disabled', false);
  87         }
  88
  89         // URL作成
  90         $("#{TAGID_CREATE_URL}").click(function (){
  91                 var url = $('#item_url').val();
  92                 m3CreateLinkUrl({DEVICE_TYPE}, url, setLinkUrl);
  93         });
  94
  95         // オプション領域作成
  96         m3CreateOptionButton('{OPEN_BUTTON_ID}', '{CLOSE_BUTTON_ID}', 'option_area', {OPTION_AREA_OPEN});
  97
  98         // CKEditorプラグイン直接実行
  99         m3LoadCKTools();
 100
 101         // 親ウィンドウの表示エリア調整
 102         m3AdjustParentWindow();
 103 });
 104 //]]>
 105 </script>
 106 <div class="m3config_container">
 107 <!-- m3:ErrorMessage -->
 108 <form method="post" name="main">
 109 <input type="hidden" name="fixed_mode" value="{FIXED_MODE}" />
 110 <input type="hidden" name="task" value="smenudef_detail" />
 111 <input type="hidden" name="act" />
 112 <input type="hidden" name="serial" value="{SERIAL}" />
 113 <input type="hidden" name="menuid" value="{MENU_ID}" />
 114 <h3 class="m3config_h"><span {_HELP_MENUDEF_DETAIL}>{_LC_LABEL_MENU_ITEM_DETAIL}</span></h3>
 115 <div class="m3config_h_side_buttons pull-right"><div {_HELP_MENUDEF_BUTTONS2}><div class="btn-group">
 116 <input type="button" class="button" onclick="cancelItem();" value="{_LC_LABEL_GO_BACK}" />
 117 </div></div></div>
 118
 119 <table id="mainconfig">
 120     <tbody>
 121     <tr>
 122             <th><span {_HELP_MENUDEF_NAME}>{_LC_LABEL_NAME}</span></th>
 123             <td colspan="3">
 124                 <div class="col-sm-4 m3config_item">
 125             <select name="item_sel_menuid" class="form-control" onchange="selectMenu();">
 126                 <option value="0" {SELECTED}>-- {_LC_LABEL_NEW} --</option>
 127                 <patTemplate:tmpl name="menuid_list">
 128                 <option value="{VALUE}" {SELECTED}>{NAME}</option>
 129                 </patTemplate:tmpl>
 130             </select>
 131                 </div>
 132             <div class="col-sm-4 m3config_item"><input type="text" id="item_name" name="item_name" class="form-control" value="{SEL_ITEM_NAME}" size="40" maxlength="40" /></div><div class="col-sm-1 m3config_item form-control-static">{LANG}</div>
 133                 <div class="col-sm-3 m3config_item"><input type="button" id="get_title_button" class="button pull-right" onclick="getTitle();" value="{_LC_LABEL_GET_TITLE}" {GET_TITLE_DISABLED} /></div>
 134             <patTemplate:tmpl name="input_lang" visibility="hidden">
 135                 <div class="form-group">
 136             <div class="col-sm-4 m3config_item"><input type="text" name="item_name_{ID}" class="form-control" value="{VALUE}" size="40" maxlength="40" /></div><div class="col-sm-1 m3config_item form-control-static">{LANG}</div>
 137                 </div>
 138             </patTemplate:tmpl>
 139             </td>
 140         </tr>
 141     <tr>
 142             <th><span {_HELP_MENUDEF_LINK_URL}>{_LC_LABEL_LINK_URL}</span><div class="pull-right">{CREATE_URL_BUTTON}</div></th>
 143             <td colspan="3">
 144                 <div class="input-group">
 145                     <input type="text" id="item_url" name="item_url" class="form-control" value="{URL}" readonly />
 146                     <span class="input-group-btn">
 147                     <a class="btn btn-default" onclick="previewInOtherWindow();return false;" rel="m3help" title="{PREVIEW_STR}"><i class="glyphicon glyphicon-new-window"></i></a>
 148                     </span>
 149                 </div>
 150             </td>
 151         </tr>
 152     <tr class="option_area" style="display:none;">
 153             <th><span {_HELP_MENUDEF_ITEM_TYPE}>{_LC_LABEL_ITEM_TYPE}</span></th>
 154             <td style="width:200px;">
 155             <select name="item_type" class="form-control">
 156                 <patTemplate:tmpl name="item_type_list">
 157                 <option value="{VALUE}" {SELECTED}>{NAME}</option>
 158                 </patTemplate:tmpl>
 159             </select>
 160             </td>
 161             <th><span {_HELP_MENUDEF_LINK_TYPE}>{_LC_LABEL_LINK_TYPE}</span></th>
 162             <td>
 163                 <div class="col-sm-6 m3config_item">
 164             <select name="item_link_type" class="form-control">
 165                 <option value="0" {LINK_TYPE_0}>{_LC_LABEL_LINK_SELF}</option>
 166                     <option value="1" {LINK_TYPE_1}>{_LC_LABEL_LINK_OTHER}</option>
 167             </select>
 168                 </div>
 169             </td>
 170         </tr>
 171     <tr class="option_area" style="display:none;">
 172             <th><span {_HELP_MENUDEF_VISIBLE}>{_LC_LABEL_ITEM_VISIBLE}</span></th>
 173             <td colspan="3"><div class="checkbox"><label><input type="checkbox" name="item_visible" {SEL_ITEM_VISIBLE} />{_LC_LABEL_VISIBLE}</label></div>
 174                 <div class="checkbox"><label><input type="checkbox" name="item_user_limited" {USER_LIMITED_CHECKED} />{_LC_MSG_USER_LIMITED}</label></div>
 175                 <div class="checkbox"><label><input type="checkbox" name="item_link_content" {LINK_CONTENT} />{_LC_MSG_LINK_TO_CONTENT}</label></div></td>
 176         </tr>
 177         <!--<tr>
 178             <th><span {_HELP_MENUDEF_DESC}>{_LC_LABEL_DESC}</span></th>
 179             <td colspan="3"><input type="text" name="item_desc" value="{DESC}" size="100" maxlength="100" /></td>
 180         </tr>-->
 181     <tr class="option_area" style="display:none;">
 182             <th><span {_HELP_MENUDEF_TITLE}>{_LC_LABEL_TITLE}</span></th>
 183             <td colspan="3">
 184                 <div class="col-sm-11 m3config_item"><input type="text" name="item_title" class="form-control" value="{TITLE}" maxlength="300" /></div><div class="col-sm-1 m3config_item form-control-static">{LANG}</div>
 185             <patTemplate:tmpl name="input_title" visibility="hidden">
 186             <div class="col-sm-11 m3config_item"><input type="text" name="item_title_{ID}" class="form-control" value="{VALUE}" maxlength="300" /></div><div class="col-sm-1 m3config_item form-control-static">{LANG}</div>
 187             </patTemplate:tmpl>
 188                 </td>
 189         </tr>
 190         <tr>
 191             <td colspan="4"><div class="pull-left">{OPEN_BUTTON}{CLOSE_BUTTON}</div></td>
 192         </tr>
 193     </tbody>
 194 </table>
 195 <div class="well m3config_update_buttons">
 196 <patTemplate:tmpl name="del_button" visibility="hidden">
 197                 <input type="button" class="button" onclick="delItem();" value="{_LC_LABEL_DELETE}" />
 198                 <input type="button" class="button" onclick="updateItem();" value="{_LC_LABEL_UPDATE}" />
 199 </patTemplate:tmpl>
 200 <patTemplate:tmpl name="add_button" visibility="hidden">
 201                 <input type="button" class="button" onclick="addItem();" value="{_LC_LABEL_ADD}" />
 202 </patTemplate:tmpl>
 203 </div>
 204 </form>
 205 </div>
 206 </patTemplate:tmpl>