Add password reset feature in login view

This commit is contained in:
Johannes Zellner
2020-02-04 15:27:35 +01:00
parent 1b0c5f8771
commit a50fa9bcf4
2 changed files with 49 additions and 2 deletions
+33 -2
View File
@@ -42,13 +42,14 @@
<div class="layout-root">
<div class="layout-content">
<div class="layout-content" ng-hide="passwordReset">
<div class="card" style="padding: 20px; margin-top: 100px; max-width: 620px;">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<img width="128" height="128" style="margin-top: -84px" src="<%= apiOrigin %>/api/v1/cloudron/avatar"/>
<br/>
<h2>Cloudron Login</h2>
<h2 ng-show="passwordReset">Password Reset</h2>
</div>
</div>
<br/>
@@ -74,7 +75,37 @@
</div>
<input class="btn btn-primary btn-outline pull-right" type="submit" value="Sign in" ng-disabled="loginForm.$invalid"/>
</form>
<a href="/api/v1/session/password/resetRequest.html">Reset password</a>
<a ng-href="" class="hand" ng-click="showPasswordReset()">Reset password</a>
</div>
</div>
</div>
</div>
<div class="layout-content" ng-show="passwordReset">
<div class="card" style="padding: 20px; margin-top: 100px; max-width: 620px;">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<img width="128" height="128" style="margin-top: -84px" src="<%= apiOrigin %>/api/v1/cloudron/avatar"/>
<br/>
<h2>Password Reset</h2>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12">
<h4 class="has-error" ng-show="error">Invalid Credentials</h4>
</div>
</div>
<div class="row">
<div class="col-md-12">
<form name="passwordResetForm" ng-submit="onPasswordReset()">
<div class="form-group">
<label class="control-label" for="inputPasswordResetIdentifier">Username or Email</label>
<input type="text" class="form-control" id="inputPasswordResetIdentifier" name="passwordResetIdentifier" ng-model="passwordResetIdentifier" autofocus required>
</div>
<input class="btn btn-primary btn-outline pull-right" type="submit" value="Reset" ng-disabled="passwordResetForm.$invalid"/>
</form>
<a ng-href="" class="hand" ng-click="showLogin()">Back to login</a>
</div>
</div>
</div>