fixed verify and forgot password views

This commit is contained in:
David Baldwynn 2016-08-25 18:35:59 -07:00
parent 0b95c0110b
commit 81537066c3
4 changed files with 63 additions and 48 deletions

View file

@ -21,6 +21,8 @@ angular.module('users').config(['$translateProvider', function ($translateProvid
SIGNIN_HEADER_TEXT: 'Sign in', SIGNIN_HEADER_TEXT: 'Sign in',
SIGNUP_ERROR_TEXT: 'Couldn\'t complete registration due to errors', SIGNUP_ERROR_TEXT: 'Couldn\'t complete registration due to errors',
ENTER_ACCOUNT_EMAIL: 'Enter your account email.',
RESEND_VERIFICATION_EMAIL: 'Resend Verification Email',
UPDATE_PROFILE_BTN: 'Update Profile', UPDATE_PROFILE_BTN: 'Update Profile',
PROFILE_SAVE_SUCCESS: 'Profile saved successfully', PROFILE_SAVE_SUCCESS: 'Profile saved successfully',

View file

@ -23,7 +23,6 @@
<div class="col-md-4 col-md-offset-4"> <div class="col-md-4 col-md-offset-4">
<div class="col-md-12 text-center" style="padding-bottom: 50px;"> <div class="col-md-12 text-center" style="padding-bottom: 50px;">
<img src="/static/modules/core/img/logo_white.svg" height="100px"> <img src="/static/modules/core/img/logo_white.svg" height="100px">
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<form class="signin form-horizontal" autocomplete="off"> <form class="signin form-horizontal" autocomplete="off">

View file

@ -1,22 +1,27 @@
<section class="auth row" data-ng-controller="PasswordController"> <section class="auth valign-wrapper" data-ng-controller="PasswordController">
<h3 class="col-md-12 text-center">{{ 'PASSWORD_RESTORE_HEADER' | translate }}</h3> <div class="row valign">
<p class="small text-center">{{ 'ENTER_YOUR_EMAIL' | translate }}</p> <div class="col-md-4 col-md-offset-4">
<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6"> <div class="col-md-12 text-center" style="padding-bottom: 50px;">
<form data-ng-submit="askForPasswordReset()" class="signin form-horizontal" autocomplete="off"> <img src="/static/modules/core/img/logo_white.svg" height="100px">
<fieldset> </div>
<div class="form-group"> <div class="col-md-12">
<input type="text" id="username" name="username" class="form-control" data-ng-model="credentials.username" placeholder="{{ 'USERNAME_LABEL' | translate }}"> <form data-ng-submit="askForPasswordReset()" autocomplete="off">
</div> <fieldset>
<div class="text-center form-group"> <div class="form-group">
<button type="submit" class="btn btn-primary">{{ 'UPDATE_PASSWORD_LABEL' | translate }}</button> <input type="text" id="username" name="username" class="form-control" data-ng-model="credentials.username" placeholder="{{ 'USERNAME_LABEL' | translate }}">
</div> </div>
<div data-ng-show="error" class="text-center text-danger"> <div class="text-center form-group">
<strong>{{error}}</strong> <button type="submit" class="btn btn-signup">{{ 'PASSWORD_RESTORE_HEADER' | translate }}</button>
</div> </div>
<div data-ng-show="success" class="text-center text-success"> <div data-ng-show="error" class="text-center text-danger">
<strong>{{success}}</strong> <strong>{{error}}</strong>
</div> </div>
</fieldset> <div data-ng-show="success" class="text-center text-success">
</form> <strong>{{success}}</strong>
</div>
</fieldset>
</form>
</div>
</div>
</div> </div>
</section> </section>

View file

@ -1,36 +1,45 @@
<section class="auth" data-ng-controller="VerifyController"> <section class="auth valign-wrapper" data-ng-controller="VerifyController">
<section ng-if="!isResetSent">
<h3 class="col-md-12 text-center">Resend your account verification email</h3> <section class="row valign" ng-if="!isResetSent">
<p class="small text-center">Enter your account email.</p> <div class="col-md-4 col-md-offset-4">
<div data-ng-show="error" class="text-center text-danger"> <div class="col-md-12 text-center" style="padding-bottom: 50px;">
<strong>{{error}}</strong> <img src="/static/modules/core/img/logo_white.svg" height="100px">
</div> </div>
<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6"> <div data-ng-show="error" class="text-center text-danger">
<form data-ng-submit="resendVerifyEmail()" class="signin form-horizontal" autocomplete="off"> <strong>{{error}}</strong>
<fieldset> </div>
<div class="form-group"> <div class="col-md-12">
<input type="text" id="email" name="email" class="form-control" data-ng-model="credentials.email" placeholder="bob@example.com"> <form data-ng-submit="resendVerifyEmail()" class="signin form-horizontal" autocomplete="off">
</div> <fieldset>
<div class="text-center form-group"> <div class="form-group">
<button type="submit" class="btn btn-primary" ng-click="resendVerifyEmail()">{{ 'SUBMIT_BTN' | translate }}</button> <input type="text" id="email" name="email" class="form-control" data-ng-model="credentials.email" placeholder="{{ 'ENTER_ACCOUNT_EMAIL' | translate}}">
</div> </div>
</fieldset> <div class="text-center form-group">
</form> <button type="submit" class="btn btn-signup" ng-click="resendVerifyEmail()">{{ 'RESEND_VERIFICATION_EMAIL' | translate }}</button>
</div>
</fieldset>
</form>
</div>
</div> </div>
</section> </section>
<section ng-if="isResetSent"> <section class="row valign" ng-if="isResetSent">
<h3 class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6 text-center">Verification Email has been Sent </h3> <div class="col-md-4 col-md-offset-4">
<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6"> <div class="col-md-12 text-center" style="padding-bottom: 50px;">
<h2> <img src="/static/modules/core/img/logo_white.svg" height="100px">
{{ 'VERIFICATION_EMAIL_SENT' | translate }} {{username}}. </div>
<br> {{ 'NOT_ACTIVATED_YET' | translate }} <h3 class="col-md-12 text-center">Verification Email has been Sent</h3>
</h2> <div class="col-md-12">
<p> {{ 'CHECK_YOUR_EMAIL' | translate }} <a href="mail:polydaic@gmail.com">polydaic@gmail.com</a></p> <h2>
<div class="text-center form-group"> {{ 'VERIFICATION_EMAIL_SENT' | translate }} {{username}}.
<br> {{ 'NOT_ACTIVATED_YET' | translate }}
</h2>
<p> {{ 'CHECK_YOUR_EMAIL' | translate }} <a href="mail:polydaic@gmail.com">polydaic@gmail.com</a></p>
<div class="text-center form-group">
<button type="submit" class="btn btn-large btn-primary"> <button type="submit" class="btn btn-large btn-primary">
<a href="/#!/" style="color:white;">Continue</a> <a href="/#!/" style="color:white;">Continue</a>
</button> </button>
</div>
</div> </div>
</div> </div>
</section> </section>