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:
parent
8d525ce733
commit
ff1d737c68
13 changed files with 49 additions and 37 deletions
|
@ -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.
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 →</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 →</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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue