1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-26 00:29:47 +02:00
documize/gui/app/templates/components/onboard/share-folder.hbs
Harvey Kandola 62c3cd03ad [WIP] Improve master layout for different devices + product growth
We have two pressing needs:

1. Improve experience on real estate challenged devices.
2. Make room for product feature-set growth.

To hit these targets, we need to develop better UX through smarter on-screen space management.
2019-05-20 10:39:48 +01:00

35 lines
1.4 KiB
Handlebars

<div class="onboarding-container">
<div class="stage-1">
<div class="form-group">
<label for="stage-1-firstname">First name</label>
<input id="stage-1-firstname" type="text" value="" class="form-control form-control-lg">
</div>
<div class="form-group">
<label for="stage-1-lastname">Last name</label>
<input id="stage-1-lastname" type="text" value="" class="form-control form-control-lg">
</div>
<Ui::UiSpacer @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">
<div class="form-group">
<label for="stage-2-password">Choose Password</label>
<input id="stage-2-password" type="password" value="" class="form-control form-control-lg">
<small class="form-text text-muted">Between 6 and 50 characters</small>
</div>
<div class="form-group">
<label for="stage-2-password-confirm">Confirm Password</label>
<input id="stage-2-password-confirm" type="password" value="" class="form-control form-control-lg">
<small class="form-text text-muted">Re-type your chosen password</small>
</div>
<Ui::UiSpacer @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">
<p class="wait">Please wait...</p>
</div>
</div>