mirror of
https://github.com/documize/community.git
synced 2025-08-02 12:05:23 +02:00
Introduce new button and toolbar styles
This commit is contained in:
Harvey Kandola
parent
3b179d5bc0
commit
0de7efdf20
11 changed files with 420 additions and 109 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<div class="auth-box">
|
||||
<div class="logo">
|
||||
<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
|
||||
<div class="url">Authenticate with {{appMeta.appHost}}</div>
|
||||
<div class="url">{{appMeta.appHost}}</div>
|
||||
</div>
|
||||
<div class="login-form">
|
||||
{{forgot-password forgot=(action 'forgot')}}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="auth-box">
|
||||
<div class="logo">
|
||||
<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
|
||||
<div class="url">Authenticate with {{appMeta.appHost}}</div>
|
||||
<div class="url">{{appMeta.appHost}}</div>
|
||||
</div>
|
||||
<form {{action 'login' on="submit"}}>
|
||||
<div class="form-group">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="auth-box">
|
||||
<div class="logo">
|
||||
<img src="/assets/img/logo-purple.png" title="Documize" alt="Documize" class="img-fluid" />
|
||||
<div class="url">Authenticate with {{appMeta.appHost}}</div>
|
||||
<div class="url">{{appMeta.appHost}}</div>
|
||||
</div>
|
||||
{{password-reset reset=(action 'reset')}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,14 @@
|
|||
{{#layout/top-bar selectItem="spaces"}}
|
||||
{{/layout/top-bar}}
|
||||
{{#layout/master-sidebar selectedItem="spaces"}}
|
||||
{{/layout/master-sidebar}}
|
||||
|
||||
{{#layout/middle-zone}}
|
||||
{{#layout/middle-zone-content}}
|
||||
{{spaces/space-list spaces=model}}
|
||||
{{/layout/middle-zone-content}}
|
||||
{{#layout/master-content}}
|
||||
|
||||
{{#layout/middle-zone-sidebar}}
|
||||
<div id="sidebar" class="sidebar">
|
||||
<h1>{{appMeta.title}}</h1>
|
||||
<p>{{appMeta.message}}</p>
|
||||
{{#if session.isEditor}}
|
||||
<button type="button" class="btn btn-success font-weight-bold my-3" {{action 'onShowModal'}}>+ SPACE</button>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/layout/middle-zone-sidebar}}
|
||||
<h1>{{appMeta.title}}</h1>
|
||||
<p>{{appMeta.message}}</p>
|
||||
{{#if session.isEditor}}
|
||||
<button type="button" class="btn btn-success font-weight-bold my-3" {{action 'onShowModal'}}>+ SPACE</button>
|
||||
{{/if}}
|
||||
{{spaces/space-list spaces=model}}
|
||||
|
||||
<div class="modal" tabindex="-1" role="dialog" id="add-space-modal">
|
||||
<div class="modal-dialog" role="document">
|
||||
|
|
@ -47,7 +41,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/layout/middle-zone}}
|
||||
|
||||
{{#layout/bottom-bar}}
|
||||
{{/layout/bottom-bar}}
|
||||
{{/layout/master-content}}
|
||||
|
|
|
|||
|
|
@ -6,10 +6,90 @@
|
|||
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
||||
{{/layout/master-sidebar}}
|
||||
{{#layout/master-content}}
|
||||
<button {{action 'onSuccess'}}>Success</button>
|
||||
<button {{action 'onInfo'}}>Info</button>
|
||||
<button {{action 'onWarn'}}>Warn</button>
|
||||
<button {{action 'onError'}}>Error</button>
|
||||
<button class="dmz-button-green" {{action 'onSuccess'}}>save</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-yellow" {{action 'onInfo'}}>update</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-gray" {{action 'onWarn'}}>cancel</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-red" {{action 'onError'}}>delete</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<br/>
|
||||
<br/>
|
||||
<button class="dmz-button-green-light">Save</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-yellow-light">Update</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-gray-light">cancel</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-red-light">Delete</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<br/>
|
||||
<br/>
|
||||
<button class="dmz-button-green-light"><i class="dicon dicon-e-add"/>space</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-green-light"><i class="dicon dicon-e-add"/>content</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-yellow-light"><i class="dicon dicon-e-add"/>user</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<button class="dmz-button-gray-light"><i class="dicon dicon-e-add"/>group</button>
|
||||
<div class="dmz-button-gap-right" />
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-dark-small">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-dark-large">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-small">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-large">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-raised-small">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div class="dmz-toolbar-raised-large">
|
||||
<i class="dicon dicon-bin red"/>
|
||||
<i class="dicon dicon-print yellow"/>
|
||||
<i class="dicon dicon-settings-gear"/>
|
||||
<i class="dicon dicon-print green"/>
|
||||
<i class="dicon dicon-single-01"/>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
||||
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
||||
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue