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

Introduce modular UI framework

1. Modals wrapped
2. Toolbar icon actions: click and link-to navigation
3. Moved components into sub-folders
4. Replaced Bootstrap Tooltip and Dropdown libs with Ember specific add-ons

And more.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
Co-Authored-By: McMatts <matt@documize.com>
This commit is contained in:
Harvey Kandola 2018-12-11 18:00:08 +00:00
parent f140e7ef77
commit 6eb68f84e0
48 changed files with 330 additions and 240 deletions

View file

@ -0,0 +1,16 @@
<form {{action "forgot" on="submit"}}>
{{#if sayThanks}}
<div class="reset-thanks margin-bottom-30">Thanks. Check your email for instructions.</div>
{{else}}
<div class="form-group">
<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 font-weight-bold text-uppercase">Reset</button>
</div>
{{/if}}
<div class="mt-5">
{{#link-to "auth.login"}}Click here to sign in{{/link-to}}
</div>
</form>

View file

@ -0,0 +1,18 @@
<div class="login-form">
<form {{action "reset" on="submit"}}>
<div class="form-group">
<label>New Password</label>
{{focus-input type="password" value=password id="newPassword" autocomplete="new-password" class=(if hasPasswordError "form-control is-invalid" "form-control")}}
<small class="form-text text-muted">Choose a strong password</small>
</div>
<div class="form-group">
<label>Confirm Password</label>
{{input type="password" value=passwordConfirm id="passwordConfirm" autocomplete="new-password" class=(if hasConfirmError "form-control is-invalid" "form-control")}}
<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 font-weight-bold text-uppercase">Reset</button>
<span class="{{unless mustMatch "d-none"}} color-red-600 margin-left-20">Passwords must match</span>
</div>
</form>
</div>

View file

@ -0,0 +1,25 @@
<div class="view-profile">
<div class="form-group">
<label for="firstname">Firstname</label>
{{focus-input id="firstname" type="text" value=model.firstname class=(if hasFirstnameError "form-control is-invalid" "form-control")}}
</div>
<div class="form-group">
<label for="lastname">Lastname</label>
{{input id="lastname" type="text" value=model.lastname class=(if hasLastnameError "form-control is-invalid" "form-control")}}
</div>
<div class="form-group">
<label for="email">Email</label>
{{input id="email" type="email" value=model.email class=(if hasEmailError "form-control is-invalid" "form-control")}}
</div>
{{#if isAuthProviderDocumize}}
<div class="form-group">
<label for="password">Password</label>
{{input id="password" type="password" value=password.password class=(if hasPasswordError "form-control is-invalid" "form-control")}}
</div>
<div class="form-group">
<label for="confirmPassword">Confirm Password</label>
{{input id="confirmPassword" type="password" value=password.confirmation class=(if hasConfirmPasswordError "form-control is-invalid" "form-control")}}
</div>
{{/if}}
<div class="btn btn-success my-5" {{action "save"}}>Save</div>
</div>