mirror of
https://github.com/documize/community.git
synced 2025-08-05 05:25:27 +02:00
new spaces view
New modal dialog framework used for Add Space.
This commit is contained in:
parent
ec5d21be4a
commit
4bc08cbdee
15 changed files with 234 additions and 138 deletions
|
@ -1,7 +1,7 @@
|
|||
<div id="nav-bar" class="nav-bar clearfix">
|
||||
<div class="row no-gutters">
|
||||
<div class="col col-sm-9">
|
||||
{{#link-to "profile" class='nav-link'}}
|
||||
{{#link-to "folders" class='nav-link'}}
|
||||
<div class="nav-title">{{appMeta.title}}</div>
|
||||
<div class="nav-msg text-truncate">{{appMeta.message}}</div>
|
||||
{{/link-to}}
|
||||
|
|
|
@ -1,41 +1,48 @@
|
|||
<div class="view-spaces">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="mt-4 mb-5">
|
||||
|
||||
<div class="heading">EVERYONE <div class="counter">({{publicFolders.length}})</div></div>
|
||||
{{#unless hasPublicFolders}}
|
||||
<p>No global spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each publicFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
<div class="view-spaces">
|
||||
<div class="heading">EVERYONE <div class="counter">({{publicFolders.length}})</div></div>
|
||||
{{#unless hasPublicFolders}}
|
||||
<p>No global spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each publicFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
||||
{{#if session.authenticated}}
|
||||
<div class="heading">TEAM <div class="counter">({{protectedFolders.length}})</div></div>
|
||||
{{#unless hasProtectedFolders}}
|
||||
<p>No team spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each protectedFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{#if session.authenticated}}
|
||||
<div class="heading">TEAM <div class="counter">({{protectedFolders.length}})</div></div>
|
||||
{{#unless hasProtectedFolders}}
|
||||
<p>No team spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each protectedFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
||||
<div class="heading">PERSONAL <div class="counter">({{privateFolders.length}})</div></div>
|
||||
{{#unless hasPrivateFolders}}
|
||||
<p>No personal spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each privateFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
<div class="heading">PERSONAL <div class="counter">({{privateFolders.length}})</div></div>
|
||||
{{#unless hasPrivateFolders}}
|
||||
<p>No personal spaces</p>
|
||||
{{/unless}}
|
||||
<ul class="list clearfix">
|
||||
{{#each privateFolders as |folder|}}
|
||||
{{#link-to 'folder.index' folder.id folder.slug}}
|
||||
<li class="item">{{ folder.name }}</li>
|
||||
{{/link-to}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
49
gui/app/templates/components/toolbar/for-spaces.hbs
Normal file
49
gui/app/templates/components/toolbar/for-spaces.hbs
Normal file
|
@ -0,0 +1,49 @@
|
|||
<div class="row">
|
||||
<div class="col col-sm-8">
|
||||
<div class="toolbar">
|
||||
<ul class="links">
|
||||
{{#link-to "folders" class="link selected" tagName="li"}}SPACES{{/link-to}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-sm-4">
|
||||
<div class="toolbar">
|
||||
<div class="buttons">
|
||||
{{#if session.isEditor}}
|
||||
<button type="button" class="btn btn-success font-weight-bold" data-toggle="modal" data-target="#add-space-modal" data-backdrop="static">+ SPACE</button>
|
||||
<div class="modal" tabindex="-1" role="dialog" id="add-space-modal">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">Add Space</div>
|
||||
<div class="modal-body">
|
||||
<form onsubmit={{action 'onAddSpace'}}>
|
||||
<div class="form-group">
|
||||
<label for="new-space-name">Space Name</label>
|
||||
{{input type='text' id="new-space-name" class="form-control mousetrap" placeholder="Space name" value=spaceName}}
|
||||
<small id="emailHelp" class="form-text text-muted">Characters and numbers only</small>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="clone-space-dropdown">Clone Space</label>
|
||||
{{ui-select id="clone-space-dropdown" content=spaces prompt="select space" action=(action 'onCloneSpaceSelect') optionValuePath="id" optionLabelPath="name" selection=cloneSpace}}
|
||||
<small id="emailHelp" class="form-text text-muted">Copy templates, permissions, documents from existing space</small>
|
||||
<div class="margin-top-10" />
|
||||
{{#if hasClone}}
|
||||
{{#ui/ui-checkbox selected=copyTemplate}}Copy templates{{/ui/ui-checkbox}}
|
||||
{{#ui/ui-checkbox selected=copyPermission}}Copy permissions{{/ui/ui-checkbox}}
|
||||
{{#ui/ui-checkbox selected=copyDocument}}Copy documents{{/ui/ui-checkbox}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-light" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn btn-success font-weight-bold" onclick={{action 'onAddSpace'}}>Add</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1,5 +1,5 @@
|
|||
<button type="button" class="btn btn-primary" id="test-button">Save</button>
|
||||
<button type="button" class="btn btn-success" id="test-button2" data-toggle="tooltip" data-placement="top" title="Tooltip on top">+ Document</button>
|
||||
<button type="button" class="btn btn-success font-weight-bold" id="test-button2" data-toggle="tooltip" data-placement="top" title="Tooltip on top">+ Document</button>
|
||||
<button type="button" class="btn btn-secondary" id="test-button3" data-toggle="tooltip" data-placement="bottom" title="Tooltip on top">+ Document</button>
|
||||
|
||||
<button type="button" class="btn btn-danger" id="test-button4" data-toggle="modal" data-target="#exampleModal" data-backdrop="static">Delete</button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue