mirror of
https://github.com/documize/community.git
synced 2025-08-02 12:05:23 +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
|
|
@ -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