From eb98a88150fcb822cba0eeb230476110062723a5 Mon Sep 17 00:00:00 2001
From: naoki hirata <naoki@magic3.org>
Date: Sun, 9 Feb 2014 21:38:21 +0900
Subject: [PATCH] =?utf8?q?=E6=90=BA=E5=B8=AF=E3=80=81=E3=82=B9=E3=83=9E?=
 =?utf8?q?=E3=83=BC=E3=83=88=E3=83=95=E3=82=A9=E3=83=B3=E7=94=A8=E3=81=AE?=
 =?utf8?q?=E7=94=BB=E9=9D=A2=E7=B7=A8=E9=9B=86=E7=94=BB=E9=9D=A2=E3=82=92B?=
 =?utf8?q?ootstrap=E3=81=AB=E5=AF=BE=E5=BF=9C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 templates/_admin4/css/style.css                    |   4 +
 .../container/admin_mainPagedefWidgetContainer.php | 109 +++++++++------------
 .../admin_main/include/template/pagedef.tmpl.html  |  13 +--
 3 files changed, 57 insertions(+), 69 deletions(-)

diff --git a/templates/_admin4/css/style.css b/templates/_admin4/css/style.css
index 2349b043..ccaa2b37 100644
--- a/templates/_admin4/css/style.css
+++ b/templates/_admin4/css/style.css
@@ -301,6 +301,10 @@ background-color: #0081c2;
 /*	height: 100%;
 	width: 100%;*/
 }
+.layout_side_border {
+	border-left:2px solid #2C3E50;
+	border-right:2px solid #2C3E50;
+}
 #layout_preview_outer{
 	position: fixed;
 /*	top: 20%;*/
diff --git a/widgets/admin_main/include/container/admin_mainPagedefWidgetContainer.php b/widgets/admin_main/include/container/admin_mainPagedefWidgetContainer.php
index e02f23a5..2f664a0f 100644
--- a/widgets/admin_main/include/container/admin_mainPagedefWidgetContainer.php
+++ b/widgets/admin_main/include/container/admin_mainPagedefWidgetContainer.php
@@ -24,7 +24,6 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 	private $pageSubId;	// ページサブID
 	private $position;	// 表示ポジション
 	private $defaultPageSubId;		// デフォルトのページID
-//	private $widgetArray = array();
 	private $templateId;		// テンプレートID
 	private $pageTemplateId;	// 個別ページのテンプレートID
 	private $pageTitle;	// 選択ページのタイトル
@@ -69,11 +68,11 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 		
 		if ($task == 'pagedef_detail'){		// 詳細設定画面
 			return 'pagedef_detail.tmpl.html';
-		} else if ($task == 'pagedef_mobile'){		// 携帯用設定画面
+/*		} else if ($task == 'pagedef_mobile'){		// 携帯用設定画面
 			return 'pagedef_mobile.tmpl.html';
 		} else if ($task == 'pagedef_smartphone'){		// スマートフォン用設定画面
-			return 'pagedef_smartphone.tmpl.html';
-		} else {			// 画面定義画面
+			return 'pagedef_smartphone.tmpl.html';*/
+		} else {			// 画面編集画面
 			return 'pagedef.tmpl.html';
 		}
 	}
@@ -175,6 +174,32 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 		}
 		if (empty($this->pageSubId)) $this->pageSubId = $this->gEnv->getDefaultPageSubIdByPageId($this->pageId);// デフォルト値取得
 		
+		// デフォルトテンプレート取得
+		switch ($task){
+			case 'pagedef_mobile':	// 携帯用設定画面のとき
+				$this->templateId = $this->gSystem->defaultMobileTemplateId();
+				$deviceType = 1;		// デバイスタイプ(携帯)
+				$taskStr = 'pagedef_mobile';
+				$previewWidth = '600px';
+				$this->tmpl->addVar("_widget", "preview_option_class", 'class="layout_side_border"');		// プレビューエリアにサイドのボーダーラインを付加
+				$this->tmpl->addVar("_widget", "template_normal_disabled", 'disabled');
+				break;
+			case 'pagedef_smartphone':		// スマートフォン用設定画面
+				$this->templateId = $this->gSystem->defaultSmartphoneTemplateId();
+				$deviceType = 2;		// デバイスタイプ(スマートフォン)
+				$taskStr = 'pagedef_smartphone';
+				$previewWidth = '600px';
+				$this->tmpl->addVar("_widget", "preview_option_class", 'class="layout_side_border"');		// プレビューエリアにサイドのボーダーラインを付加
+				$this->tmpl->addVar("_widget", "template_normal_disabled", 'disabled');
+				break;
+			default:
+				$this->templateId = $this->gSystem->defaultTemplateId();
+				$deviceType = 0;		// デバイスタイプ(PC)
+				$taskStr = 'pagedef';
+				$previewWidth = '100%';
+				break;
+		}
+		
 		if ($act == 'changetemplate'){		// テンプレート変更のとき
 			$templateId = $request->trimValueOf('sel_template');		// テンプレートID
 			if (!empty($templateId)){
@@ -199,19 +224,8 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 			$templateId = $request->trimValueOf('sel_page_template');		// テンプレートID
 			
 			// ページ用テンプレートの更新
-			switch ($task){
-				case 'pagedef_mobile':	// 携帯用設定画面のとき
-					$defaultTemplateId = $this->gSystem->defaultMobileTemplateId();
-					break;
-				case 'pagedef_smartphone':		// スマートフォン用設定画面
-					$defaultTemplateId = $this->gSystem->defaultSmartphoneTemplateId();
-					break;
-				default:
-					$defaultTemplateId = $this->gSystem->defaultTemplateId();
-					break;
-			}
 			// デフォルトと同じ場合はリセット
-			//if ($templateId == $defaultTemplateId) $templateId = '';
+			//if ($templateId == $this->templateId) $templateId = '';
 			
 			$ret = $this->db->getPageInfo($this->pageId, $this->pageSubId, $row);
 			if ($ret){
@@ -225,54 +239,24 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 				}
 			}
 		}
+		// ページIDでページ情報を取得(Bootstrap型設定画面用)
+		$ret = $this->db->getPageInfoByPageId($this->pageId, ''/*言語*/, $this->pageInfoRows);
 		
-		if ($task == 'pagedef_mobile'){		// 携帯用設定画面のとき
-			// ページメインIDメニュー作成
-			$this->db->getPageIdList(array($this, 'pageIdLoop'), 0/*ページID*/, 1/*携帯*/);
-		
-			// デフォルトのテンプレートを取得
-			$this->templateId = $this->gSystem->defaultMobileTemplateId();
-			$imagePath = $this->gEnv->getTemplatesUrl() . '/' . $this->templateId . '/template_thumbnail.png';
-			$this->tmpl->addVar("_widget", "TMPL_IMAGE", $this->getUrl($imagePath));							// プレビュー画像
-		} else if ($task == 'pagedef_smartphone'){		// スマートフォン用設定画面
-			// ページメインIDメニュー作成
-			$this->db->getPageIdList(array($this, 'pageIdLoop'), 0/*ページID*/, 2/*スマートフォン*/);
+		// ページメインIDメニュー作成
+		$this->db->getPageIdList(array($this, 'pageIdLoop'), 0/*ページID*/, $deviceType);
+
+		// ページサブIDメニュー作成(ページメインIDを先に作成してから)。デバイスで共通。
+		$this->db->getPageIdList(array($this, 'pageSubIdLoop'), 1/*サブページID*/, -1/*デバイス関係なし*/, true/*メニューから選択可項目のみ*/);
 		
-			// デフォルトのテンプレートを取得
-			$this->templateId = $this->gSystem->defaultSmartphoneTemplateId();
-			$imagePath = $this->gEnv->getTemplatesUrl() . '/' . $this->templateId . '/template_thumbnail.png';
-			$this->tmpl->addVar("_widget", "TMPL_IMAGE", $this->getUrl($imagePath));							// プレビュー画像
-		} else {			// PC用設定画面のとき
-			// ページメインIDメニュー作成
-			$this->db->getPageIdList(array($this, 'pageIdLoop'), 0/*ページID*/, 0/*携帯以外*/);
-			
-			// デフォルトのテンプレートを取得
-			$this->templateId = $this->gSystem->defaultTemplateId();
-			$imagePath = $this->gEnv->getTemplatesUrl() . '/' . $this->templateId . '/template_thumbnail.png';
-			$this->tmpl->addVar("_widget", "TMPL_IMAGE", $this->getUrl($imagePath));							// プレビュー画像
-		}
 		// ページ情報取得
-		$contentTypeStr = '';		// コンテンツ種別
+/*		$contentTypeStr = '';		// コンテンツ種別
 		$ret = $this->db->getPageInfo($this->pageId, $this->pageSubId, $row);
 		if ($ret){
 			if (!empty($row['pn_content_type'])) $contentTypeStr = $this->_('Page Attribute:') . $row['pn_content_type'];		// 「ページ属性：」
-		}
-		// ページIDでページ情報を取得(Bootstrap型設定画面用)
-		$ret = $this->db->getPageInfoByPageId($this->pageId, ''/*言語*/, $this->pageInfoRows);
-
-		// ページサブIDメニュー作成(ページメインIDを先に作成してから)
-		$this->db->getPageIdList(array($this, 'pageSubIdLoop'), 1/*サブページID*/, -1/*デバイス関係なし*/, true/*メニューから選択可項目のみ*/);
-
-		if ($task == 'pagedef_mobile'){		// 携帯用設定画面のとき
-			// テンプレート選択メニュー作成
-			$this->db->getAllTemplateList(1/* 携帯用 */, array($this, 'templateIdLoop'));
-		} else if ($task == 'pagedef_smartphone'){		// スマートフォン用設定画面
-			// テンプレート選択メニュー作成
-			$this->db->getAllTemplateList(2/* スマートフォン用 */, array($this, 'templateIdLoop'));
-		} else {			// PC用設定画面のとき
-			// テンプレート選択メニュー作成
-			$this->db->getAllTemplateList(0/* PC用 */, array($this, 'templateIdLoop'));
-		}
+		}*/
+		
+		// テンプレート選択メニュー作成
+		$this->db->getAllTemplateList($deviceType, array($this, 'templateIdLoop'));
 		
 		// タイトル(Bootstrap型設定画面用)
 		$this->tmpl->addVar("_widget", "page_title", $this->pageTitle);			// ページタイトル(エスケープ済み)
@@ -296,7 +280,10 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 		$this->tmpl->addVar("_widget", "url", $url);		// getUrl()は掛けない
 		$this->tmpl->addVar("_widget", "disp_url", $dispUrl);		// 表示用URL
 		$this->tmpl->addVar("_widget", "url_with_session", $urlWithSession);		// セッションID付きURL(携帯のみ使用)。getUrl()は掛けない
-		$this->tmpl->addVar("_widget", "content_type", $contentTypeStr);		// コンテンツ種別
+//		$this->tmpl->addVar("_widget", "content_type", $contentTypeStr);		// コンテンツ種別
+		$this->tmpl->addVar("_widget", "device_type", $deviceType);			// デバイスタイプ
+		$this->tmpl->addVar("_widget", "preview_width", $previewWidth);			// プレビュー幅
+		$this->tmpl->addVar("_widget", "task", $taskStr);			// タスク
 		
 		// 管理用URL設定
 		$adminUrl = $this->gEnv->getDefaultAdminUrl() . '?' . M3_REQUEST_PARAM_DEF_PAGE_ID . '=' . $this->pageId . '&' . M3_REQUEST_PARAM_DEF_PAGE_SUB_ID . '=' . $this->pageSubId;
@@ -306,10 +293,6 @@ class admin_mainPagedefWidgetContainer extends BaseAdminWidgetContainer
 //		$detailPageUrl 
 //		$this->tmpl->addVar("_widget", "detail_url", $this->getUrl($adminUrl));
 		$this->tmpl->addVar("_widget", "default_template_id", $this->convertToDispString($this->templateId));	// デフォルトのテンプレートID
-		// ウィジェットIDのリスト
-/*		$widgetList = '';
-		if (!empty($this->widgetArray)) $widgetList = implode($this->widgetArray, ',');
-		$this->tmpl->addVar("_widget", "widget_list", $widgetList);*/
 		
 		// アイコンを設定
 		$iconUrl = $this->gEnv->getRootUrl() . self::TEMPLATE_NORMAL_ICON_FILE;
diff --git a/widgets/admin_main/include/template/pagedef.tmpl.html b/widgets/admin_main/include/template/pagedef.tmpl.html
index 90245013..42250e06 100644
--- a/widgets/admin_main/include/template/pagedef.tmpl.html
+++ b/widgets/admin_main/include/template/pagedef.tmpl.html
@@ -23,7 +23,7 @@ function m3UpdateByChildWindow(serial)
 // プレビューを別ウィンドウで表示
 function previewInOtherWindow()
 {
-	m3ShowPreviewWindow(0, "{URL}");
+	m3ShowPreviewWindow({DEVICE_TYPE}, "{URL}");
 	return true;
 }
 function maximizeLayout(){
@@ -92,12 +92,13 @@ $(function(){
 		document.getElementById("layout_preview").src = '{ADMIN_URL}&cmd=showpositionwithwidget';
 		return false;
 	});
+		
 	
 	// プレビューの位置調節
 	var previewTop = 220;
 	$('#layout_preview_outer').css({top: previewTop});
 	//$('#layout_preview_outer')css({top:'500px'});
-	$('#layout_preview').css({width: '100%',  height: '100%'});
+	$('#layout_preview').css({width: '{PREVIEW_WIDTH}', height: '100%'});
 
 	// パネル開閉イベント設定
 	$('#pageselectmenu .panel-collapse').on('show.bs.collapse', function (n){
@@ -147,7 +148,7 @@ $(function(){
 </script>
 <!-- m3:ErrorMessage -->
 <form method="post" name="main">
-<input type="hidden" name="task" value="pagedef" />
+<input type="hidden" name="task" value="{TASK}" />
 <input type="hidden" name="act" />
 <input type="hidden" name="url" value="{URL}" />
 <input type="hidden" name="layoutmode" value="{LAYOUT_MODE}" />
@@ -252,15 +253,15 @@ $(function(){
 URL：{DISP_URL}
 </div>
 <div class="col-lg-6 text-right">
-<button type="button" id="mode_template_normal" class="btn btn-default" style="{TEMPLATE_NORMAL_STYLE}"><img src="{TEMPLATE_NORMAL32}" alt="通常モード" title="通常モード" width="32" height="32" />通常モード</button>
+<button type="button" id="mode_template_normal" class="btn btn-default" style="{TEMPLATE_NORMAL_STYLE}" {TEMPLATE_NORMAL_DISABLED}><img src="{TEMPLATE_NORMAL32}" alt="通常モード" title="通常モード" width="32" height="32" />通常モード</button>
 <button type="button" id="mode_template_plain" class="btn btn-default" style="{TEMPLATE_PLAIN_STYLE}"><img src="{TEMPLATE_PLAIN32}" alt="レイアウトモード" title="レイアウトモード" width="32" height="32" />レイアウトモード</button>
 <!--<span {_HELP_PAGEDEF_MAXIMIZE_BTN}><button type="button" id="layoutmax" class="btn btn-default button" onclick="maximizeLayout();return false;">{_LC_LABEL_MAXIMIZE}</button></span>-->
 <span {_HELP_PAGEDEF_PREVIEW_BTN}><button type="button" id="previewother" class="btn btn-default" onclick="previewInOtherWindow();return false;">{_LC_LABEL_PREVIEW}</button></span>
 </div>
 </div><!-- row end -->
 
-<div id="layout_preview_outer">
-<iframe id="layout_preview" src="{ADMIN_URL}&cmd=showpositionwithwidget{PREVIEW_TEMPLATE_PARAM}" frameborder="0"></iframe>
+<div id="layout_preview_outer" class="text-center">
+<iframe id="layout_preview" src="{ADMIN_URL}&cmd=showpositionwithwidget{PREVIEW_TEMPLATE_PARAM}" frameborder="0" {PREVIEW_OPTION_CLASS}></iframe>
 </div>
 <!-- bottom area end -->
 </form>
-- 
2.11.0