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

Support for ARIA

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

View file

@ -2,28 +2,28 @@
<form>
<div class="widget-list-picker widget-list-picker-horiz">
<ul class="options">
<li class="option {{if isDocumizeProvider "selected"}}" {{action "onDocumize"}}>
<li class="option {{if isDocumizeProvider "selected"}}" {{action "onDocumize"}} role="button" tabindex="0">
<div class="text-header">Documize</div>
<div class="text">Built-in email/password</div>
{{#if isDocumizeProvider}}
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
<li class="option {{if isKeycloakProvider "selected"}}" {{action "onKeycloak"}}>
<li class="option {{if isKeycloakProvider "selected"}}" {{action "onKeycloak"}} role="button" tabindex="0">
<div class="text-header">Keycloak</div>
<div class="text">Via authentication server</div>
{{#if isKeycloakProvider}}
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
<li class="option {{if isLDAPProvider "selected"}}" {{action "onLDAP"}}>
<li class="option {{if isLDAPProvider "selected"}}" {{action "onLDAP"}} role="button" tabindex="0">
<div class="text-header">LDAP</div>
<div class="text">Connect to LDAP/Active Directory</div>
{{#if isLDAPProvider}}
<i class="dicon {{constants.Icon.Tick}}" />
{{/if}}
</li>
<li class="option {{if isCASProvider "selected"}}" {{action "onCAS"}}>
<li class="option {{if isCASProvider "selected"}}" {{action "onCAS"}} role="button" tabindex="0">
<div class="text-header">CAS</div>
<div class="text">Via Central Authentication Server</div>
{{#if isCASProvider}}

View file

@ -31,7 +31,7 @@
{{/if}}
<Ui::UiSpacer @size="400" />
<form>
<form role="form">
<div class="form-group">
<label for="sub-id">Customer ID</label>
{{input id="sub-id" type="text" value=subscription.id class="form-control" readonly=true}}
@ -117,7 +117,7 @@
<div class="modal-content">
<div class="modal-header">Request Account Closure</div>
<div class="modal-body">
<form {{action "onEditComment" on="submit"}}>
<form {{action "onEditComment" on="submit"}} role="form">
<div class="form-group">
<label for="the-comment">Comment</label>
{{focus-textarea id="close-comment" class="form-control" rows="5" value=comment}}

View file

@ -25,7 +25,7 @@
{{ui/ui-button color=constants.Color.Green icon=constants.Icon.Person light=true label=constants.Label.Add onClick=(action "onAddUser")}}
<Ui::UiSpacer @size="300" />
</form>
<form onsubmit={{action "onAddUser"}}>
<form onsubmit={{action "onAddUser"}} role="form">
<div class="form-group">
<label for="edit-group-desc">Bulk Upload</label>
{{textarea id="bulkUsers" value=bulkUsers class="form-control" rows="5" placeholder="firstname, lastname, email"}}

View file

@ -53,7 +53,7 @@
<div class="modal-content">
<div class="modal-header">Delete Group</div>
<div class="modal-body">
<form onsubmit= {{action "onDeleteGroup"}}>
<form onsubmit= {{action "onDeleteGroup"}} role="form">
<p>Are you sure you want to delete this group?</p>
<div class="form-group">
<label for="delete-group-name">Please type group name to confirm</label>
@ -76,7 +76,7 @@
<div class="modal-content">
<div class="modal-header">Edit Group</div>
<div class="modal-body">
<form onsubmit= {{action "onEditGroup"}}>
<form onsubmit= {{action "onEditGroup"}} role="form">
<div class="form-group">
<label for="edit-group-name">Name</label>
{{input id="edit-group-name" type="text" class="form-control mousetrap" placeholder="Enter group name" value=editGroup.name}}

View file

@ -91,17 +91,17 @@
{{#if user.me}}
<i class="user-checkbox dicon {{constants.Icon.NotAllowed}}" />
{{else if user.selected}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleSelect" user}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleSelect" user}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleSelect" user}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleSelect" user}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="{{unless user.active "inactive-user"}} {{if user.admin "admin-user"}}">
<div class="name" {{action "onShowEdit" user.id}}>
<div class="name" {{action "onShowEdit" user.id}} role="button" tabindex="0">
{{user.fullname}}
<div class="email">{{user.email}}</div>
</div>
<div class="groups" {{action "onShowGroupsModal" user.id}}>
<div class="groups" {{action "onShowGroupsModal" user.id}} role="button" tabindex="0">
{{#each user.groups as |group|}}
<span class="group">
{{group.name}}{{#if (not-eq group user.groups.lastObject)}}, {{/if}}
@ -113,41 +113,41 @@
</td>
<td class="no-width text-center align-middle">
{{#if user.editor}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleEditor" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleEditor" user.id}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleEditor" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleEditor" user.id}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="no-width text-center align-middle">
{{#if user.viewUsers}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleUsers" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleUsers" user.id}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleUsers" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleUsers" user.id}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="no-width text-center align-middle">
{{#if user.analytics}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleAnalytics" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleAnalytics" user.id}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleAnalytics" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleAnalytics" user.id}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="no-width text-center align-middle">
{{#if user.me}}
<i class="user-checkbox dicon {{constants.Icon.NotAllowed}}" />
{{else if user.admin}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleAdmin" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleAdmin" user.id}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleAdmin" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleAdmin" user.id}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="no-width text-center align-middle">
{{#if user.me}}
<i class="user-checkbox dicon {{constants.Icon.NotAllowed}}" />
{{else if user.active}}
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleActive" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.CheckboxChecked}}" {{action "toggleActive" user.id}} role="button" tabindex="0" />
{{else}}
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleActive" user.id}} />
<i class="user-checkbox dicon {{constants.Icon.Checkbox}}" {{action "toggleActive" user.id}} role="button" tabindex="0" />
{{/if}}
</td>
<td class="no-width text-center align-middle">
@ -174,7 +174,7 @@
<div class="modal-content">
<div class="modal-header">User {{editUser.firstname}} {{editUser.lastname}}</div>
<div class="modal-body">
<form>
<form role="form">
<div class="form-group">
<label for="edit-firstname">Firstname</label>
{{input id="edit-firstname" class="form-control" type="text" value=editUser.firstname}}