ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Display Options tabs vertically. 

In the 'Options' view, show the tabs horizontally via bootstrap's
grid layout.
This commit is contained in:
Kyle Johnson 2015-02-02 15:33:40 -05:00
parent 32ca007f74
commit 8ba365b42f
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/skins/bootstrap/views/options.php
View File

@ -6,15 +6,21 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="container" ng-controller="ConfigController"> <div class="container" ng-controller="ConfigController">
<ul class="nav nav-tabs" role="tablist" id="myTab"> <div class="row">
<li role="presentation" ng-repeat="category in categories"> <div class="col-md-2">
<a href="#{{category.Config.Category}}" aria-controls="{{category.Config.Category}}" role="tab" data-toggle="tab">{{category.Config.Category}}</a> <ul class="nav nav-pills nav-stacked" role="tablist" id="myTab">
</li> <li role="presentation" ng-repeat="category in categories" ng-class="{ 'active': (category.Config.Category == 'system') }">
</ul> <a href="#{{category.Config.Category}}" aria-controls="{{category.Config.Category}}" role="tab" data-toggle="tab">{{category.Config.Category}}</a>
</li>
</ul>
</div>
<div class="tab-content"> <div class="col-md-10">
<div role="tabpanel" class="form-horizontal tab-pane" id="{{category.Config.Category}}" ng-repeat="category in categories" angular-html-bind="{{ category.Config.Category }}"></div> <div class="tab-content">
</div> <div role="tabpanel" class="form-horizontal tab-pane" ng-class="{ 'active': (category.Config.Category == 'system') }" id="{{category.Config.Category}}" ng-repeat="category in categories" angular-html-bind="{{ category.Config.Category }}"></div>
</div>
</div>
</div> <!-- End .row -->
</div> <!-- End ConfigController --> </div> <!-- End ConfigController -->
</div> </div>