From 44b74365ddc828fe9ae83da4870f71dd1daca557 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Thu, 5 Mar 2015 17:12:27 +0100
Subject: restructure display settings

---
 view/tpl/settings_display.tpl | 100 +++++++++++++++++++++++++++---------------
 1 file changed, 64 insertions(+), 36 deletions(-)

(limited to 'view/tpl')

diff --git a/view/tpl/settings_display.tpl b/view/tpl/settings_display.tpl
index 93cee94d6..1dbf4381a 100755
--- a/view/tpl/settings_display.tpl
+++ b/view/tpl/settings_display.tpl
@@ -1,38 +1,66 @@
-<div class="generic-content-wrapper-styled">
-<h1>{{$ptitle}}</h1>
+<div class="generic-content-wrapper">
+	<div class="section-title-wrapper">
+		<h2>{{$ptitle}}</h2>
+	</div>
+	<form action="settings/display" id="settings-form" method="post" autocomplete="off" >
+		<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
 
-<form action="settings/display" id="settings-form" method="post" autocomplete="off" >
-<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
-{{if $theme}}
-{{include file="field_themeselect.tpl" field=$theme}}
-{{/if}}
-{{if $mobile_theme}}
-{{include file="field_themeselect.tpl" field=$mobile_theme}}
-{{/if}}
-{{if $expert}}
-{{include file="field_checkbox.tpl" field=$user_scalable}}
-{{/if}}
-{{include file="field_input.tpl" field=$ajaxint}}
-{{include file="field_input.tpl" field=$itemspage}}
-{{include file="field_input.tpl" field=$channel_divmore_height}}
-{{include file="field_input.tpl" field=$network_divmore_height}}
-{{include file="field_checkbox.tpl" field=$nosmile}}
-{{include file="field_checkbox.tpl" field=$title_tosource}}
-{{include file="field_checkbox.tpl" field=$channel_list_mode}}
-{{include file="field_checkbox.tpl" field=$network_list_mode}}
-
-<div class="settings-submit-wrapper" >
-<input type="submit" name="submit" class="settings-submit" value="{{$submit}}" />
-</div>
-{{if $expert}}
-<br />
-<a href="pdledit">{{$layout_editor}}</a>
-<br />
-{{/if}}
-{{if $theme_config}}
-<h2>Theme settings</h2>
-{{$theme_config}}
-{{/if}}
-
-</form>
+		<div class="panel-group" id="settings" role="tablist" aria-multiselectable="true">
+			<div class="panel">
+				<div class="section-subtitle-wrapper" role="tab" id="theme-settings-title">
+					<h3>
+						<a data-toggle="collapse" data-parent="#settings" href="#theme-settings-content" aria-expanded="true" aria-controls="theme-settings-content">
+							Theme Settings
+						</a>
+					</h3>
+				</div>
+				<div id="theme-settings-content" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="theme-settings">
+					<div class="section-content-tools-wrapper">
+							{{if $theme}}
+								{{include file="field_themeselect.tpl" field=$theme}}
+							{{/if}}
+							{{if $mobile_theme}}
+								{{include file="field_themeselect.tpl" field=$mobile_theme}}
+							{{/if}}
+						<div class="settings-submit-wrapper" >
+							<button type="submit" name="submit" class="btn btn-primary">{{$submit}}</button>
+						</div>
+					</div>
+				</div>
+			</div>
+			{{if $theme_config}}
+				{{$theme_config}}
+			{{/if}}
+			<div class="panel">
+				<div class="section-subtitle-wrapper" role="tab" id="content-settings-title">
+					<h3>
+						<a data-toggle="collapse" data-parent="#settings" href="#content-settings-content" aria-expanded="true" aria-controls="content-settings-content">
+							Content Settings
+						</a>
+					</h3>
+				</div>
+				<div id="content-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="content-settings">
+					<div class="section-content-wrapper">
+							{{include file="field_input.tpl" field=$ajaxint}}
+							{{include file="field_input.tpl" field=$itemspage}}
+							{{include file="field_input.tpl" field=$channel_divmore_height}}
+							{{include file="field_input.tpl" field=$network_divmore_height}}
+							{{include file="field_checkbox.tpl" field=$nosmile}}
+							{{include file="field_checkbox.tpl" field=$title_tosource}}
+							{{include file="field_checkbox.tpl" field=$channel_list_mode}}
+							{{include file="field_checkbox.tpl" field=$network_list_mode}}
+							{{include file="field_checkbox.tpl" field=$user_scalable}}
+							{{if $expert}}
+							<div class="form-group">
+							<a class="btn btn-default "href="pdledit">{{$layout_editor}}</a>
+							</div>
+							{{/if}}
+						<div class="settings-submit-wrapper" >
+							<button type="submit" name="submit" class="btn btn-primary">{{$submit}}</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</form>
 </div>
-- 
cgit v1.2.3