mirror of
https://github.com/wekan/wekan.git
synced 2026-03-05 13:20:15 +01:00
Feature: Accessibility page at /accessibility. Settings at Admin Panel. When enabled, link at right sidebar.
Thanks to xet7 !
This commit is contained in:
parent
5287319fde
commit
d83ce5e633
10 changed files with 168 additions and 21 deletions
|
|
@ -72,3 +72,28 @@
|
|||
border-radius: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Accessibility page styles */
|
||||
.accessibility-page {
|
||||
padding: 20px;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.accessibility-page h2 {
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
color: #4d4d4d;
|
||||
}
|
||||
|
||||
.accessibility-page-content {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
|
||||
}
|
||||
|
||||
.accessibility-page-content p {
|
||||
margin-bottom: 16px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,18 @@
|
|||
template(name="accessibilityHeaderBar")
|
||||
if currentUser
|
||||
h1
|
||||
| {{_ 'accessibility-title'}}
|
||||
if isAccessibilityEnabled
|
||||
= accessibilityTitle
|
||||
else
|
||||
| {{_ 'accessibility'}}
|
||||
|
||||
template(name="accessibility")
|
||||
if currentUser
|
||||
| {{_ 'accessibility-content'}}
|
||||
.accessibility-page
|
||||
if isAccessibilityEnabled
|
||||
.accessibility-page-content
|
||||
+viewer
|
||||
| {{accessibilityContent}}
|
||||
else
|
||||
.accessibility-page-content
|
||||
| {{_ 'accessibility-info-not-added-yet'}}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,38 @@
|
|||
import { ReactiveCache } from '/imports/reactiveCache';
|
||||
import { TAPi18n } from '/imports/i18n';
|
||||
|
||||
// Shared helpers for both accessibility templates
|
||||
const accessibilityHelpers = {
|
||||
accessibilityTitle() {
|
||||
const setting = AccessibilitySettings.findOne({});
|
||||
return setting && setting.title ? setting.title : TAPi18n.__('accessibility-title');
|
||||
},
|
||||
accessibilityContent() {
|
||||
const setting = AccessibilitySettings.findOne({});
|
||||
return setting && setting.body ? setting.body : TAPi18n.__('accessibility-content');
|
||||
},
|
||||
isAccessibilityEnabled() {
|
||||
const setting = AccessibilitySettings.findOne({});
|
||||
return setting && setting.enabled;
|
||||
}
|
||||
};
|
||||
|
||||
// Main accessibility page component
|
||||
BlazeComponent.extendComponent({
|
||||
onCreated() {
|
||||
this.error = new ReactiveVar('');
|
||||
this.loading = new ReactiveVar(false);
|
||||
|
||||
Meteor.subscribe('setting');
|
||||
Meteor.subscribe('accessibilitySettings');
|
||||
},
|
||||
...accessibilityHelpers
|
||||
}).register('accessibility');
|
||||
|
||||
// Header bar component
|
||||
BlazeComponent.extendComponent({
|
||||
onCreated() {
|
||||
Meteor.subscribe('accessibilitySettings');
|
||||
},
|
||||
...accessibilityHelpers
|
||||
}).register('accessibilityHeaderBar');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue