Fixes kiswa#156. Options now save, and are used for displaying 'Assigned To'.

Author: kiswa

api/userRoutes.php

@@ -157,6 +157,22 @@
     $app->response->setBody($jsonResponse->asJson());
 });
 
+$app->post('/users/current/options', function() use ($app, $jsonResponse) {
+    $data = json_decode($app->environment['slim.input']);
+
+    if (validateToken()) {
+        $user = getUser();
+
+        $user->ownOption[1]->tasksOrder = $data->tasksOrder;
+        $user->ownOption[1]->showAssignee = $data->showAssignee;
+        $user->ownOption[1]->showAnimations = $data->showAnimations;
+        R::store($user);
+
+        $jsonResponse->data = $data;
+    }
+    $app->response->setBody($jsonResponse->asJson());
+});
+
 // Get all users
 $app->get('/users', function() use($app, $jsonResponse) {
     if (validateToken()) {

js/controllers/settings.js

@@ -21,14 +21,29 @@ function ($scope, UserService, AlertService) {
         UserService.currentUser()
         .success(function(data) {
             $scope.currentUser = data.data;
+            loadOptionsData(data.data);
             $scope.loadingCurrentUser = false;
-            $scope.currentUser.options.tasksOrder = parseInt(data.data.options.tasksOrder);
-            $scope.currentUser.options.showAnimations = data.data.options.showAnimations === "1";
-            $scope.currentUser.options.showAssignee = data.data.options.showAssignee === "1";
         });
     };
     $scope.loadCurrentUser();
 
+    loadOptionsData = function (data) {
+        $scope.currentUser.options.tasksOrder = parseInt(data.options.tasksOrder);
+        $scope.currentUser.options.showAnimations = typeof data.options.showAnimations === "string" ?
+            data.options.showAnimations === "1" : data.options.showAnimations;
+        $scope.currentUser.options.showAssignee = typeof data.options.showAssignee === "string" ?
+            data.options.showAssignee === "1" : data.options.showAssignee;
+    };
+
+    $scope.saveOptions = function() {
+        UserService.saveOptions($scope.currentUser.options.tasksOrder,
+            $scope.currentUser.options.showAnimations,
+            $scope.currentUser.options.showAssignee)
+        .success(function(data) {
+            loadOptionsData({options: data.data});
+        });
+    };
+
     $scope.updateBoardsList = function(data) {
         if (undefined === data) {
             return;

js/services/user.js

@@ -6,6 +6,14 @@ function($http) {
             return $http.get('api/users/current');
         },
 
+        saveOptions: function(tasksOrder, showAnimations, showAssignee) {
+            return $http.post('api/users/current/options', {
+                tasksOrder: tasksOrder,
+                showAnimations: showAnimations,
+                showAssignee: showAssignee
+            });
+        },
+
         logIn: function(username, password, rememberme) {
             return $http.post('api/login', {
                 username: username,

partials/board.html

@@ -65,8 +65,10 @@ <h4>{{ item.title }}</h4>
                         </div>
                         <div class="description" data-ng-bind-html="marked(item.description)"></div>
                         <p class="assignee">
-                            <span data-ng-if="userNames[item.assignee]">Assigned To: </span>
-                            {{ userNames[item.assignee] }}
+                            <span data-ng-show="currentUser.options.showAssignee === '1'">
+                                <span data-ng-if="userNames[item.assignee]">Assigned To: </span>
+                                {{ userNames[item.assignee] }}
+                            </span>
                             <span class="pull-right">
                                 <span data-ng-if="item.ownComment" class="fa fa-comments-o"
                                       title="{{ item.ownComment.length }} Comments"></span>

partials/settingsBoardUserOptions.html

@@ -2,14 +2,19 @@
     <h4>My Board Options</h4>
     <p class="form-group form-inline">New tasks appear at
         <select class="form-control" data-ng-model="currentUser.options.tasksOrder"
-            data-ng-options="option.id as option.text for option in userOptions.tasksAt">
+            data-ng-options="option.id as option.text for option in userOptions.tasksAt"
+            data-ng-change="saveOptions()">
         </select>
     </p>
     <p class="form-group form-inline">
-        Show animations? <input type="checkbox" data-ng-model="currentUser.options.showAnimations">
+        Show animations?
+        <input type="checkbox" data-ng-model="currentUser.options.showAnimations"
+            data-ng-change="saveOptions()">
     </p>
     <p class="form-group form-inline">
-        Show Assignee on item card? <input type="checkbox" data-ng-model="currentUser.options.showAssignee">
+        Show Assignee on item card?
+        <input type="checkbox" data-ng-model="currentUser.options.showAssignee"
+            data-ng-change="saveOptions()">
     </p>
     <hr>
 </div>