Add a form for changing the password and prompt the user to do so when there is no password on the account.

static/css/quay.css

@@ -137,11 +137,11 @@
   margin-left: 0px;
 }
 
-.form-signup input.ng-invalid.ng-dirty {
+form input.ng-invalid.ng-dirty {
   background-color: #FDD7D9;
 }
 
-.form-signup input.ng-valid.ng-dirty {
+form input.ng-valid.ng-dirty {
   background-color: #DDFFEE;
 }
 
@@ -689,6 +689,11 @@ p.editable:hover i {
   margin-bottom: 10px;
 }
 
+.user-admin .form-change-pw input {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
 #image-history-container .node circle {
   cursor: pointer;
   fill: #fff;

static/js/app.js

@@ -5,7 +5,8 @@ quayApp = angular.module('quay', ['restangular', 'angularMoment', 'angulartics',
         verified: false,
         anonymous: true,
         username: null,
-        email: null
+        email: null,
+        askForPassword: false,
       }
 
       var userService = {}

static/js/controllers.js

@@ -456,9 +456,13 @@ function RepoAdminCtrl($scope, Restangular, $routeParams, $rootScope) {
   });
 }
 
-function UserAdminCtrl($scope, Restangular, PlanService, KeyService, $routeParams) {
+function UserAdminCtrl($scope, $timeout, Restangular, PlanService, UserService, KeyService, $routeParams) {
   $scope.plans = PlanService.planList();
 
+  $scope.$watch(function () { return UserService.currentUser(); }, function (currentUser) {
+    $scope.askForPassword = currentUser.askForPassword;
+  }, true);
+
   var subscribedToPlan = function(sub) {
     $scope.subscription = sub;
     $scope.subscribedPlan = PlanService.getPlan(sub.plan);
@@ -545,4 +549,28 @@ function UserAdminCtrl($scope, Restangular, PlanService, KeyService, $routeParam
       $scope.subscribe(requested);
     }
   }
+
+  $scope.updatingUser = false;
+  $scope.changePasswordSuccess = false;
+  $('.form-change-pw').popover();
+
+  $scope.changePassword = function() {
+    $('.form-change-pw').popover('hide');
+    $scope.updatingUser = true;
+    $scope.changePasswordSuccess = false;
+    var changePasswordPost = Restangular.one('user/');
+    changePasswordPost.customPUT($scope.user).then(function() {
+      $scope.updatingUser = false;
+      $scope.changePasswordSuccess = true;
+
+      UserService.load();
+    }, function(result) {
+      $scope.updatingUser = false;
+
+      $scope.changePasswordError = result.data.message;
+      $timeout(function() {
+        $('.form-change-pw').popover('show');
+      });
+    });
+  };
 }

static/partials/user-admin.html

@@ -7,6 +7,11 @@
       <div class="alert alert-danger">{{ errorMessage }}</div>
     </div>
   </div>
+  <div class="row" ng-show="askForPassword">
+    <div class="col-md-12">
+      <div class="alert alert-warning">Your account does not currently have a password. You will need to create a password before you will be able to <strong>push</strong> or <strong>pull</strong> repositories.</div>
+    </div>
+  </div>
   <div class="row" ng-hide="planLoading">
     <div class="col-md-3" ng-repeat='plan in plans'>
       <div class="panel" ng-class="{'panel-success': subscription.plan == plan.stripeId, 'panel-default': subscription.plan != plan.stripeId}">
@@ -52,4 +57,24 @@
       </div>
     </div>
   </div>
+  <div class="row">
+    <div class="loading" ng-show="updatingUser">
+      <i class="icon-spinner icon-spin icon-3x"></i>
+    </div>
+    <div class="col-md-3">
+      <div class="panel panel-default">
+        <div class="panel-heading">
+          Change Password
+        </div>
+        <div class="panel-body">
+          <form class="form-change-pw" name="changePasswordForm" ng-submit="changePassword()" data-trigger="manual" data-content="{{ changePasswordError }}" data-placement="right" ng-show="!awaitingConfirmation && !registering">
+            <input type="password" class="form-control" placeholder="Your new password" ng-model="user.password" required>
+            <input type="password" class="form-control" placeholder="Verify your new password" ng-model="user.repeatePassword" match="user.password" required>
+            <button class="btn btn-danger" ng-disabled="changePasswordForm.$invalid" type="submit" analytics-on analytics-event="register">Change Password</button>
+            <span class="help-block" ng-show="changePasswordSuccess">Password changed successfully</span>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>