Accordionize feature settings

This commit is contained in:
Mario Vavti 2015-03-04 09:54:33 +01:00
parent df90677f90
commit 6d30abe4bf
2 changed files with 31 additions and 20 deletions

View File

@ -1938,6 +1938,8 @@ nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
color: #31708f; color: #31708f;
background-color: #d9edf7; background-color: #d9edf7;
margin-bottom: 3px; margin-bottom: 3px;
border-radius: $radiuspx;
text-align: center;
} }
.section-content-wrapper { .section-content-wrapper {
padding: 7px 10px; padding: 7px 10px;

View File

@ -1,21 +1,30 @@
<div class="generic-content-wrapper-styled"> <div class="generic-content-wrapper">
<h1>{{$title}}</h1> <div class="section-title-wrapper">
<h2>{{$title}}</h2>
</div>
<form action="settings/features" method="post" autocomplete="off"> <form action="settings/features" method="post" autocomplete="off">
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'> <input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
<div class="panel-group" id="settings" role="tablist" aria-multiselectable="true">
{{foreach $features as $f}} {{foreach $features as $g => $f}}
<h3 class="settings-heading">{{$f.0}}</h3> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="{{$g}}-settings-title">
{{foreach $f.1 as $fcat}} <h3>
<a data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-collapse">
{{$f.0}}
</a>
</h3>
</div>
<div id="{{$g}}-settings-content" class="panel-collapse collapse{{if $g == 'general'}} in{{/if}}" role="tabpanel" aria-labelledby="{{$g}}-settings-title">
<div class="section-content-tools-wrapper">
{{foreach $f.1 as $fcat}}
{{include file="field_checkbox.tpl" field=$fcat}} {{include file="field_checkbox.tpl" field=$fcat}}
{{/foreach}} {{/foreach}}
{{/foreach}} <div class="settings-submit-wrapper" >
<button type="submit" name="submit" class="btn btn-primary">{{$submit}}</button>
<div class="settings-submit-wrapper" > </div>
<input type="submit" name="submit" class="settings-features-submit" value="{{$submit}}" /> </div>
</div> </div>
</div>
</form> {{/foreach}}
</div>
</div> </div>