From b244f501b65c9166a56116b441385a0de5409b22 Mon Sep 17 00:00:00 2001
From: schinken <schinken@hackerspace-bamberg.de>
Date: Wed, 30 Nov 2016 14:09:37 +0100
Subject: [PATCH] Introduce tabbed mode

---
 settings.js                                 |  4 ++++
 src/script/lib/controllers/index/index.html | 24 ++++++++++++++++-----
 src/script/lib/controllers/index/index.js   |  7 ++++++
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/settings.js b/settings.js
index f60fa9f..6457b41 100644
--- a/settings.js
+++ b/settings.js
@@ -22,6 +22,10 @@ var settings = {
         transaction: 'cash-register.ogg'
     },
 
+    index: {
+        tabbed: false
+    },
+
     /////////////////////////////////////////////////////////////////////////
     // payments
 
diff --git a/src/script/lib/controllers/index/index.html b/src/script/lib/controllers/index/index.html
index d914c11..68871d5 100644
--- a/src/script/lib/controllers/index/index.html
+++ b/src/script/lib/controllers/index/index.html
@@ -3,9 +3,22 @@
         <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
     </div>
 </div>
+
 <div class="row">
     <div class="col-xs-12">
-        <h3 translate>indexActiveUser</h3>
+        <ul class="nav nav-tabs" ng-if="mode.tabbed">
+            <li ng-class="{ 'active': mode.currentTab == 'active' }" ng-click="mode.currentTab = 'active'" >
+                <a translate>indexActiveUser</a>
+            </li>
+            <li ng-class="{ 'active': mode.currentTab == 'inactive' }" ng-click="mode.currentTab = 'inactive'">
+                <a translate>indexInactiveUser</a>
+            </li>
+        </ul>
+    </div>
+
+    <div class="col-xs-12" ng-if="mode.currentTab == 'active' || !mode.tabbed">
+        <h3 ng-hide="mode.tabbed" translate>indexActiveUser</h3>
+
         <ul class="user-list clearfix">
             <li ng-repeat="user in users | filter:isActiveUser | orderBy:'name' track by user.id"
                 ng-click="userClick(user.id)"
@@ -17,10 +30,10 @@ <h3 translate>indexActiveUser</h3>
             <li class="col-xs-2 panel panel-default create-user" ng-click="createUserClick()">+</li>
         </ul>
     </div>
-</div>
-<div class="row">
-    <div class="col-xs-12">
-        <h3 translate>indexInactiveUser</h3>
+
+    <div class="col-xs-12" ng-if="mode.currentTab == 'inactive' || !mode.tabbed">
+        <h3 ng-hide="mode.tabbed" translate>indexInactiveUser</h3>
+
         <ul class="user-list clearfix">
             <li ng-repeat="user in users | filter:isInactiveUser | orderBy:'name' track by user.id"
                 ng-click="userClick(user.id)"
@@ -32,4 +45,5 @@ <h3 translate>indexInactiveUser</h3>
             <li class="col-xs-2 panel panel-default create-user" ng-click="createUserClick()">+</li>
         </ul>
     </div>
+
 </div>
\ No newline at end of file
diff --git a/src/script/lib/controllers/index/index.js b/src/script/lib/controllers/index/index.js
index b36de58..d767194 100644
--- a/src/script/lib/controllers/index/index.js
+++ b/src/script/lib/controllers/index/index.js
@@ -27,6 +27,13 @@ angular
 
     .controller('IndexController', function ($scope, Location, User, Message) {
 
+        if (settings.index && settings.index.tabbed) {
+            $scope.mode = {
+                tabbed: true,
+                currentTab: 'active'
+            };
+        }
+
         $scope.userClick = function (userId) {
             Location.gotoUser(userId);
         };