inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1018 from Alfresco/dev-mvitale-946

Browse Source 
Fix date picker accessibility
This commit is contained in:
Mario Romano 2016-11-08 11:53:50 +00:00 committed by GitHub
commit 7a60f3bdf8
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ng2-components/ng2-activiti-analytics/src/components/widgets/date-range/date-range.widget.ts
View File

@ -71,6 +71,7 @@ export class DateRangeWidget extends WidgetComponent {
ngOnInit() { ngOnInit() {
this.initForm(); this.initForm();
this.addAccessibilityLabelToDatePicker();
this.initSartDateDialog(); this.initSartDateDialog();
this.initEndDateDialog(); this.initEndDateDialog();
} }
@ -99,6 +100,36 @@ export class DateRangeWidget extends WidgetComponent {
}); });
} }
private addAccessibilityLabelToDatePicker() {
let left: any = document.querySelector('#mddtp-date__left');
if (left) {
left.appendChild(this.createCustomElement('date left'));
}
let right: any = document.querySelector('#mddtp-date__right');
if (right) {
right.appendChild(this.createCustomElement('date right'));
}
let cancel: any = document.querySelector('#mddtp-date__cancel');
if (cancel) {
cancel.appendChild(this.createCustomElement('date cancel'));
}
let ok: any = document.querySelector('#mddtp-date__ok');
if (ok) {
ok.appendChild(this.createCustomElement('date ok'));
}
}
private createCustomElement(text: string): HTMLElement {
let span = document.createElement('span');
span.style.visibility = 'hidden';
let rightSpanText = document.createTextNode(text);
span.appendChild(rightSpanText);
return span;
}
initEndDateDialog() { initEndDateDialog() {
this.dialogEnd.trigger = this.endElement.nativeElement; this.dialogEnd.trigger = this.endElement.nativeElement;