Compare View
Commits (2)
Diff
Showing 2 changed files Side-by-side Diff
scripts/SettingsController.js
View file @
e91de4c
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 @
e91de4c
... | ... | @@ -10,36 +10,46 @@ |
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> | |
44 | - | |
45 | - | |
55 | + ng-click="changePassword(oldPassword, newPassword, confirmedNewPassword)">Change Password</a> |