yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added aria label to time period on log dashboard

Browse Source 
(cherry picked from commit 8bf6a9246f)
This commit is contained in:
Justin Neville
2022-11-17 17:00:42 +00:00
committed by Sebastiaan Janssen
parent 04be6889ab
commit 5f4dc7a994
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Umbraco.Web.UI.Client/src/common/directives/components/umbdatetimepicker.directive.js
View File

@@ -72,7 +72,7 @@ Use this directive to render a date time picker
var umbDateTimePicker = { var umbDateTimePicker = {
template: '<ng-transclude>' + template: '<ng-transclude>' +
'<input type="text" ng-if="!$ctrl.options.inline" ng-model="$ctrl.ngModel" placeholder="Select Date.."></input>' + '<input type="text" ng-if="!$ctrl.options.inline" ng-model="$ctrl.ngModel" placeholder="Select Date.." ng-attr-aria-labelledby="{{$ctrl.label}}"></input>' +
'<div ng-if="$ctrl.options.inline"></div>' + '<div ng-if="$ctrl.options.inline"></div>' +
'</ng-transclude>', '</ng-transclude>',
controller: umbDateTimePickerCtrl, controller: umbDateTimePickerCtrl,
@@ -88,7 +88,8 @@ Use this directive to render a date time picker
onYearChange: '&?', onYearChange: '&?',
onReady: '&?', onReady: '&?',
onValueUpdate: '&?', onValueUpdate: '&?',
onDayCreate: '&?' onDayCreate: '&?',
label: '@'
} }
}; };

5
src/Umbraco.Web.UI.Client/src/views/logViewer/overview.html
View File

@@ -83,12 +83,13 @@
<!-- Time period --> <!-- Time period -->
<umb-box> <umb-box>
<umb-box-header title="Time Period"></umb-box-header> <umb-box-header title="Time Period" id="timePeriod"></umb-box-header>
<umb-date-time-picker class="datepicker" <umb-date-time-picker class="datepicker"
ng-model="vm.period" ng-model="vm.period"
options="vm.config" options="vm.config"
on-close="vm.dateRangeChange(selectedDates, dateStr, instance)"> on-close="vm.dateRangeChange(selectedDates, dateStr, instance)"
label="timePeriod">
</umb-date-time-picker> </umb-date-time-picker>
</umb-box> </umb-box>