OSDN Git Service

メニュー定義画面更新。
[magic3/magic3.git] / widgets / admin_main / include / template / smenudef_detail.tmpl.html
index 5aea3f4..a277535 100644 (file)
@@ -5,7 +5,7 @@
  *
  * @package    Magic3 Framework
  * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>
- * @copyright  Copyright 2006-2013 Magic3 Project.
+ * @copyright  Copyright 2006-2018 Magic3 Project.
  * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
  * @version    SVN: $Id$
  * @link       http://www.magic3.org
@@ -46,25 +46,64 @@ function previewInOtherWindow()
        var url = $('#item_url').val();
        m3ShowPreviewWindow({DEVICE_TYPE}, url);
 }
-// URL作成
-function createUrl()
-{
-       var url = $('#item_url').val();
-       m3CreateLinkUrl({DEVICE_TYPE}, url, setLinkUrl);
-}
 // 作成リンク取得用
 function setLinkUrl(url)
 {
        $('#item_url').val(url);
+       
+       // タイトル取得ボタン制御
+       if (url == ''){
+               $("#get_title_button").prop('disabled', true);
+       } else {
+               $("#get_title_button").prop('disabled', false);
+       }
+}
+// リンク先からタイトル取得
+function getTitle()
+{
+       var url = $('#item_url').val();
+       if (url != ''){
+               // Ajaxでタイトルを取得
+               m3_ajax_request('', 'task=linkinfo&act=gettitle&url=' + url, function(request, retcode, jsondata){              // 正常終了
+                       // 取得したタイトルを設定
+                       if (jsondata.title){
+                               if (jsondata.title != '') $('#item_name').val(jsondata.title);
+                       }
+               }, function(request){           // 異常終了
+                       alert('通信に失敗しました。');
+               });
+       }
 }
 $(function(){
+       // テーブル作成
+       m3SetConfigTable('mainconfig');
+       
+       // タイトル取得ボタン制御
+       var url = $('#item_url').val();
+       if (url == ''){
+               $("#get_title_button").prop('disabled', true);
+       } else {
+               $("#get_title_button").prop('disabled', false);
+       }
+       
+       // URL作成
+       $("#{TAGID_CREATE_URL}").click(function (){
+               var url = $('#item_url').val();
+               m3CreateLinkUrl({DEVICE_TYPE}, url, setLinkUrl);
+       });
+
+       // オプション領域作成
+       m3CreateOptionButton('{OPEN_BUTTON_ID}', '{CLOSE_BUTTON_ID}', 'option_area', {OPTION_AREA_OPEN});
+       
        // CKEditorプラグイン直接実行
        m3LoadCKTools();
+       
+       // 親ウィンドウの表示エリア調整
+       m3AdjustParentWindow();
 });
 //]]>
 </script>
-<div align="center">
-<br />
+<div class="m3config_container">
 <!-- m3:ErrorMessage -->
 <form method="post" name="main">
 <input type="hidden" name="fixed_mode" value="{FIXED_MODE}" />
@@ -72,71 +111,83 @@ $(function(){
 <input type="hidden" name="act" />
 <input type="hidden" name="serial" value="{SERIAL}" />
 <input type="hidden" name="menuid" value="{MENU_ID}" />
-<table width="90%">
-<tr><td><span {_HELP_MENUDEF_DETAIL}><label>{_LC_LABEL_MENU_ITEM_DETAIL}</label></span></td>
-<td align="right"><span {_HELP_MENUDEF_RET_BTN}><input type="button" class="button" onclick="cancelItem();" value="{_LC_LABEL_GO_BACK}" /></span>
-</td></tr>
-<tr><td colspan="2">
+<h3 class="m3config_h"><span {_HELP_MENUDEF_DETAIL}>{_LC_LABEL_MENU_ITEM_DETAIL}</span></h3>
+<div class="m3config_h_side_buttons pull-right"><div {_HELP_MENUDEF_BUTTONS2}><div class="btn-group">
+<input type="button" class="button" onclick="cancelItem();" value="{_LC_LABEL_GO_BACK}" />
+</div></div></div>
 
-<table class="simple-table">
+<table id="mainconfig">
     <tbody>
     <tr>
-           <td class="table-headside" width="150"><span {_HELP_MENUDEF_NAME}>{_LC_LABEL_NAME}</span></td>
-           <td width="700" colspan="3">
-           <select name="item_sel_menuid" onchange="selectMenu();">
+           <th><span {_HELP_MENUDEF_NAME}>{_LC_LABEL_NAME}</span></th>
+           <td>
+               <div class="col-sm-4 m3config_item">
+           <select name="item_sel_menuid" class="form-control" onchange="selectMenu();">
                <option value="0" {SELECTED}>-- {_LC_LABEL_NEW} --</option>
                 <patTemplate:tmpl name="menuid_list">
                 <option value="{VALUE}" {SELECTED}>{NAME}</option>
                 </patTemplate:tmpl>
            </select>
-           <input type="text" name="item_name" value="{SEL_ITEM_NAME}" size="40" maxlength="40" />&nbsp;&nbsp;{LANG}<br />
+               </div>
+           <div class="col-sm-4 m3config_item following"><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>
+               <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>
            <patTemplate:tmpl name="input_lang" visibility="hidden">
-           <input type="text" name="item_name_{ID}" value="{VALUE}" size="40" maxlength="40" />&nbsp;&nbsp;{LANG}<br />
+               <div class="form-group">
+           <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>
+               </div>
            </patTemplate:tmpl>
            </td>
        </tr>
-    <tr class="even">
-           <td class="table-headside"><span {_HELP_MENUDEF_ITEM_TYPE}>{_LC_LABEL_ITEM_TYPE}</span></td>
+    <tr>
+           <th><span {_HELP_MENUDEF_ITEM_TYPE}>{_LC_LABEL_ITEM_TYPE}</span></th>
            <td>
-           <select name="item_type">
+               <div class="col-sm-4 m3config_item">
+           <select name="item_type" class="form-control">
                 <patTemplate:tmpl name="item_type_list">
                 <option value="{VALUE}" {SELECTED}>{NAME}</option>
                 </patTemplate:tmpl>
            </select>
-           </td>
-           <td class="table-headside"><span {_HELP_MENUDEF_LINK_TYPE}>{_LC_LABEL_LINK_TYPE}</span></td>
-           <td>
-           <select name="item_link_type">
-               <option value="0" {LINK_TYPE_0}>{_LC_LABEL_LINK_SELF}</option>
-               <option value="1" {LINK_TYPE_1}>{_LC_LABEL_LINK_OTHER}</option>
-           </select>
+               </div>
            </td>
        </tr>
     <tr>
-           <td class="table-headside"><span {_HELP_MENUDEF_LINK_URL}>{_LC_LABEL_LINK_URL}</span></td>
-           <td colspan="3"><input type="text" id="item_url" name="item_url" value="{URL}" style="width:80%" readonly /><input type="button" class="button" onclick="createUrl();" value="{_LC_LABEL_CREATE_URL}" /><input type="image" src="{PREVIEW_IMG}" width="16" height="16" border="0" alt="{PREVIEW_STR}" title="{PREVIEW_STR}" onclick="previewInOtherWindow();return false;" />
+           <th><span {_HELP_MENUDEF_LINK_URL}>{_LC_LABEL_LINK_URL}</span><div class="pull-right">{CREATE_URL_BUTTON}</div></th>
+           <td>
+                   <input type="text" id="item_url" name="item_url" class="form-control" value="{URL}" readonly />
            </td>
        </tr>
-    <tr class="even">
-           <td class="table-headside"><span {_HELP_MENUDEF_VISIBLE}>{_LC_LABEL_ITEM_VISIBLE}</span></td>
-           <td colspan="3"><input type="checkbox" name="item_visible" {SEL_ITEM_VISIBLE} />{_LC_LABEL_VISIBLE}<br /><input type="checkbox" name="item_user_limited" {USER_LIMITED_CHECKED} />{_LC_MSG_USER_LIMITED}<br />
-               <input type="checkbox" name="item_link_content" {LINK_CONTENT} />{_LC_MSG_LINK_TO_CONTENT}</td>
+    <tr class="option_area" style="display:none;">
+           <th><span {_HELP_MENUDEF_VISIBLE}>{_LC_LABEL_ITEM_VISIBLE}</span></th>
+           <td><div class="checkbox"><label><input type="checkbox" name="item_visible" {SEL_ITEM_VISIBLE} />{_LC_LABEL_VISIBLE}</label></div>
+               <div class="checkbox"><label><input type="checkbox" name="item_user_limited" {USER_LIMITED_CHECKED} />{_LC_MSG_USER_LIMITED}</label></div>
+               <div class="checkbox"><label><input type="checkbox" name="item_link_content" {LINK_CONTENT} />{_LC_MSG_LINK_TO_CONTENT}</label></div></td>
        </tr>
-        <!--<tr>
-           <td class="table-headside"><span {_HELP_MENUDEF_DESC}>{_LC_LABEL_DESC}</span></td>
-           <td colspan="3"><input type="text" name="item_desc" value="{DESC}" size="100" maxlength="100" /></td>
-       </tr>-->
-    <tr>
-           <td class="table-headside"><span {_HELP_MENUDEF_TITLE}>{_LC_LABEL_TITLE}</span></td>
-           <td colspan="3">
-               <input type="text" name="item_title" value="{TITLE}" maxlength="300" style="width:80%" />&nbsp;&nbsp;{LANG}<br />
+    <tr class="option_area" style="display:none;">
+           <th><span {_HELP_MENUDEF_LINK_TYPE}>{_LC_LABEL_LINK_TYPE}</span></th>
+           <td>
+               <div class="col-sm-4 m3config_item">
+           <select name="item_link_type" class="form-control">
+               <option value="0" {LINK_TYPE_0}>{_LC_LABEL_LINK_SELF}</option>
+                   <option value="1" {LINK_TYPE_1}>{_LC_LABEL_LINK_OTHER}</option>
+           </select>
+               </div>
+           </td>
+       </tr>
+    <tr class="option_area" style="display:none;">
+           <th><span {_HELP_MENUDEF_TITLE}>{_LC_LABEL_TITLE}</span></th>
+           <td>
+               <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>
            <patTemplate:tmpl name="input_title" visibility="hidden">
-           <input type="text" name="item_title_{ID}" value="{VALUE}" maxlength="300" style="width:80%" />&nbsp;&nbsp;{LANG}<br />
+           <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>
            </patTemplate:tmpl>
                </td>
        </tr>
-       <tr class="even">
-       <td colspan="4" align="right">
+       <tr>
+           <td colspan="2"><div class="pull-left">{OPEN_BUTTON}{CLOSE_BUTTON}</div></td>
+       </tr>
+    </tbody>
+</table>
+<div class="well m3config_update_buttons">
 <patTemplate:tmpl name="del_button" visibility="hidden">
                <input type="button" class="button" onclick="delItem();" value="{_LC_LABEL_DELETE}" />
                <input type="button" class="button" onclick="updateItem();" value="{_LC_LABEL_UPDATE}" />
@@ -144,14 +195,7 @@ $(function(){
 <patTemplate:tmpl name="add_button" visibility="hidden">
                <input type="button" class="button" onclick="addItem();" value="{_LC_LABEL_ADD}" />
 </patTemplate:tmpl>
-       </td>
-       </tr>
-    </tbody>
-</table>
-
-</td></tr>
-</table>
-
+</div>
 </form>
 </div>
 </patTemplate:tmpl>