Commit 5ed56054adfc0cabf81e0b9bdda4e4e0fe108e8c

Authored by Laura Hawkins
1 parent aeb0676a5c

password change working

Showing 2 changed files with 46 additions and 13 deletions Side-by-side Diff

scripts/SettingsController.js View file @ 5ed5605
1 1 angular.module('flashy.SettingsController', ['ui.router']).
2 2  
3 3 controller('SettingsController', function($scope, $http) {
  4 + $scope.error = false;
  5 + $scope.success = false;
  6 + $scope.mismatch = false;
  7 + $scope.unacceptable = false;
  8 +
4 9 $scope.changePassword = function(oldPassword, newPassword, confirmedNewPassword) {
  10 + console.log('in change password');
  11 +
  12 + $http.patch('/api/me/', {
  13 + 'old_password': oldPassword,
  14 + 'new_password': newPassword
  15 + }).
  16 + success(function(data) {
  17 +
  18 + console.log('password successfully changes');
  19 +
  20 + }).
  21 + error(function(data) {
  22 + console.log('not changed');
  23 + });
5 24  
6   - };
7   - console.log('checking to see if chrome');
  25 +
  26 + };
  27 +
  28 +
  29 +
  30 + console.log('checking to see if chrome');
8 31 if (!chrome) {
9 32 return;
10 33 }
templates/settings.html View file @ 5ed5605
... ... @@ -10,35 +10,47 @@
10 10 <h2>Change Password</h2>
11 11  
12 12 <div class="row">
13   - <form class="col s12">
  13 + <form class="col s12" name="ChangePasswordForm">
14 14  
15 15 <div class="row">
16 16 <div class="input-field col s12">
17   - <input id="password" type="password" ng-model="oldPassword" class="validate">
  17 + <input id="password" required type="password" name="oldpw" ng-model="oldPassword" class="validate">
18 18 <label for="password">Old Password</label>
19 19 </div>
20 20 </div>
21 21  
  22 + <div role="alert">
  23 + <span class="error" ng-show="ChangePasswordForm.oldpw.$error.required">
  24 + Required!</span>
  25 + </div>
  26 +
  27 +
22 28 <div class="row">
23 29 <div class="input-field col s12">
24   - <input id="password" type="password" ng-model="newPassword" class="validate">
  30 + <input id="password" required ng-minlength=8 type="password" name="newpw" ng-model="newPassword" class="validate">
25 31 <label for="password">New Password</label>
26 32 </div>
27 33 </div>
  34 +
  35 + <div role="alert">
  36 + <span class="error" ng-show="ChangePasswordForm.newpw.$error.minlength">
  37 + New password must be at least 8 characters. </span>
  38 + </div>
28 39  
29 40 <div class="row">
30 41 <div class="input-field col s12">
31   - <input id="password" type="password" ng-model="confirmedNewPassword" class="validate">
  42 + <input id="password" required ng-minlength=8 compare-to="newpw" type="password" name="confirmpw" ng-model="confirmedNewPassword" class="validate">
32 43 <label for="password">Confirm New Password</label>
33 44 </div>
34 45 </div>
  46 +
  47 + <div role="alert">
  48 + <span class="error" ng-show="ChangePasswordForm.confirm.$error.minlength">
  49 + Must be the same as the new password. </span>
  50 + </div>
35 51  
36 52  
37 53 </form>
38   -
39 54 <a class="waves-effect waves-light btn" id="resetPWButton"
40   - ng-click="changePassword(oldPassword, newPassword, confirmedNewPassword)">Reset Password</a>
41   -
42   - </div>
43   -</div>
  55 + ng-click="changePassword(oldPassword, newPassword, confirmedNewPassword)">Change Password</a>