1
0
Fork 0
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:
Harvey Kandola 2017-12-11 20:59:28 +00:00
parent 869884abda
commit 3f2edcaa96
36 changed files with 161 additions and 1499 deletions

View file

@ -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"}}

View file

@ -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>

View file

@ -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}}

View 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>

View file

@ -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>

View file

@ -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" />

View file

@ -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>

View file

@ -1,6 +0,0 @@
<div class="widget-selection">
<div class="option {{if selected 'selected'}}">
{{yield}}
<i class="material-icons">check</i>
</div>
</div>

View file

@ -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>

View file

@ -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/>