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

40
gui/app/templates/components/document/sidebar-meta.hbs
View file

@ -1,28 +1,30 @@
<div class="document-meta">
<div class="title">VERSION</div>
{{#if (gt versions.length 0)}}
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
{{ui/ui-toolbar-label label=document.versionId color=constants.Color.Gray}}
{{#attach-popover class="ember-attacher-popper" hideOn="clickout" showOn="click" isShown=false}}
<div class="menu">
<li class="item header">Select version to view</li>
{{#each versions as |version|}}
<a class="item" href="#" {{action "onSelectVersion" version}}>{{version.versionId}}</a>
{{/each}}
</div>
{{/attach-popover}}
{{/ui/ui-toolbar}}
{{else}}
{{#if permissions.spaceManage}}
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
<div class="title">VERSION</div>
{{#if (gt versions.length 0)}}
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
{{ui/ui-toolbar-icon icon=constants.Icon.Plus color=constants.Color.Gray linkTo="document.settings"}}
{{ui/ui-toolbar-label label=document.versionId color=constants.Color.Gray}}
{{#attach-popover class="ember-attacher-popper" hideOn="clickout" showOn="click" isShown=false}}
<div class="menu">
<li class="item header">Select version to view</li>
{{#each versions as |version|}}
<a class="item" href="#" {{action "onSelectVersion" version}}>{{version.versionId}}</a>
{{/each}}
</div>
{{/attach-popover}}
{{/ui/ui-toolbar}}
{{else}}
<div class="empty">Not versioned</div>
{{#if permissions.spaceManage}}
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
{{ui/ui-toolbar-icon icon=constants.Icon.Plus color=constants.Color.Gray linkTo="document.settings"}}
{{/ui/ui-toolbar}}
{{else}}
<div class="empty">Not versioned</div>
{{/if}}
{{/if}}
{{/if}}
{{ui/ui-spacer size=200}}
{{ui/ui-spacer size=200}}
{{/if}}
<div class="title {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditStatus"}}>STATUS</div>
<div class="{{if (eq document.lifecycle constants.Lifecycle.Draft) "label-draft"}}

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>