Merge pull request #508 from iyilm4z/ft-mvc-change-password-page

Change Password Page Added for MVC

Author: ismcagdas

aspnet-core/src/AbpCompanyName.AbpProjectName.Application/Users/IUserAppService.cs

@@ -11,5 +11,7 @@ public interface IUserAppService : IAsyncCrudAppService<UserDto, long, PagedUser
         Task<ListResultDto<RoleDto>> GetRoles();
 
         Task ChangeLanguage(ChangeUserLanguageDto input);
+
+        Task<bool> ChangePassword(ChangePasswordDto input);
     }
 }

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/Controllers/UsersController.cs

@@ -40,5 +40,10 @@ public async Task<ActionResult> EditModal(long userId)
             };
             return PartialView("_EditModal", model);
         }
+
+        public ActionResult ChangePassword()
+        {
+            return View();
+        }
     }
 }

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/Views/Shared/Components/RightNavbarUserArea/Default.cshtml

@@ -4,6 +4,9 @@
         <img class="user-image img-circle elevation-2" src="~/libs/admin-lte/dist/img/avatar5.png" alt="User Image">
     </a>
     <div class="dropdown-menu dropdown-menu-right">
+        <a class="dropdown-item" asp-controller="Users" asp-action="ChangePassword">
+            <i class="fas fa-user-edit"></i> @L("UpdatePassword")
+        </a>
         <a class="dropdown-item" asp-controller="Account" asp-action="Logout">
             <i class="fas fa-sign-out-alt"></i> @L("Logout")
         </a>

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/Views/Users/ChangePassword.cshtml

@@ -0,0 +1,58 @@
+@using Abp.Authorization.Users
+@{
+    ViewBag.Title = L("UpdatePassword");
+}
+@section scripts
+{
+    <environment names="Development">
+        <script src="~/view-resources/Views/Users/ChangePassword.js" asp-append-version="true"></script>
+    </environment>
+
+    <environment names="Staging,Production">
+        <script src="~/view-resources/Views/Users/ChangePassword.min.js" asp-append-version="true"></script>
+    </environment>
+}
+<section class="content-header">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-sm-6">
+                <h1>@L("UpdatePassword")</h1>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="content">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-12">
+                <form id="ChangePassword" autocomplete="off" class="form-horizontal">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="form-group row required">
+                                <label class="col-md-3 col-form-label">@L("CurrentPassword")</label>
+                                <div class="col-md-9">
+                                    <input type="password" class="form-control" name="CurrentPassword" id="CurrentPassword" required maxlength="@AbpUserBase.MaxPlainPasswordLength">
+                                </div>
+                            </div>
+                            <div class="form-group row required">
+                                <label class="col-md-3 col-form-label">@L("Password")</label>
+                                <div class="col-md-9">
+                                    <input type="password" class="form-control" name="NewPassword" id="NewPassword" required maxlength="@AbpUserBase.MaxPlainPasswordLength">
+                                </div>
+                            </div>
+                            <div class="form-group row required">
+                                <label class="col-md-3 col-form-label">@L("ConfirmPassword")</label>
+                                <div class="col-md-9">
+                                    <input type="password" class="form-control" name="ConfirmNewPassword" id="ConfirmNewPassword" required maxlength="@AbpUserBase.MaxPlainPasswordLength">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-footer">
+                            <button type="submit" class="btn btn-primary save-button">@L("Save")</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</section>

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/bundleconfig.json

@@ -101,6 +101,12 @@
       "wwwroot/view-resources/Views/Users/Index.js"
     ]
   },
+  {
+    "outputFileName": "wwwroot/view-resources/Views/Users/ChangePassword.min.js",
+    "inputFiles": [
+      "wwwroot/view-resources/Views/Users/ChangePassword.js"
+    ]
+  },
   {
     "outputFileName": "wwwroot/view-resources/Views/Roles/Index.min.js",
     "inputFiles": [

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/view-resources/Views/Users/ChangePassword.js

@@ -0,0 +1,54 @@
+(function ($) {
+    var _userService = abp.services.app.user,
+        l = abp.localization.getSource('AbpProjectName'),
+        _$form = $('#ChangePassword');
+
+    $.validator.addMethod("regex", function (value, element, regexpr) {
+        return regexpr.test(value);
+    }, l("PasswordsMustBeAtLeast8CharactersContainLowercaseUppercaseNumber"));
+
+    _$form.validate({
+        rules: {
+            NewPassword: {
+                regex: /(?=^.{8,}$)(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?!.*\s)[0-9a-zA-Z!@#$%^&*()]*$/
+            },
+            ConfirmNewPassword: {
+                equalTo: "#NewPassword"
+            }
+        },
+        messages: {
+            ConfirmNewPassword: {
+                equalTo: l("PasswordsDoNotMatch")
+            }
+        }
+    });
+
+    function save() {
+        if (!_$form.valid()) {
+            return;
+        }
+
+        var changePasswordDto = _$form.serializeFormToObject();
+
+        abp.ui.setBusy(_$form);
+        var skipClearBusy = false;
+        _userService.changePassword(changePasswordDto).done(success => {
+            if (success) {
+                skipClearBusy = true;
+                abp.notify.info(l('SavedSuccessfully'));
+                setTimeout(() => {
+                    window.location.href = "/";
+                }, 1200);
+            }
+        }).always(function () {
+            if (!skipClearBusy) {
+                abp.ui.clearBusy(_$form);
+            }
+        });
+    }
+
+    _$form.submit(function (e) {
+        e.preventDefault();
+        save();
+    });
+})(jQuery);