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

Improve new user share space onboarding process

Browse source
This commit is contained in:
Harvey Kandola 2019-01-11 14:03:03 +00:00
parent 659eb99c0f
commit 60fbdfda11
8 changed files with 95 additions and 365 deletions
Download patch file Download diff file Expand all files Collapse all files

59
gui/app/templates/components/onboard/share-folder.hbs
View file

@ -1,40 +1,35 @@
<div class="onboarding-container">
<div class="sidebar">
<img class="logo img-responsive" src="/assets/img/logo-color.png">
<div class="stage-1">
<p>Let's set up your account</p>
<div class="form-group">
<label for="stage-1-firstname">Firstname</label>
<input id="stage-1-firstname" type="text" value="" class="form-control">
<small class="form-text text-muted">Nickname or otherwise</small>
</div>
<div class="form-group">
<label for="stage-1-lastname">Lastname</label>
<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>
{{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 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="stage-2">
<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">
<small class="form-text text-muted">Between 6 and 50 characters</small>
<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/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">
<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">
<small class="form-text text-muted">Re-type your chosen password</small>
</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">
<p>Please wait...</p>
<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/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">
<p class="wait">Please wait...</p>
</div>
</div>