mirror of
https://github.com/documize/community.git
synced 2025-08-02 20:15:26 +02:00
removed redundant colors, widgets
This commit is contained in:
parent
869884abda
commit
3f2edcaa96
36 changed files with 161 additions and 1499 deletions
|
@ -51,7 +51,7 @@
|
|||
{{#if showSearch}}
|
||||
<div class="row">
|
||||
<div class="col content-linker-modal-container">
|
||||
<div class="input-control">
|
||||
<div class="form-group">
|
||||
<label>Search</label>
|
||||
<div class="tip">For content or attachments</div>
|
||||
{{focus-input id="content-linker-search" type="input" value=keywords placeholder="keyword search" autocomplete="off"}}
|
||||
|
|
|
@ -1,31 +0,0 @@
|
|||
<div class="document-sidebar-view-index" draggable="true">
|
||||
<div class="structure">
|
||||
{{#if session.authenticated}}
|
||||
{{#unless emptyState}}
|
||||
<div id="tocToolbar" class="hidden-xs hidden-sm toc-controls {{if state.actionablePage 'current-page' ''}}">
|
||||
<div id="toc-up-button" class="round-button-mono {{if state.upDisabled 'disabled'}}" data-tooltip="Move up" data-tooltip-position="top center" {{action 'pageUp'}}>
|
||||
<i class="material-icons">arrow_upward</i>
|
||||
</div>
|
||||
<div class="button-gap" />
|
||||
<div id="toc-down-button" class="round-button-mono {{if state.downDisabled 'disabled'}}" data-tooltip="Move down" data-tooltip-position="top center" {{action 'pageDown'}}>
|
||||
<i class="material-icons">arrow_downward</i>
|
||||
</div>
|
||||
<div class="button-gap" />
|
||||
<div id="toc-outdent-button" class="round-button-mono {{if state.outdentDisabled 'disabled'}}" data-tooltip="Outdent" data-tooltip-position="top center" {{action 'pageOutdent'}}>
|
||||
<i class="material-icons">format_indent_decrease</i>
|
||||
</div>
|
||||
<div class="button-gap" />
|
||||
<div id="toc-indent-button" class="round-button-mono {{if state.indentDisabled 'disabled'}}" data-tooltip="Indent" data-tooltip-position="top center" {{action 'pageIndent'}}>
|
||||
<i class="material-icons">format_indent_increase</i>
|
||||
</div>
|
||||
</div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
|
||||
<ul class="index-list">
|
||||
{{#each pages key="id" as |p index|}}
|
||||
{{document/index-entry page=p currentPageId=currentPageId index=index onClick=(action 'onEntryClick')}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
|
@ -1,12 +0,0 @@
|
|||
{{#if permissions.documentEdit}}
|
||||
|
||||
{{document/document-index
|
||||
document=document
|
||||
folder=folder
|
||||
pages=pages
|
||||
page=page
|
||||
permissions=permissions
|
||||
onPageSequenceChange=(action 'onPageSequenceChange')
|
||||
onPageLevelChange=(action 'onPageLevelChange')
|
||||
onGotoPage=(action 'onGotoPage')}}
|
||||
{{/if}}
|
36
gui/app/templates/components/document/document-toc.hbs
Normal file
36
gui/app/templates/components/document/document-toc.hbs
Normal file
|
@ -0,0 +1,36 @@
|
|||
<div class="document-toc">
|
||||
<div class="title">Table of contents</div>
|
||||
{{#if session.authenticated}}
|
||||
{{#if permissions.documentEdit}}
|
||||
{{#unless emptyState}}
|
||||
<div id="tocToolbar" class="hidden-xs hidden-sm toc-controls {{if state.actionablePage 'current-page' ''}}">
|
||||
<div id="toc-up-button" class="button-icon-green button-icon-small {{if state.upDisabled 'disabled'}}" {{action 'pageUp'}}>
|
||||
<i class="material-icons">arrow_upward</i>
|
||||
</div>
|
||||
<div class="button-icon-gap" />
|
||||
<div id="toc-down-button" class="button-icon-green button-icon-small {{if state.downDisabled 'disabled'}}" {{action 'pageDown'}}>
|
||||
<i class="material-icons">arrow_downward</i>
|
||||
</div>
|
||||
<div class="button-icon-gap" />
|
||||
<div id="toc-outdent-button" class="button-icon-green button-icon-small {{if state.outdentDisabled 'disabled'}}" {{action 'pageOutdent'}}>
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</div>
|
||||
<div class="button-icon-gap" />
|
||||
<div id="toc-indent-button" class="button-icon-green button-icon-small {{if state.indentDisabled 'disabled'}}" {{action 'pageIndent'}}>
|
||||
<i class="material-icons">arrow_forward</i>
|
||||
</div>
|
||||
</div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
<ul class="index-list">
|
||||
{{#each pages key="id" as |page index|}}
|
||||
<li class="item">
|
||||
<a id="index-{{page.id}}" {{action 'onEntryClick' page.id}} class="link toc-index-item {{page.tocIndentCss}} {{if (eq page.id currentPageId) 'selected'}}">
|
||||
{{page.numbering}}. {{page.title}}
|
||||
</a>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
|
@ -1 +0,0 @@
|
|||
<a id="index-{{page.id}}" class="link toc-index-item {{page.tocIndentCss}} {{if (eq page.id currentPageId) 'selected'}}" {{action 'onClick' page.id}}>{{page.title}}</a>
|
|
@ -46,10 +46,10 @@
|
|||
|
||||
<div id="wizard-placeholder" class="hide margin-top-50" />
|
||||
<div id="new-section-wizard" class="new-section-wizard">
|
||||
<div class="input-inline input-transparent pull-left width-80">
|
||||
<div class="">
|
||||
{{input type="text" id="new-section-name" value=newSectionName class=(if newSectionNameMissing 'section-name error-inline' 'section-name') placeholder="Name" autocomplete="off"}}
|
||||
</div>
|
||||
<div class="round-button-mono pull-right" {{action 'onHideSectionWizard'}}>
|
||||
<div class="button-icon-gray" {{action 'onHideSectionWizard'}}>
|
||||
<i class="material-icons color-gray">close</i>
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
|
|
|
@ -1,18 +1,17 @@
|
|||
<div class="login-form">
|
||||
<form {{action 'reset' on="submit"}}>
|
||||
<div class="input-control">
|
||||
<div class="form-group">
|
||||
<label>New Password</label>
|
||||
<div class="tip">Choose a strong password</div>
|
||||
{{focus-input type="password" value=password id="newPassword" class=(if hasPasswordError 'error')}}
|
||||
{{focus-input type="password" value=password id="newPassword" class=(if hasPasswordError 'form-control is-invalid' 'form-control')}}
|
||||
<small class="form-text text-muted">Choose a strong password</small>
|
||||
</div>
|
||||
<div class="input-control">
|
||||
<div class="form-group">
|
||||
<label>Confirm Password</label>
|
||||
<div class="tip">Please type your new password again</div>
|
||||
{{input type="password" value=passwordConfirm id="passwordConfirm" class=(if hasConfirmError 'error')}}
|
||||
{{input type="password" value=passwordConfirm id="passwordConfirm" class=(if hasConfirmError 'form-control is-invalid' 'form-control')}}
|
||||
<small class="form-text text-muted">Please type your new password again</small>
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<div class="margin-top-10 margin-bottom-20">
|
||||
<button type="submit" class="regular-button button-blue">Reset</button>
|
||||
<button type="submit" class="btn btn-success">Reset</button>
|
||||
<span class="{{unless mustMatch "hide"}} color-red margin-left-20">Passwords must match</span>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
@ -1,6 +0,0 @@
|
|||
<div class="widget-selection">
|
||||
<div class="option {{if selected 'selected'}}">
|
||||
{{yield}}
|
||||
<i class="material-icons">check</i>
|
||||
</div>
|
||||
</div>
|
|
@ -1,5 +0,0 @@
|
|||
<ul class="widget-tab">
|
||||
{{#each tabs as |tab|}}
|
||||
<li style={{myWidth}} class="tab {{if tab.selected 'selected'}}" {{action 'onTabSelect' tab}}>{{tab.label}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
|
@ -1,227 +0,0 @@
|
|||
<button type="button" class="btn btn-primary" id="test-button">Save</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>
|
||||
<div class="modal" tabindex="-1" role="dialog" id="exampleModal">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">Modal title</div>
|
||||
<div class="modal-body">
|
||||
<p>Modal body text goes here.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group">
|
||||
<i id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="material-icons">arrow_drop_down_circle</i>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group">
|
||||
<div class="round-button-mono" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
|
||||
<i class="material-icons">settings</i>
|
||||
</div>
|
||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<button type="button" class="btn btn-primary">Primary</button>
|
||||
<button type="button" class="btn btn-secondary">Secondary</button>
|
||||
<button type="button" class="btn btn-success">Success</button>
|
||||
<button type="button" class="btn btn-danger">Danger</button>
|
||||
<button type="button" class="btn btn-warning">Warning</button>
|
||||
<button type="button" class="btn btn-info">Info</button>
|
||||
<button type="button" class="btn btn-light">Light</button>
|
||||
<button type="button" class="btn btn-dark">Dark</button>
|
||||
<button type="button" class="btn btn-link">Link</button>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<div class="btn-group" role="group" aria-label="Basic example">
|
||||
<button type="button" class="btn btn-secondary">Left</button>
|
||||
<button type="button" class="btn btn-secondary">Middle</button>
|
||||
<button type="button" class="btn btn-secondary">Right</button>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<form>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" id="basic-addon1">@</span>
|
||||
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
|
||||
</div>
|
||||
<br>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlInput1">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlInput2">Email address</label>
|
||||
<input type="email" class="form-control is-invalid" id="exampleFormControlInput2" placeholder="name@example.com">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlSelect1">Example select</label>
|
||||
<select class="form-control" id="exampleFormControlSelect1">
|
||||
<option>1</option>
|
||||
<option>2</option>
|
||||
<option>3</option>
|
||||
<option>4</option>
|
||||
<option>5</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlSelect2">Example multiple select</label>
|
||||
<select multiple class="form-control" id="exampleFormControlSelect2">
|
||||
<option>1</option>
|
||||
<option>2</option>
|
||||
<option>3</option>
|
||||
<option>4</option>
|
||||
<option>5</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleFormControlTextarea1">Example textarea</label>
|
||||
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
|
||||
<div class="round-button-mono" id="sample-1" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="round-button-mono" id="sample-2" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">clear</i>
|
||||
</div>
|
||||
<div class="round-button-mono" id="sample-" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">settings</i>
|
||||
</div>
|
||||
<div class="round-button-mono" id="delete-folder">
|
||||
<i class="material-icons">delete</i>
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<br/>
|
||||
|
||||
|
||||
<div class="round-button button-red" id="sample-3" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="round-button button-blue" id="sample-4" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="round-button button-green" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="round-button button-gray" id="" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">question_answer</i>
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<br/>
|
||||
|
||||
|
||||
<div class="square-button button-red" id="sample-3" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="square-button button-blue" id="sample-4" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="square-button button-green" id="sample-dropdown-1" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">share</i>
|
||||
</div>
|
||||
<div class="square-button button-gray" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
<i class="material-icons">question_answer</i>
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<br/>
|
||||
|
||||
|
||||
<div class="regular-button button-red" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
delete
|
||||
</div>
|
||||
<div class="regular-button button-blue" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
save
|
||||
</div>
|
||||
<div class="regular-button button-green" data-tooltip="Share folder" data-tooltip-position="top center">
|
||||
update
|
||||
</div>
|
||||
<div class="regular-button button-gray" id="dropdown-menu-1">
|
||||
menu
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<br/>
|
||||
|
||||
|
||||
<div class="flat-button">
|
||||
cancel
|
||||
</div>
|
||||
<div class="flat-button flat-blue">
|
||||
Got it
|
||||
</div>
|
||||
<div class="flat-button flat-green">
|
||||
save
|
||||
</div>
|
||||
<div class="flat-button flat-red">
|
||||
delete
|
||||
</div>
|
||||
<div class="flat-button flat-gray">
|
||||
ok
|
||||
</div>
|
||||
<div class="clearfix" />
|
||||
<br/>
|
||||
|
||||
<div class="margin-left-50" style="width: 300px;">
|
||||
<div class="input-control">
|
||||
<label>Name</label>
|
||||
<input type="text" value="">
|
||||
</div>
|
||||
|
||||
<div class="input-control">
|
||||
<label>Email</label>
|
||||
<input type="text" value="">
|
||||
</div>
|
||||
|
||||
<div class="input-control">
|
||||
<label>Notes</label>
|
||||
<div class="tip">No more than 200 characters</div>
|
||||
<textarea rows="3"></textarea>
|
||||
</div>
|
||||
<div class="regular-button button-blue">
|
||||
save
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue