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:
parent
45f216b8a1
commit
6b3cdb5033
42 changed files with 159 additions and 148 deletions
|
@ -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}}
|
||||
|
|
|
@ -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}}
|
||||
|
|
|
@ -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"}}
|
||||
|
|
|
@ -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}}
|
||||
|
|
|
@ -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}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue