1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

New look and feel for auth screens

This commit is contained in:
McMatts 2018-12-13 13:34:26 +00:00
parent 8d525ce733
commit ff1d737c68
13 changed files with 49 additions and 37 deletions

View file

@ -1,7 +1,6 @@
<div class="product-update">
<div class="update-status">
{{!-- appMeta.updateAvailable --}}
{{#if true}}
{{#if appMeta.updateAvailable }}
<a class="title" href="https://documize.com/downloads">Documize product update is available :)</a>
<p class="instructions">
To upgrade, replace existing binary and restart Documize. Migrate between Community and Enterprise editions seamlessly.

View file

@ -90,6 +90,12 @@
{{/attach-popover}}
</div>
</div>
{{else}}
{{#link-to "auth.login" class="login"}}
<i class={{concat "dicon " constants.Icon.Unlocked}}>
{{#attach-tooltip showDelay=1000}}Login{{/attach-tooltip}}
</i>
{{/link-to}}
{{/if}}
<a class="logo" href="https://documize.com?ref=app">
<img src="/assets/img/icon-white-64x64.png">
@ -118,7 +124,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}
</div>
</div>
</div>
@ -157,7 +163,7 @@
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}
</div>
</div>
</div>

View file

@ -19,13 +19,12 @@
<input id="stage-1-lastname" type="text" value="" class="form-control">
<small class="form-text text-muted">Usually not the same as your firstname</small>
</div>
<div class="form-group mt-5">
<div id="stage-1-next" class="btn btn-success">Next &rarr;</div>
</div>
{{ui/ui-spacer size=300}}
{{ui/ui-button id="stage-1-next" color=constants.Color.Green light=true icon=constants.Icon.ArrowRight label=constants.Label.Next}}
</div>
<div class="stage-2">
<h2>Password</h2>
<p>Let's set up your account</p>
<div class="form-group">
<label for="stage-2-password">Choose Password</label>
<input id="stage-2-password" type="password" value="" class="form-control">
@ -37,14 +36,12 @@
<input id="stage-2-password-confirm" type="password" value="" class="form-control">
<small class="form-text text-muted">Re-type your chosen password</small>
</div>
<div class="form-group mt-5">
<div id="stage-2-next" class="btn btn-success">Sign In &rarr;</div>
</div>
{{ui/ui-spacer size=300}}
{{ui/ui-button id="stage-2-next" color=constants.Color.Green light=true icon=constants.Icon.ArrowRight label=constants.Label.SignIn}}
</div>
<div class="stage-3">
<h1>Please Wait</h1>
<p>Signing you in...</p>
<p>Please wait...</p>
</div>
</div>

View file

@ -6,11 +6,8 @@
<label for="email">Email</label>
{{focus-input type="email" value=email id="email" class=(if hasEmptyEmailError "form-control is-invalid" "form-control")}}
</div>
<div class="mt-4">
<button type="submit" class="btn btn-success bold-700 text-uppercase">Reset</button>
</div>
{{ui/ui-button color=constants.Color.Yellow light=true label=constants.Label.Reset onClick=(action "forgot")}}
{{/if}}
<div class="mt-5">
{{#link-to "auth.login"}}Click here to sign in{{/link-to}}
</div>
{{ui/ui-spacer size=400}}
{{#link-to "auth.login"}}Click here to sign in{{/link-to}}
</form>

View file

@ -11,7 +11,7 @@
<small class="form-text text-muted">Please type your new password again</small>
</div>
<div class="margin-top-10 margin-bottom-20">
<button type="submit" class="btn btn-success bold-700 text-uppercase">Reset</button>
{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Reset onClick=(action "reset")}}
<span class="{{unless mustMatch "d-none"}} color-red-600 margin-left-20">Passwords must match</span>
</div>
</form>