Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00
Code Releases Activity

Support for ARIA

Browse source
This commit is contained in:
HarveyKandola 2022-01-11 12:40:52 -05:00
parent 45f216b8a1
commit 6b3cdb5033
42 changed files with 159 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

4
gui/app/templates/components/document/add-section.hbs
View file

@ -13,7 +13,7 @@
<ul class="options">
{{#each sections as |section|}}
{{#unless section.retired}}
<li class="preset-option" {{action "onInsertSection" section}}>
<li class="preset-option" {{action "onInsertSection" section}} role="button" tabindex="0">
<div class="icon">
<img class="img" src="/sections/{{section.contentType}}.png" srcset="/sections/{{section.contentType}}@2x.png">
</div>
@ -26,7 +26,7 @@
<br>
{{/if}}
{{#each blocks as |block|}}
<li class="block-option" {{action "onInsertBlock" block}}>
<li class="block-option" {{action "onInsertBlock" block}} role="button" tabindex="0">
<div class="name">{{block.title}}</div>
<div class="desc">{{block.excerpt}}</div>
</li>

24
gui/app/templates/components/document/content-linker.hbs
View file

@ -5,13 +5,13 @@
<div class="modal-body">
<ul class="tabnav-control text-center">
{{#if hasSections}}
<li class="tab {{if tab1Selected "selected"}}" {{action "onTabSelect" 1}}>Section</li>
<li class="tab {{if tab1Selected "selected"}}" {{action "onTabSelect" 1}} role="button" tabindex="0">Section</li>
{{/if}}
{{#if hasAttachments}}
<li class="tab {{if tab2Selected "selected"}}" {{action "onTabSelect" 2}}>Attachment</li>
<li class="tab {{if tab2Selected "selected"}}" {{action "onTabSelect" 2}} role="button" tabindex="0">Attachment</li>
{{/if}}
<li class="tab {{if tab3Selected "selected"}}" {{action "onTabSelect" 3}}>Search</li>
<li class="tab {{if tab4Selected "selected"}}" {{action "onTabSelect" 4}}>Network</li>
<li class="tab {{if tab3Selected "selected"}}" {{action "onTabSelect" 3}} role="button" tabindex="0">Search</li>
<li class="tab {{if tab4Selected "selected"}}" {{action "onTabSelect" 4}} role="button" tabindex="0">Network</li>
</ul>
{{#if showSections}}
@ -27,13 +27,13 @@
<div class="widget-list-picker">
<ul class="options">
{{#each candidates.attachments as |item|}}
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}} role="button" tabindex="0">
<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}}" />
<i class="dicon {{constants.Icon.Tick}}" aria-selected="true" />
{{/if}}
</li>
{{/each}}
@ -55,33 +55,33 @@
<div class="widget-list-picker">
<ul class="options">
{{#each matches.documents as |item|}}
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}} role="button" tabindex="0">
<div class="text text-truncate">
{{item.title}}<br>{{item.context}}
</div>
{{#if item.selected}}
<i class="dicon {{constants.Icon.Tick}}" />
<i class="dicon {{constants.Icon.Tick}}" aria-selected="true" />
{{/if}}
</li>
{{/each}}
{{#each matches.pages as |item|}}
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}} role="button" tabindex="0">
<div class="text text-truncate">
{{item.title}}<br>{{item.context}}
</div>
{{#if item.selected}}
<i class="dicon {{constants.Icon.Tick}}" />
<i class="dicon {{constants.Icon.Tick}}" aria-selected="true" />
{{/if}}
</li>
{{/each}}
{{#each matches.attachments as |item|}}
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}}>
<li class="option {{if item.selected "selected"}}" {{action "setSelection" item}} role="button" tabindex="0">
<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}}" />
<i class="dicon {{constants.Icon.Tick}}" aria-selected="true" />
{{/if}}
</li>
{{/each}}

2
gui/app/templates/components/document/document-meta.hbs
View file

@ -51,7 +51,7 @@
{{/each}}
{{#each tagz as |t|}}
<div class="meta-label">
<i class="dicon {{constants.Icon.Tag}}" title="tag" />
<i class="dicon {{constants.Icon.Tag}}" title="Tag" />
{{t}}
</div>
{{/each}}

24
gui/app/templates/components/document/document-toolbar.hbs
View file

@ -4,15 +4,15 @@
{{#ui/ui-toolbar-dropdown label="Actions" arrow=true}}
{{#attach-popover class="ember-attacher-popper" hideOn="click clickout" showOn="click" isShown=false}}
<ul class="menu">
<li class="item" {{action "onShowRequestContributionModal"}}>Request contribution</li>
<li class="item" {{action "onShowRequestFeedbackModal"}}>Request feedback</li>
<li class="item" {{action "onShowRequestReadModal"}}>Request read</li>
<li class="item" {{action "onShowRequestContributionModal"}} role="button" tabindex="0">Request contribution</li>
<li class="item" {{action "onShowRequestFeedbackModal"}} role="button" tabindex="0">Request feedback</li>
<li class="item" {{action "onShowRequestReadModal"}} role="button" tabindex="0">Request read</li>
{{#if (eq document.lifecycle constants.Lifecycle.Draft)}}
<li class="divider"/>
<li class="item" {{action "onShowPublishModal"}}>Request publication</li>
<li class="item" {{action "onShowPublishModal"}} role="button" tabindex="0">Request publication</li>
{{/if}}
<li class="divider"/>
<li class="item" {{action "onShareModal"}}>Share via secure external link</li>
<li class="item" {{action "onShareModal"}} role="button" tabindex="0">Share via secure external link</li>
</ul>
{{/attach-popover}}
{{/ui/ui-toolbar-dropdown}}
@ -23,26 +23,26 @@
{{#attach-popover class="ember-attacher-popper" hideOn="click clickout" showOn="click" isShown=false}}
<ul class="menu">
{{#if pinState.isPinned}}
<li class="item" {{action "onUnpin"}}>Remove bookmark</li>
<li class="item" {{action "onUnpin"}} role="button" tabindex="0">Remove bookmark</li>
<li class="divider"/>
{{else if session.authenticated}}
<li class="item" {{action "onPin"}}>Bookmark</li>
<li class="item" {{action "onPin"}} role="button" tabindex="0">Bookmark</li>
<li class="divider"/>
{{/if}}
<li class="item" {{action "onShowPrintModal"}}>Print</li>
<li class="item" {{action "onExport"}}>Download</li>
<li class="item" {{action "onShowPrintModal"}} role="button" tabindex="0">Print</li>
<li class="item" {{action "onExport"}} role="button" tabindex="0">Download</li>
{{#if (or permissions.documentAdd permissions.documentCopy)}}
<li class="divider"/>
{{#if permissions.documentAdd}}
<li class="item" {{action "onShowTemplateModal"}}>Template</li>
<li class="item" {{action "onShowTemplateModal"}} role="button" tabindex="0">Template</li>
{{/if}}
{{#if permissions.documentCopy}}
<li class="item" {{action "onShowDuplicateModal"}}>Copy</li>
<li class="item" {{action "onShowDuplicateModal"}} role="button" tabindex="0">Copy</li>
{{/if}}
{{/if}}
{{#if permissions.documentDelete}}
<li class="divider"/>
<li class="item red" {{action "onShowDeleteModal"}}>Delete</li>
<li class="item red" {{action "onShowDeleteModal"}} role="button" tabindex="0">Delete</li>
{{/if}}
</ul>
{{/attach-popover}}

18
gui/app/templates/components/document/page-heading.hbs
View file

@ -11,29 +11,29 @@
<div class="section-heading no-print" id="page-toolbar-{{ page.id }}">
<div class="section-toolbar">
{{#if canEdit}}
<i class="add-section dicon {{constants.Icon.Plus}}" {{action "onShowSectionWizard" page}} title="Insert section above" />
<i class="add-section dicon {{constants.Icon.Plus}}" {{action "onShowSectionWizard" page}} title="Insert section" tabindex="0" role="button" />
<div class="gap"/>
<i class="dicon {{constants.Icon.Edit}}" {{action "onEdit"}} title="Edit" />
<i class="dicon {{constants.Icon.Edit}}" {{action "onEdit"}} title="Edit section" tabindex="0" role="button" />
<div class="gap"/>
{{/if}}
<i class="dicon {{constants.Icon.Settings}}">
<i class="dicon {{constants.Icon.Settings}}" title="Actions" aria-haspopup="menu" aria-label="Dropdown menu for section">
{{#attach-popover class="ember-attacher-popper" hideOn="clickout click" showOn="click" isShown=false}}
<div class="menu">
<a class="item" href="#" id="page-copy-link-{{page.id}}" {{action "onCopyLink"}}>Copy link</a>
<div class="menu" >
<a class="item" href="#" id="page-copy-link-{{page.id}}" {{action "onCopyLink"}} tabindex="0" role="button">Copy link</a>
{{#if (or canEdit permissions.documentCopy permissions.documentMove permissions.documentTemplate)}}
<div class="divider"></div>
{{/if}}
{{#if canEdit}}
<a class="item" href="#" id={{concat "edit-page-button-" page.id}} {{action "onEdit"}}>Edit</a>
<a class="item" href="#" id={{concat "edit-page-button-" page.id}} {{action "onEdit"}} tabindex="0" role="button">Edit</a>
{{/if}}
{{#if permissions.documentCopy}}
<a class="item" href="#" id={{concat "copy-page-button-" page.id}} {{action "onShowCopyModal"}}>Copy</a>
<a class="item" href="#" id={{concat "copy-page-button-" page.id}} {{action "onShowCopyModal"}} tabindex="0" role="button">Copy</a>
{{/if}}
{{#if permissions.documentMove}}
<a class="item" href="#" id={{concat "move-page-button-" page.id}} {{action "onShowMoveModal"}}>Move</a>
<a class="item" href="#" id={{concat "move-page-button-" page.id}} {{action "onShowMoveModal"}} tabindex="0" role="button">Move</a>
{{/if}}
{{#if permissions.documentTemplate}}
<a class="item" href="#" id={{concat "publish-page-button-" page.id}} {{action "onShowPublishModal"}}>Publish</a>
<a class="item" href="#" id={{concat "publish-page-button-" page.id}} {{action "onShowPublishModal"}} tabindex="0" role="button">Publish</a>
{{/if}}
{{#if permissions.documentDelete}}
<div class="divider"></div>

2
gui/app/templates/components/document/section-attachment.hbs
View file

@ -11,7 +11,7 @@
{{file.filename}}
</a>
{{#if editMode}}
<div class="menu">
<div class="menu" aria-haspopup="menu">
{{#ui/ui-toolbar dark=false light=false raised=false large=false bordered=false}}
{{#ui/ui-toolbar-icon icon=constants.Icon.Delete color=constants.Color.Red}}
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}

4
gui/app/templates/components/document/sidebar-attachment.hbs
View file

@ -11,7 +11,7 @@
</a>
{{#if canEdit}}
<div class="menu">
<i class="dicon {{constants.Icon.Cross}}">
<i class="dicon {{constants.Icon.Cross}}" role="button" tabindex="0" aria-haspopup="menu">
{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
<div class="form">
<p>Are you sure you want to delete this file?</p>
@ -31,7 +31,7 @@
{{/each}}
{{#if canEdit}}
<li id="upload-document-files">
<i class="dicon {{constants.Icon.Plus}}"></i>
<i class="dicon {{constants.Icon.Plus}}" role="button" tabindex="0" title="Upload file" />
</li>
{{/if}}
</ul>

10
gui/app/templates/components/document/sidebar-toc.hbs
View file

@ -2,16 +2,16 @@
{{#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"}}>
<div id="toc-up-button" class="arrow {{if state.upDisabled "disabled"}}" {{action "pageUp"}} role="button" tabindex="0" aria-label="Up">
<i class="dicon {{constants.Icon.ArrowSmallUp}}" />
</div>
<div id="toc-down-button" class="arrow {{if state.downDisabled "disabled"}}" {{action "pageDown"}}>
<div id="toc-down-button" class="arrow {{if state.downDisabled "disabled"}}" {{action "pageDown"}} role="button" tabindex="0" aria-label="Down">
<i class="dicon {{constants.Icon.ArrowSmallDown}}" />
</div>
<div id="toc-outdent-button" class="arrow {{if state.outdentDisabled "disabled"}}" {{action "pageOutdent"}}>
<div id="toc-outdent-button" class="arrow {{if state.outdentDisabled "disabled"}}" {{action "pageOutdent"}} role="button" tabindex="0" aria-label="Outdent">
<i class="dicon {{constants.Icon.ArrowSmallLeft}}" />
</div>
<div id="toc-indent-button" class="arrow {{if state.indentDisabled "disabled"}}" {{action "pageIndent"}}>
<div id="toc-indent-button" class="arrow {{if state.indentDisabled "disabled"}}" {{action "pageIndent"}} role="button" tabindex="0" aria-label="Indent">
<i class="dicon {{constants.Icon.ArrowSmallRight}}" />
</div>
</div>
@ -24,7 +24,7 @@
<ul class="index-list">
{{#each pages key="id" as |item|}}
<li class="item">
<a id="index-{{item.page.id}}" {{action "onGotoPage" item.page.id}}
<a id="index-{{item.page.id}}" {{action "onGotoPage" item.page.id}} role="button" tabindex="0"
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>

2
gui/app/templates/components/document/view-content.hbs
View file

@ -33,7 +33,7 @@
{{#if canEdit}}
<div class="start-section">
<i class="dicon {{constants.Icon.Plus}}" {{action "onShowSectionWizard"}} title="Insert section here" />
<i class="dicon {{constants.Icon.Plus}}" {{action "onShowSectionWizard"}} title="Insert section here" role="button" tabindex="0" />
</div>
{{/if}}