Start conversion of the user admin/view

2015-04-02 16:34:41 -04:00 · 2015-04-02 16:34:41 -04:00 · f67eeee8c8
commit f67eeee8c8
parent bcd8a48159
20 changed files with 804 additions and 14 deletions
--- a/static/js/pages/user-view.js
+++ b/static/js/pages/user-view.js
@ -0,0 +1,113 @@
+(function() {
+  /**
+   * Page that displays details about an user.
+   */
+  angular.module('quayPages').config(['pages', function(pages) {
+    pages.create('user-view', 'user-view.html', UserViewCtrl, {
+      'newLayout': true,
+      'title': 'User {{ user.username }}',
+      'description': 'User {{ user.username }}'
+    }, ['layout'])
+  }]);
+
+  function UserViewCtrl($scope, $routeParams, $timeout, ApiService, UserService, UIService, AvatarService) {
+    var username = $routeParams.username;
+
+    $scope.showInvoicesCounter = 0;
+    $scope.showAppsCounter = 0;
+    $scope.changeEmailInfo = {};
+    $scope.changePasswordInfo = {};
+
+    UserService.updateUserIn($scope);
+
+    var loadRepositories = function() {
+      var options = {
+        'public': false,
+        'private': true,
+        'sort': true,
+        'namespace': username,
+      };
+
+      $scope.repositoriesResource = ApiService.listReposAsResource().withOptions(options).get(function(resp) {
+        return resp.repositories;
+      });
+    };
+
+    var loadUser = function() {
+      $scope.userResource = ApiService.getUserInformationAsResource({'username': username}).get(function(user) {
+        $scope.user = user;
+
+        // Load the repositories.
+        $timeout(function() {
+          loadRepositories();
+        }, 10);
+      });
+    };
+
+    // Load the user.
+    loadUser();
+
+    $scope.showInvoices = function() {
+      $scope.showInvoicesCounter++;
+    };
+
+    $scope.showApplications = function() {
+      $scope.showAppsCounter++;
+    };
+
+    $scope.changePassword = function() {
+      UIService.hidePopover('#changePasswordForm');
+      $scope.changePasswordInfo.state = 'changing';
+
+      var data = {
+        'password': $scope.changePasswordInfo.password
+      };
+
+      ApiService.changeUserDetails(data).then(function(resp) {
+        $scope.changePasswordInfo.state = 'changed';
+
+        // Reset the form
+        delete $scope.changePasswordInfo['password']
+        delete $scope.changePasswordInfo['repeatPassword']
+
+        // Reload the user.
+        UserService.load();
+      }, function(result) {
+        $scope.changePasswordInfo.state = 'change-error';
+        UIService.showFormError('#changePasswordForm', result);
+      });
+    };
+
+    $scope.generateClientToken = function() {
+      var generateToken = function(password) {
+        var data = {
+          'password': password
+        };
+
+        ApiService.generateUserClientKey(data).then(function(resp) {
+          $scope.generatedClientToken = resp['key'];
+          $('#clientTokenModal').modal({});
+        }, ApiService.errorDisplay('Could not generate token'));
+      };
+
+      UIService.showPasswordDialog('Enter your password to generated an encrypted version:', generateToken);
+    };
+
+    $scope.changeEmail = function() {
+      UIService.hidePopover('#changeEmailForm');
+
+      var details = {
+        'email': $scope.changeEmailInfo.email
+      };
+
+      $scope.changeEmailInfo.state = 'sending';
+      ApiService.changeUserDetails(details).then(function() {
+        $scope.changeEmailInfo.state = 'sent';
+        delete $scope.changeEmailInfo['email'];
+      }, function(result) {
+        $scope.changeEmailInfo.state = 'send-error';
+        UIService.showFormError('#changeEmailForm', result);
+      });
+    };
+  }
+})();