user edit

bower.json

@@ -8,14 +8,13 @@
   "dependencies": {
     "angular": "1.4.x",
     "jquery": "2.1.x",
-    "angular-bootstrap": "0.11.x",
+    "angular-bootstrap": "^0.12",
     "angular-ui-router": "0.2.x",
     "bootstrap": "3.3.x",
     "less": "1.7.x",
     "luticate-utils": "https://git.rthoni.com/repos/luticate-front/utils.git",
-    "luticate-auth": "https://git.rthoni.com/repos/luticate-front/auth.git"
-  },
-  "resolutions": {
-    "angular": "1.4.x"
+    "luticate-auth": "https://git.rthoni.com/repos/luticate-front/auth.git",
+    "angular-dialog-service": "~5.2.8",
+    "ngSanitize": "~0.0.2"
   }
 }

luticate/app.js

@@ -7,7 +7,9 @@ var luticate = angular.module('luticate', [
     'ui.router',
     'luticateUtils',
     'luticateAuth',
-    'LocalStorageModule'
+    'LocalStorageModule',
+    'dialogs.main',
+    'ngSanitize'
 ]);
 
 luticate.config(['$stateProvider', '$urlRouterProvider', '$httpProvider',

luticate/controllers/directives/dialogokcancel.js

@@ -0,0 +1,55 @@
+/**
+ * Created by robin on 11/2/15.
+ */
+
+
+angular.module('luticate')
+    .directive('dialogOkCancel', [
+        function () {
+            return {
+                restrict: 'EA',
+                transclude: true,
+                templateUrl: 'views/directives/dialogokcancel.html',
+                link: function link($scope, element, attrs) {
+                    $scope.title = attrs.title;
+                    $scope.model = {};
+                    $scope.pending = false;
+                    $scope.__submit = function()
+                    {
+                        if ($scope.form.$valid) {
+                            $scope.pending = true;
+                            $scope.promise = $scope.submitForm();
+                            if ($scope.promise)
+                            {
+                                $scope.promise.then(function(data) {
+                                    if ($scope.onDone) {
+                                        $scope.onDone(data);
+                                    }
+                                    $scope.$dismiss();
+                                    $scope.pending = false;
+                                })
+                                    .catch(function(error)
+                                    {
+                                        if ($scope.onError) {
+                                            $scope.onError(error);
+                                        }
+                                        $scope.pending = false;
+                                    });
+                            }
+                            else {
+                                $scope.$dismiss();
+                                $scope.pending = false;
+                            }
+                        }
+                    };
+                    $scope.__cancel = function()
+                    {
+                        if ($scope.onCanceled) {
+                            $scope.onCanceled();
+                        }
+                        $scope.$dismiss();
+                        $scope.pending = false;
+                    };
+                }
+            };
+        }]);

luticate/controllers/modals/useredit.controller.js

@@ -0,0 +1,23 @@
+/**
+ * Created by robin on 11/2/15.
+ */
+
+angular.module('luticate')
+    .controller('UserEditController', ['$scope', 'luticateAuthUsers', 'data',
+        function($scope, luticateAuthUsers, data) {
+            $scope.user = data;
+            var promiseEditUser = {
+                id: "promiseEditUser",
+                loaderGroups: ["modal"]
+            };
+
+            $scope.submitForm = function()
+            {
+                return luticateAuthUsers.edit({
+                    user_id: $scope.user.Id,
+                    email: $scope.user.Email,
+                    firstname: $scope.user.Firstname,
+                    lastname: $scope.user.Lastname
+                }, promiseEditUser);
+            };
+        }]);

luticate/controllers/users.controller.js

@@ -1,6 +1,6 @@
 angular.module('luticate')
-    .controller('UsersController', ['$scope', '$state', 'luticateAuthUsers',
-        function($scope, $state, luticateAuthUsers) {
+    .controller('UsersController', ['$scope', '$state', 'luticateAuthUsers', 'dialogs',
+        function($scope, $state, luticateAuthUsers, dialogs) {
             $scope.page = 0;
             $scope.perPage = 15;
             $scope.users = [];
@@ -31,7 +31,12 @@ angular.module('luticate')
 
             $scope.displayUser = function(user)
             {
-                console.log(user);
+                dialogs.create('views/modals/useredit.html', 'UserEditController', user)
+                    .result.then(function (data) {
+                        console.log(data);
+                    }, function (error) {
+                        console.log(error);
+                    });
             };
 
             $scope.loadPage($scope.page);

luticate/css/app.less

@@ -46,4 +46,8 @@ footer {
 
 .pagination-not-current {
 
+}
+
+.modal-header {
+  font-weight: bold;
 }

luticate/index.html

@@ -20,6 +20,8 @@
     <script src="../bower_components/bootstrap/js/transition.js"></script>
     <script src="../bower_components/bootstrap/js/dropdown.js"></script>
     <script src="../bower_components/less/dist/less-1.7.4.js"></script>
+    <script src="../bower_components/angular-dialog-service/dist/dialogs.js"></script>
+    <script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
     <script src="../bower_components/luticate-utils/src/luticateutils.js"></script>
     <script src="../bower_components/luticate-utils/src/promises.js"></script>
     <script src="../bower_components/luticate-utils/src/request.js"></script>
@@ -40,9 +42,11 @@
     <script src="controllers/permissions.controller.js"></script>
 
     <!-- Modal Controller -->
+    <script src="controllers/modals/useredit.controller.js"></script>
 
     <!-- SDK -->
     <script src="../sdk/cache.js"></script>
+    <script src="controllers/directives/dialogokcancel.js"></script>
 
     <!-- Directives -->
 

luticate/views/directives/dialogokcancel.html

@@ -0,0 +1,19 @@
+<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">
+    <form name="form" class="form-horizontal" ng-submit="__submit()">
+        <div class="modal-header">{{ title }}</div>
+        <div class="modal-body" lu-busy="modal">
+            <div class="form-group">
+                <ng-transclude></ng-transclude>
+            </div>
+            <div class="clearfix"></div>
+            <!--<span class="error" ng-show="submitted">
+                <p class="error" ng-show="{{ e.show }}" ng-repeat="e in submittedErrors" ng-bind-template="{{ e.text | translate }}"></p>
+            </span>
+            <p class="error" ng-show="{{ e.show }}" ng-repeat="e in alwaysErrors" ng-bind-template="{{ e.text | translate }}"></p>-->
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>
+            <button type="submit" class="btn btn-default" ng-enabled="!pending" ng-click="submitted = true">OK</button>
+        </div>
+    </form>
+</div>

luticate/views/modals/useredit.html

@@ -0,0 +1,18 @@
+<dialog-ok-cancel title="Edit user {{ user.Username }}">
+    <div class="form-group">
+        <label for="username" class="col-sm-2 control-label">Username</label>
+        <div class="col-sm-9"><input id="username" class="form-control" ng-model="user.Username" readonly/></div>
+    </div>
+    <div class="form-group">
+        <label for="email" class="col-sm-2 control-label">Email</label>
+        <div class="col-sm-9"><input id="email" class="form-control" ng-model="user.Email" /></div>
+    </div>
+    <div class="form-group">
+        <label for="firstname" class="col-sm-2 control-label">Firstname</label>
+        <div class="col-sm-9"><input id="firstname" class="form-control" ng-model="user.Firstname" /></div>
+    </div>
+    <div class="form-group">
+        <label for="lastname" class="col-sm-2 control-label">Lastname</label>
+        <div class="col-sm-9"><input id="lastname" class="form-control" ng-model="user.Lastname" /></div>
+    </div>
+</dialog-ok-cancel>