mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
[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.
This commit is contained in:
Harvey Kandola
parent
bce1c1b166
commit
62c3cd03ad
51 changed files with 433 additions and 525 deletions
|
|
@ -26,7 +26,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
{{#if isKeycloakProvider}}
|
||||
<div class="form-group">
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
</small>
|
||||
</div>
|
||||
</div>
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
<div class="change-log">
|
||||
{{{changelog}}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
{{ui/ui-button color=constants.Color.Yellow light=true label="Upgrade"}}
|
||||
</a>
|
||||
{{/if}}
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
|
||||
<form>
|
||||
<div class="form-group">
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
|
||||
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
|
||||
{{#if (eq appMeta.location "cloud")}}
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
<div class="view-customize">
|
||||
<div class="deactivation-zone">
|
||||
<p>Let us know if you would like to close your account or cancel your subscription.</p>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{{#if spaces}}
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true icon=constants.Icon.Export label="Export All Content" onClick=(action "onExport")}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="view-customize">
|
||||
<ul class="space-list">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</div>
|
||||
<div class="desc">Some description that is to be wired up to the backend</div>
|
||||
{{/link-to}}
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.AddUser color=constants.Color.Green tooltip="Add myself as owner" onClick=(action "onOwner" space.id)}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Delete color=constants.Color.Red tooltip="Delete space" onClick=(action "onShow" space.id)}}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
label=constants.Label.Add
|
||||
onClick=(action "onShowAddModal")}}
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<ul class="space-labels">
|
||||
{{#each labels as |label|}}
|
||||
|
|
@ -75,4 +75,4 @@
|
|||
|
||||
{{#ui/ui-dialog title="Delete Label" confirmCaption="Delete" buttonColor=constants.Color.Red show=showDeleteDialog onAction=(action "onDelete")}}
|
||||
<p>Are you sure you want to delete the label <b>{{deleteLabel.name}}?</b></p>
|
||||
{{/ui/ui-dialog}}
|
||||
{{/ui/ui-dialog}}
|
||||
|
|
|
|||
|
|
@ -21,9 +21,9 @@
|
|||
{{input id="newUserEmail" type="email" class="form-control" placeholder="Email" value=newUser.email}}
|
||||
</div>
|
||||
</div>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{ui/ui-button color=constants.Color.Green icon=constants.Icon.Person light=true label=constants.Label.Add onClick=(action "onAddUser")}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
</form>
|
||||
<form onsubmit={{action "onAddUser"}}>
|
||||
<div class="form-group">
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="groups-list">
|
||||
{{#each groups as |group|}}
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
{{group.name}} ({{group.members}})
|
||||
</div>
|
||||
<div class="desc">{{group.purpose}}</div>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.AddUser color=constants.Color.Gray tooltip="Add members" onClick=(action "onShowAddMemberModal" group.id)}}
|
||||
{{#if (gt group.members 0)}}
|
||||
|
|
@ -146,7 +146,7 @@
|
|||
{{ui/ui-toolbar-label color=constants.Color.Gray label="ALL" selected=(eq userLimit 99999) onClick=(action "onLimit" 99999)}}
|
||||
{{/ui/ui-toolbar}}
|
||||
</div>
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
<div class="group-users-members">
|
||||
{{#each users as |user|}}
|
||||
<div class="item">
|
||||
|
|
@ -169,4 +169,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="view-customize">
|
||||
{{#if isAuthProviderKeycloak}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
{{#if syncInProgress}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Locked label="Keycloak user sync running..."}}
|
||||
{{else}}
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
{{/if}}
|
||||
|
||||
{{#if (or isAuthProviderLDAP c)}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
{{#if syncInProgress}}
|
||||
{{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Locked label="LDAP user sync running..."}}
|
||||
{{else}}
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
<div class="explain-user-perms">
|
||||
<div class="title" {{action "togglePerms"}}>
|
||||
Permissions Explained
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<div class="perm-desc">Can login and use Documize</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" class="form-control" placeholder="filter users" value=filter key-up=(action "onFilterChange")}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="document-meta">
|
||||
<div class="title {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditCategory"}}>CATEGORY / TAG</div>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@
|
|||
<label>Destination Document</label>
|
||||
{{focus-input type="text" value=docSearchFilter class="form-control" placeholder="a OR b, x AND y, 'phrase mat*'"}}
|
||||
</div>
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
<div class="document-copy-move">
|
||||
{{#if emptySearch}}
|
||||
<p>No matching documents found.</p>
|
||||
|
|
@ -191,4 +191,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{{#if editMode}}
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{ui/ui-button color=constants.Color.Gray label=uploadLabel id=uploadId}}
|
||||
{{/if}}
|
||||
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
|
||||
<div class="form">
|
||||
<p>Are you sure you want to delete this file?</p>
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{ui/ui-button
|
||||
light=false
|
||||
label=constants.Label.Delete
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
{{/ui/ui-toolbar-icon}}
|
||||
{{/ui/ui-toolbar}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
{{#if categories}}
|
||||
{{ui/ui-list-picker items=categories nameField="category" singleSelect=false}}
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
{{ui/ui-button
|
||||
color=constants.Color.Green
|
||||
|
|
|
|||
|
|
@ -12,10 +12,10 @@
|
|||
</div>
|
||||
{{input type="text" id=(concat "add-tag-field-" tag.number) class="form-control mousetrap tag-input" placeholder="Tag name" value=tag.value}}
|
||||
</div>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{/each}}
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
{{ui/ui-button
|
||||
color=constants.Color.Green
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<div class="title center">attachments</div>
|
||||
{{#if canEdit}}
|
||||
<div class="text-center">
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{ui/ui-button color=constants.Color.Gray label="Upload" id="upload-document-files"}}
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
|
||||
<div class="form">
|
||||
<p>Are you sure you want to delete this file?</p>
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{ui/ui-button
|
||||
light=false
|
||||
label=constants.Label.Delete
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{{ui/ui-button light=true color=constants.Color.Yellow uppercase=false
|
||||
icon=constants.Icon.ArrowLeft label=space.name stretch=true truncate=true}}
|
||||
{{/link-to}}
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
|
||||
<div class="title">VERSION</div>
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{/if}}
|
||||
|
||||
<div class="title {{if permissions.documentEdit "cursor-pointer"}}" {{action "onEditStatus"}}>STATUS</div>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{/if}}
|
||||
|
||||
<div class="document-sidebar-toc">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{{#if hasPages}}
|
||||
{{#each pages key="id" as |item|}}
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
{{document/document-page
|
||||
roles=roles
|
||||
pages=pages
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
onMovePage=(action "onMovePage")
|
||||
onDeletePage=(action "onDeletePage")
|
||||
onSavePageAsBlock=(action "onSavePageAsBlock")
|
||||
onPageLevelChange=(action onPageLevelChange)
|
||||
onPageLevelChange=(action onPageLevelChange)
|
||||
onPageSequenceChange=(action onPageSequenceChange)
|
||||
onShowSectionWizard=(action "onShowSectionWizard")}}
|
||||
{{/each}}
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
<div class="thanks">Thanks for the feedback!</div>
|
||||
{{else}}
|
||||
<div class="prompt">{{folder.likes}}</div>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
<div class="buttons">
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true label="Yes, thanks!" onClick=(action "onVote" 1)}}
|
||||
{{ui/ui-button-gap}}
|
||||
|
|
@ -64,4 +64,4 @@
|
|||
show=showInsertSectionModal
|
||||
beforePage=newSectionLocation
|
||||
onInsertSection=(action onInsertSection)}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
{{#if hasDiff}}
|
||||
<h1>{{revision.title}}</h1>
|
||||
<h2>Changed by {{revision.firstname}} {{revision.lastname}}</h2>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
<div class="diff-zone wysiwyg">
|
||||
{{{diff}}}
|
||||
</div>
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
</div>
|
||||
|
||||
{{#if canRollback}}
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
{{ui/ui-button color=constants.Color.Red icon=constants.Icon.TimeBack light=true label=constants.Label.Restore onClick=(action "onShowModal")}}
|
||||
{{/if}}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
{{ui/ui-toolbar-icon icon=constants.Icon.All color=constants.Color.Gray tooltip="Comfort"
|
||||
selected=(eq viewDensity "2") onClick=(action "onSwitchView" "2")}}
|
||||
{{ui/ui-toolbar-label label="—" color=constants.Color.Gray tooltip="Compact"
|
||||
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
|
||||
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
|
||||
{{/ui/ui-toolbar}}
|
||||
|
||||
{{#ui/ui-button
|
||||
|
|
@ -16,11 +16,11 @@
|
|||
uppercase=false
|
||||
color=constants.Color.Gray
|
||||
label=constants.Label.Sort}}
|
||||
|
||||
|
||||
{{#attach-popover class="ember-attacher-popper" hideOn="click" showOn="click" isShown=false placement="bottom-end" as |attacher|}}
|
||||
<i class="dicon {{constants.Icon.Cross}} closer" {{action attacher.hide}}/>
|
||||
<div class="container">
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
|
||||
<div class="text-center">
|
||||
<ul class="ui-option-picker ui-option-picker-horiz">
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
|
||||
<div class="text-center">
|
||||
<ul class="ui-option-picker ui-option-picker-horiz">
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
{{ui/ui-button
|
||||
light=true
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
{{/ui/ui-button}}
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
<ul class="documents">
|
||||
{{#each documents key="id" as |document|}}
|
||||
|
|
@ -129,4 +129,4 @@
|
|||
|
||||
{{#if showLockout}}
|
||||
{{ui/empty-state icon=constants.Icon.Preview message="Space permissions are preventing you from viewing and creating documents"}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
|
||||
<div class="space-admin">
|
||||
<div class="categories">
|
||||
|
|
@ -98,4 +98,4 @@
|
|||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/ui/ui-dialog}}
|
||||
{{/ui/ui-dialog}}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="perm-desc">Manage and delete space</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
<div class="title" {{action "toggleDocumentPerms"}}>
|
||||
Document Permissions Explained
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="text-center">
|
||||
{{ui/ui-button color=constants.Color.Gray light=true icon=constants.Icon.Person
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
onClick=(action "onShowInviteModal")}}
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="space-admin table-responsive">
|
||||
<table class="table table-hover permission-table">
|
||||
|
|
@ -139,7 +139,7 @@
|
|||
</table>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
{{ui/ui-button color=constants.Color.Green light=true icon=constants.Icon.Locked
|
||||
label=constants.Label.Save onClick=(action "onSave")}}
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
<div class="modal-header">Add users to this space</div>
|
||||
<div class="modal-body">
|
||||
{{input id="user-search" type="text" class="form-control mousetrap" placeholder="Search for users by firstname, lastname, email" value=searchText key-up=(action "onSearch")}}
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
<div class="space-admin">
|
||||
<div class="add-users">
|
||||
{{#each filteredUsers as |user|}}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div class="title">filter</div>
|
||||
<div class="list">
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
<div class="title">category</div>
|
||||
<div class="list">
|
||||
|
|
|
|||
|
|
@ -18,4 +18,4 @@
|
|||
{{layout/page-desc desc=desc}}
|
||||
</div>
|
||||
</div>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="master-content">
|
||||
{{yield}}
|
||||
</div>
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
|
|
|||
|
|
@ -1,54 +1,60 @@
|
|||
<div class="master-navbar">
|
||||
<div class="nav-content">
|
||||
<div class="nav-options">
|
||||
<div class="navbar">
|
||||
<div class="container">
|
||||
<div class="options">
|
||||
{{#unless hideNavigation}}
|
||||
{{#link-to "folders" class=(if (eq selectedItem "spaces") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.Grid}}></i>
|
||||
<div class="name">spaces</div>
|
||||
<i class={{concat "dicon " constants.Icon.Grid}}>
|
||||
{{#attach-tooltip showDelay=1000}}Spaces{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{#if (eq appMeta.edition constants.Product.EnterpriseEdition)}}
|
||||
{{#if session.viewDashboard}}
|
||||
{{#link-to "action" class=(if (eq selectedItem "actions") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.ListBullet}}></i>
|
||||
<div class="name">actions</div>
|
||||
<i class={{concat "dicon " constants.Icon.ListBullet}}>
|
||||
{{#attach-tooltip showDelay=1000}}Actions{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{#link-to "activity" class=(if (eq selectedItem "activity") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.Pulse}}></i>
|
||||
<div class="name">activity</div>
|
||||
<i class={{concat "dicon " constants.Icon.Pulse}}>
|
||||
{{#attach-tooltip showDelay=1000}}Activity{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{#if session.viewAnalytics}}
|
||||
{{#link-to "analytics" class=(if (eq selectedItem "analytics") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.BarChart}}></i>
|
||||
<div class="name">reports</div>
|
||||
<i class={{concat "dicon " constants.Icon.BarChart}}>
|
||||
{{#attach-tooltip showDelay=1000}}Reports{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{#if (and session.authenticated session.isAdmin)}}
|
||||
{{#link-to "customize.general" class=(if (eq selectedItem "settings") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.Settings}}></i>
|
||||
<div class="name">Settings</div>
|
||||
<i class={{concat "dicon " constants.Icon.Settings}}>
|
||||
{{#attach-tooltip showDelay=1000}}Settings{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{#link-to "search" class=(if (eq selectedItem "search") "option selected" "option")}}
|
||||
<i class={{concat "dicon " constants.Icon.Search}}></i>
|
||||
<div class="name">search</div>
|
||||
<i class={{concat "dicon " constants.Icon.Search}}>
|
||||
{{#attach-tooltip showDelay=1000}}Search{{/attach-tooltip}}
|
||||
</i>
|
||||
{{/link-to}}
|
||||
{{/unless}}
|
||||
</div>
|
||||
|
||||
<div class="meta">
|
||||
<div class="options">
|
||||
{{#if session.isAdmin}}
|
||||
{{#unless appMeta.valid}}
|
||||
<div class="invalid-plan" {{action "onBilling"}}>
|
||||
<i class={{concat "dicon " constants.Icon.Handshake}} />
|
||||
<div class="option invalid-plan" {{action "onBilling"}}>
|
||||
<i class={{concat "dicon " constants.Icon.Announce}} />
|
||||
{{#attach-tooltip}}Invalid product plan{{/attach-tooltip}}
|
||||
</div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
{{#if session.authenticated}}
|
||||
{{#if hasPins}}
|
||||
<div class="bookmarks" id="user-pins-button">
|
||||
<div class="option" id="user-pins-button">
|
||||
<i class={{concat "dicon " constants.Icon.BookmarkSolid}}></i>
|
||||
{{#attach-popover class="ember-attacher-popper" hideOn="clickout click" showOn="click" isShown=false}}
|
||||
<div class="menu">
|
||||
|
|
@ -69,7 +75,7 @@
|
|||
</div>
|
||||
{{/if}}
|
||||
<div class="user-gravatar-container">
|
||||
<div class="user-gravatar align-text-bottom" id="profile-button">
|
||||
<div class="user-gravatar" id="profile-button">
|
||||
{{session.user.initials}}
|
||||
{{#if hasWhatsNew}}
|
||||
<div class="whats-new-dot" />
|
||||
|
|
@ -112,16 +118,7 @@
|
|||
</i>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
<a class="logo" href="https://documize.com?ref=app">
|
||||
<img src="/assets/img/icon-white-64x64.png">
|
||||
<div class="documize">Documize</div>
|
||||
{{#attach-tooltip showDelay=1000}}Documize {{appMeta.edition}} Edition {{appMeta.version}}{{/attach-tooltip}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="master-sidebar">
|
||||
<div class="sidebar-content">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
6
gui/app/templates/components/layout/master-toolbar.hbs
Normal file
6
gui/app/templates/components/layout/master-toolbar.hbs
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<div class="toolbar">
|
||||
<div class="container">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<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::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>
|
||||
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
<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::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>
|
||||
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
uppercase=false
|
||||
color=constants.Color.Gray
|
||||
label=constants.Label.Sort}}
|
||||
|
||||
|
||||
{{#attach-popover class="ember-attacher-popper" hideOn="click" showOn="click" isShown=false placement="bottom-end" as |attacher|}}
|
||||
<i class="dicon {{constants.Icon.Cross}} closer" {{action attacher.hide}}/>
|
||||
<div class="container">
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
|
||||
<div class="text-center">
|
||||
<ul class="ui-option-picker ui-option-picker-horiz">
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=100}}
|
||||
<Ui::UiSpacer @size=100 />
|
||||
|
||||
<div class="text-center">
|
||||
<ul class="ui-option-picker ui-option-picker-horiz">
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
{{ui/ui-button
|
||||
light=true
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
{{/ui/ui-button}}
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
{{/if}}
|
||||
|
||||
<div class="result-summary">{{resultPhrase}}</div>
|
||||
|
|
@ -78,4 +78,4 @@
|
|||
{{/each}}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
{{#if validSearch}}
|
||||
{{search/search-results results=results keywords=keywords}}
|
||||
{{else}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
<p class="color-red-700">Your search query is too short</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
{{#link-to "customize.integrations"}}
|
||||
{{ui/ui-button color=constants.Color.Green light=true label="Configure Jira Connector"}}
|
||||
{{/link-to}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
{{else}}
|
||||
{{#unless authenticated}}
|
||||
<p class="color-green-600">Your Documize administrator needs to provide Jira connection details before usage.</p>
|
||||
|
|
@ -23,10 +23,10 @@
|
|||
{{ui/ui-button color=constants.Color.Yellow light=true label=constants.Label.Preview submit=true onClick=(action "onPreview")}}
|
||||
</form>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />>
|
||||
{{{issuesGrid}}}
|
||||
{{else}}
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
<p class="color-gray-700">Jira connector not authenticated</p>
|
||||
{{/if}}
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="section-plantuml-diagram">
|
||||
<div class="form-group">
|
||||
<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
<div>
|
||||
<p>Insert sample diagrams:</p>
|
||||
<p>
|
||||
|
|
@ -26,16 +26,16 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
{{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}}
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
<div id={{previewId}} class="text-center">
|
||||
<img src={{diagramPreview}}>
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
{{/section/base-editor}}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
onClick=(action "onShowImportModal")}}
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<div id={{editorId}} class="mousetrap wysiwyg wysiwyg-editor">
|
||||
{{{pageBody}}}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<div class="installer">
|
||||
<img src="/assets/img/setup/logo-purple.png" srcset="/assets/img/setup/logo-purple@2x.png" alt="Documize Setup" style="width: 250px; height: 76px;">
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
<h1 class="color-theme-700">Installation Guide</h1>
|
||||
<p class="color-gray-800">
|
||||
Review the <a href="https://docs.documize.com/s/VzO9ZqMOCgABGyfW/installation-guides/d/V16L08ucxwABhZF6/installation-guide">installation instructions</a>
|
||||
and recommended <a href="https://docs.documize.com/s/VzO9ZqMOCgABGyfW/installation-guides/d/V2KuM8ICcQABagM5/mysql-specific-database-tuning">database tuning guide</a>
|
||||
</p>
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
|
||||
<form {{action "save" on="submit"}}>
|
||||
<div class="form-group">
|
||||
|
|
@ -35,5 +35,5 @@
|
|||
{{ui/ui-button submit=true color=constants.Color.Green light=true label=buttonLabel onClick=(action "save")}}
|
||||
</form>
|
||||
|
||||
{{ui/ui-spacer size=300}}
|
||||
<Ui::UiSpacer @size=300 />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class="view-spaces">
|
||||
|
||||
|
||||
<div class="text-right">
|
||||
{{#ui/ui-toolbar dark=false light=false raised=false large=false bordered=false}}
|
||||
{{ui/ui-toolbar-icon icon=constants.Icon.Blocks color=constants.Color.Gray tooltip="Complete"
|
||||
|
|
@ -7,11 +7,11 @@
|
|||
{{ui/ui-toolbar-icon icon=constants.Icon.All color=constants.Color.Gray tooltip="Comfort"
|
||||
selected=(eq viewDensity "2") onClick=(action "onSwitchView" "2")}}
|
||||
{{ui/ui-toolbar-label label="—" color=constants.Color.Gray tooltip="Compact"
|
||||
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
|
||||
selected=(eq viewDensity "3") onClick=(action "onSwitchView" "3")}}
|
||||
{{/ui/ui-toolbar}}
|
||||
</div>
|
||||
|
||||
{{ui/ui-spacer size=200}}
|
||||
<Ui::UiSpacer @size=200 />
|
||||
|
||||
<ul class="list">
|
||||
{{#each spaces as |space|}}
|
||||
|
|
|
|||
|
|
@ -12,6 +12,6 @@
|
|||
{{ui/ui-button color=constants.Color.Yellow light=true label=constants.Label.Reset onClick=(action "forgot")}}
|
||||
{{/if}}
|
||||
|
||||
{{ui/ui-spacer size=400}}
|
||||
<Ui::UiSpacer @size=400 />
|
||||
{{#link-to "auth.login"}}Click here to sign in{{/link-to}}
|
||||
</form>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue