1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-23 15:19:42 +02:00
documize/gui/app/templates/components/document/sidebar-toc.hbs
Harvey Kandola 7cdf97aa86 Revamp document view using new layout
New master page system and UI framework implemented on document view.

Sidebar contains ToC and Attachments.
2018-12-18 19:03:34 +00:00

44 lines
1.8 KiB
Handlebars

<div class="title center">table of contents</div>
{{#if canEdit}}
<div class="document-sidebar-toc">
<div class="controls {{if state.actionablePage "current-page"}}">
<div id="toc-up-button" class="arrow {{if state.upDisabled "disabled"}}" {{action "pageUp"}}>
<i class="dicon {{constants.Icon.ArrowSmallUp}}" />
</div>
<div id="toc-down-button" class="arrow {{if state.downDisabled "disabled"}}" {{action "pageDown"}}>
<i class="dicon {{constants.Icon.ArrowSmallDown}}" />
</div>
<div id="toc-outdent-button" class="arrow {{if state.outdentDisabled "disabled"}}" {{action "pageOutdent"}}>
<i class="dicon {{constants.Icon.ArrowSmallLeft}}" />
</div>
<div id="toc-indent-button" class="arrow {{if state.indentDisabled "disabled"}}" {{action "pageIndent"}}>
<i class="dicon {{constants.Icon.ArrowSmallRight}}" />
</div>
</div>
</div>
{{/if}}
<div class="document-sidebar-toc">
<ul class="index-list">
{{#each pages key="id" as |item|}}
<li class="item">
<a id="index-{{item.page.id}}" {{action "onGotoPage" item.page.id}}
class="link toc-index-item {{item.page.tocIndentCss}} {{if (eq item.page.id state.pageId) "selected"}}"
title={{item.page.title}}>
<span class="numbering">{{item.page.numbering}}</span>
{{#if (or item.userHasChangePending userHasNewPagePending)}}
<span class="color-red-600" >[*]&nbsp;</span>
{{#attach-tooltip showDelay=1000}}Pending changes{{/attach-tooltip}}
{{/if}}
{{#if (or permissions.documentApprove roles.documentApprove)}}
{{#if item.changeAwaitingReview}}
<span class="color-green-700">[*]&nbsp;</span>
{{#attach-tooltip showDelay=1000}}Awaiting approval{{/attach-tooltip}}
{{/if}}
{{/if}}
{{item.page.title}}
</a>
</li>
{{/each}}
</ul>
</div>