mirror of
https://github.com/documize/community.git
synced 2025-08-04 21:15:24 +02:00
Remove Boostrap Grid
Replaced with CSS Grid layout.
This commit is contained in:
Harvey Kandola
parent
61c648a7ac
commit
60d2ef57bb
12 changed files with 252 additions and 308 deletions
|
|
@ -5,57 +5,43 @@
|
|||
<div class="modal-body">
|
||||
|
||||
<div id="new-section-wizard" class="new-section-wizard">
|
||||
<div class="container box">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" id="new-section-name" value=newSectionName
|
||||
class=(if newSectionNameMissing "mousetrap form-control form-control-lg is-invalid" "mousetrap form-control form-control-lg")
|
||||
placeholder="Enter section name" autocomplete="off"}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="form-group">
|
||||
{{focus-input type="text" id="new-section-name" value=newSectionName
|
||||
class=(if newSectionNameMissing "mousetrap form-control form-control-lg is-invalid" "mousetrap form-control form-control-lg")
|
||||
placeholder="Enter section name" autocomplete="off"}}
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="new-section-caption">Select Section Type</div>
|
||||
<ul class="preset-list">
|
||||
{{#each sections as |section|}}
|
||||
<li class="item" {{action "onInsertSection" section}}>
|
||||
<div class="icon">
|
||||
<img class="img" src="/sections/{{section.contentType}}.png" srcset="/sections/{{section.contentType}}@2x.png">
|
||||
</div>
|
||||
<div class="title">{{section.title}}</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="new-section-caption">Select Re-usable Content</div>
|
||||
{{#if hasBlocks}}
|
||||
<ul class="block-list">
|
||||
{{#each blocks as |block|}}
|
||||
<li class="item">
|
||||
{{#attach-tooltip showDelay=1000}}Published by {{block.firstname}} {{block.lastname}}, {{time-ago block.created}} — used {{ block.used }} times{{/attach-tooltip}}
|
||||
<div class="details" {{action "onInsertBlock" block}}>
|
||||
<div class="title text-truncate">{{block.title}}</div>
|
||||
<div class="desc text-truncate">{{block.excerpt}}</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<div class="new-section-empty">You have no reusable content — publish any document section as a template for others to reuse</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="new-section-caption">Select Section Type</div>
|
||||
<ul class="preset-list">
|
||||
{{#each sections as |section|}}
|
||||
<li class="item" {{action "onInsertSection" section}}>
|
||||
<div class="icon">
|
||||
<img class="img" src="/sections/{{section.contentType}}.png" srcset="/sections/{{section.contentType}}@2x.png">
|
||||
</div>
|
||||
<div class="title">{{section.title}}</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="new-section-caption">Select Re-usable Content</div>
|
||||
{{#if hasBlocks}}
|
||||
<ul class="block-list">
|
||||
{{#each blocks as |block|}}
|
||||
<li class="item">
|
||||
{{#attach-tooltip showDelay=1000}}Published by {{block.firstname}} {{block.lastname}}, {{time-ago block.created}} — used {{ block.used }} times{{/attach-tooltip}}
|
||||
<div class="details" {{action "onInsertBlock" block}}>
|
||||
<div class="title text-truncate">{{block.title}}</div>
|
||||
<div class="desc text-truncate">{{block.excerpt}}</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<div class="new-section-empty">You have no reusable content — publish any document section as a template for others to reuse</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,3 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="block-editor">
|
||||
{{component editorType document=document space=space page=page meta=meta blockMode=true onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-editor">
|
||||
{{component editorType document=document space=space page=page meta=meta blockMode=true onCancel=(action "onCancel") onAction=(action "onAction")}}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,113 +3,98 @@
|
|||
<div class="modal-content">
|
||||
<div class="modal-header">Insert Link</div>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col mt-3 mb-5">
|
||||
<ul class="tabnav-control text-center">
|
||||
<li class="tab {{if tab1Selected "selected"}}" {{action "onTabSelect" 1}}>Section</li>
|
||||
<li class="tab {{if tab2Selected "selected"}}" {{action "onTabSelect" 2}}>Attachment</li>
|
||||
<li class="tab {{if tab3Selected "selected"}}" {{action "onTabSelect" 3}}>Search</li>
|
||||
<li class="tab {{if tab4Selected "selected"}}" {{action "onTabSelect" 4}}>Network</li>
|
||||
<ul class="tabnav-control text-center">
|
||||
<li class="tab {{if tab1Selected "selected"}}" {{action "onTabSelect" 1}}>Section</li>
|
||||
<li class="tab {{if tab2Selected "selected"}}" {{action "onTabSelect" 2}}>Attachment</li>
|
||||
<li class="tab {{if tab3Selected "selected"}}" {{action "onTabSelect" 3}}>Search</li>
|
||||
<li class="tab {{if tab4Selected "selected"}}" {{action "onTabSelect" 4}}>Network</li>
|
||||
</ul>
|
||||
|
||||
{{#if showSections}}
|
||||
<div class="content-linker-modal-container">
|
||||
<p>Link to content within this document</p>
|
||||
{{ui/ui-list-picker items=candidates.pages nameField="title" singleSelect=true onSelect=(action "setSelection")}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showAttachments}}
|
||||
<div class="content-linker-modal-container">
|
||||
<p>Link to an attachment within this document</p>
|
||||
<div class="widget-list-picker">
|
||||
<ul class="options">
|
||||
{{#each candidates.attachments as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
<img class="icon" src="/assets/img/attachments/{{document/file-icon item.context}}">
|
||||
{{item.title}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showSections}}
|
||||
<div class="row">
|
||||
<div class="col content-linker-modal-container">
|
||||
<p>Link to content within this document</p>
|
||||
{{ui/ui-list-picker items=candidates.pages nameField="title" singleSelect=true onSelect=(action "setSelection")}}
|
||||
</div>
|
||||
{{#if showSearch}}
|
||||
<div class="content-linker-modal-container">
|
||||
<div class="form-group">
|
||||
<label>Search</label>
|
||||
{{focus-input id="content-linker-search" type="input" class="form-control" value=keywords placeholder="keyword search" autocomplete="off"}}
|
||||
<small class="form-text text-muted">Document name, content, attachment name</small>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showAttachments}}
|
||||
<div class="row">
|
||||
<div class="col content-linker-modal-container">
|
||||
<p>Link to an attachment within this document</p>
|
||||
<div class="widget-list-picker">
|
||||
<ul class="options">
|
||||
{{#each candidates.attachments as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
<img class="icon" src="/assets/img/attachments/{{document/file-icon item.context}}">
|
||||
{{item.title}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{#unless hasMatches}}
|
||||
<p class="nothing">Nothing found.</p>
|
||||
{{/unless}}
|
||||
<div class="widget-list-picker">
|
||||
<ul class="options">
|
||||
{{#each matches.documents as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
{{item.title}}<br>{{item.context}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
{{#each matches.pages as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
{{item.title}}<br>{{item.context}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
{{#each matches.attachments as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
<img class="icon" src="/assets/img/attachments/{{document/file-icon item.context}}">
|
||||
{{item.title}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showSearch}}
|
||||
<div class="row">
|
||||
<div class="col content-linker-modal-container">
|
||||
<div class="form-group">
|
||||
<label>Search</label>
|
||||
{{focus-input id="content-linker-search" type="input" class="form-control" value=keywords placeholder="keyword search" autocomplete="off"}}
|
||||
<small class="form-text text-muted">Document name, content, attachment name</small>
|
||||
</div>
|
||||
{{#unless hasMatches}}
|
||||
Nothing found.
|
||||
{{/unless}}
|
||||
<div class="widget-list-picker">
|
||||
<ul class="options">
|
||||
{{#each matches.documents as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
{{item.title}}<br>{{item.context}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
{{#each matches.pages as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
{{item.title}}<br>{{item.context}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
{{#each matches.attachments as |item|}}
|
||||
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
|
||||
<div class="text text-truncate">
|
||||
<img class="icon" src="/assets/img/attachments/{{document/file-icon item.context}}">
|
||||
{{item.title}}
|
||||
</div>
|
||||
{{#if item.selected}}
|
||||
<i class="dicon {{constants.Icon.Tick}}" />
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{#if showNetwork}}
|
||||
<div class="content-linker-modal-container">
|
||||
<p>Specify network drive/share/folder location</p>
|
||||
<div class="form-group">
|
||||
{{focus-input id="content-linker-networklocation" type="input" class="form-control" value=networkLocation placeholder="e.g. //share/folder" autocomplete="off"}}
|
||||
<small class="form-text text-muted"></small>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if showNetwork}}
|
||||
<div class="row">
|
||||
<div class="col content-linker-modal-container">
|
||||
<p>Specify network drive/share/folder location</p>
|
||||
<div class="form-group">
|
||||
{{focus-input id="content-linker-networklocation" type="input" class="form-control" value=networkLocation placeholder="e.g. //share/folder" autocomplete="off"}}
|
||||
<small class="form-text text-muted"></small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Close dismiss=true}}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue