mirror of
https://github.com/ansible/awx.git
synced 2026-01-13 11:00:03 -03:30
Adding a date filter that will format dates in Tower UI
based on the user's locale. short and long date format filters adding long date format to appropriate files in doing a grep for the long date format, i found these files could instead use the londDate filter Removing short hand abbreviation for dates. We will now include the year in all our date formats updating jshint to ignore moment updating long date filter
This commit is contained in:
parent
e4a9919c24
commit
e41359c8cc
@ -23,7 +23,8 @@
|
||||
"it": false,
|
||||
"expect": false,
|
||||
"context": false,
|
||||
"describe": false
|
||||
"describe": false,
|
||||
"moment": false
|
||||
},
|
||||
"strict": false,
|
||||
"quotmark": false,
|
||||
|
||||
@ -179,7 +179,8 @@ var tower = angular.module('Tower', [
|
||||
'CreateCustomInventoryHelper',
|
||||
'CustomInventoryListDefinition',
|
||||
'AdhocHelper',
|
||||
'features'
|
||||
'features',
|
||||
'longDateFilter'
|
||||
])
|
||||
|
||||
.constant('AngularScheduler.partials', urlPrefix + 'lib/angular-scheduler/lib/')
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
import sanitizeFilter from 'tower/filters/sanitize/xss-sanitizer.filter';
|
||||
import capitalizeFilter from 'tower/filters/capitalize.filter';
|
||||
import longDateFilter from 'tower/filters/dates/long-date.filter';
|
||||
|
||||
export {
|
||||
sanitizeFilter,
|
||||
capitalizeFilter
|
||||
capitalizeFilter,
|
||||
longDateFilter
|
||||
};
|
||||
|
||||
6
awx/ui/static/js/filters/dates/long-date.filter.js
Normal file
6
awx/ui/static/js/filters/dates/long-date.filter.js
Normal file
@ -0,0 +1,6 @@
|
||||
angular.module('longDateFilter', []).filter('longDate', function() {
|
||||
return function(input) {
|
||||
var date = moment(input);
|
||||
return date.format('l LTS');
|
||||
};
|
||||
});
|
||||
@ -38,13 +38,13 @@ export default
|
||||
"started": {
|
||||
label: "Started",
|
||||
type: "date",
|
||||
"filter": "date:'MM/dd/yy HH:mm:ss'",
|
||||
"filter": "longDate",
|
||||
readonly: true
|
||||
},
|
||||
"finished": {
|
||||
label: "Finished",
|
||||
type: "date",
|
||||
"filter": "date:'MM/dd/yy HH:mm:ss'",
|
||||
"filter": "longDate",
|
||||
readonly: true
|
||||
},
|
||||
"elapsed": {
|
||||
|
||||
@ -423,10 +423,10 @@ export default
|
||||
else if (key === "start" || key === "end" || key === "created") {
|
||||
if (!/Z$/.test(itm)) {
|
||||
itm = itm.replace(/\ /,'T') + 'Z';
|
||||
html += $filter('date')(itm, 'MM/dd/yy HH:mm:ss.sss');
|
||||
html += $filter('longDate')(itm);
|
||||
}
|
||||
else {
|
||||
html += $filter('date')(itm, 'MM/dd/yy HH:mm:ss');
|
||||
html += $filter('longDate')(itm);
|
||||
}
|
||||
}
|
||||
else if (key === "host_name" && event.host_id) {
|
||||
|
||||
@ -52,7 +52,7 @@ export default
|
||||
label: 'Finished',
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
filter: "date:'MM/dd HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
columnClass: "col-lg-2 col-md-2 hidden-xs",
|
||||
key: true,
|
||||
desc: true
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
|
||||
export default
|
||||
angular.module('CompletedJobsDefinition', ['sanitizeFilter'])
|
||||
angular.module('CompletedJobsDefinition', ['sanitizeFilter', 'longDateFilter'])
|
||||
.value( 'CompletedJobsList', {
|
||||
|
||||
name: 'completed_jobs',
|
||||
@ -51,7 +51,7 @@ export default
|
||||
label: 'Finished',
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
filter: "date:'MM/dd HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
columnClass: "col-lg-2 col-md-2 hidden-xs",
|
||||
key: true,
|
||||
desc: true
|
||||
|
||||
@ -57,7 +57,7 @@ export default
|
||||
label: 'Started',
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
filter: "date:'MM/dd HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
columnClass: "col-lg-2 col-md-2 hidden-xs"
|
||||
},
|
||||
type: {
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
|
||||
|
||||
export default
|
||||
angular.module('PortalJobsListDefinition', [])
|
||||
angular.module('PortalJobsListDefinition', ['longDateFilter'])
|
||||
.value( 'PortalJobsList', {
|
||||
|
||||
name: 'portal_jobs',
|
||||
@ -58,7 +58,7 @@ export default
|
||||
label: 'Started',
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
filter: "date:'MM/dd HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
columnClass: "col-lg-3 col-md-3 hidden-xs"
|
||||
},
|
||||
name: {
|
||||
|
||||
@ -45,7 +45,7 @@ export default
|
||||
},
|
||||
last_updated: {
|
||||
label: 'Last Updated',
|
||||
filter: "date:'MM/dd/yy HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
columnClass: "col-lg-2 col-md-2 hidden-sm hidden-xs",
|
||||
excludeModal: true,
|
||||
searchable: false,
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
|
||||
export default
|
||||
angular.module('ScheduledJobsDefinition', ['sanitizeFilter'])
|
||||
angular.module('ScheduledJobsDefinition', ['sanitizeFilter', 'longDateFilter'])
|
||||
.value( 'ScheduledJobsList', {
|
||||
|
||||
name: 'schedules',
|
||||
@ -36,7 +36,7 @@ export default
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
columnClass: "col-lg-2 col-md-2 hidden-xs",
|
||||
filter: "date:'MM/dd HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
key: true
|
||||
},
|
||||
type: {
|
||||
@ -92,4 +92,4 @@ export default
|
||||
dataPlacement: 'top'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -29,19 +29,19 @@ export default
|
||||
},
|
||||
dtstart: {
|
||||
label: 'First Run',
|
||||
filter: "date:'MM/dd/yy HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
searchable: false,
|
||||
columnClass: "col-md-2 col-sm-3 hidden-xs"
|
||||
},
|
||||
next_run: {
|
||||
label: 'Next Run',
|
||||
filter: "date:'MM/dd/yy HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
searchable: false,
|
||||
columnClass: "col-md-2 col-sm-3 col-xs-3"
|
||||
},
|
||||
dtend: {
|
||||
label: 'Final Run',
|
||||
filter: "date:'MM/dd/yy HH:mm:ss'",
|
||||
filter: "longDate",
|
||||
searchable: false,
|
||||
columnClass: "col-md-2 col-sm-3 hidden-xs"
|
||||
}
|
||||
@ -96,4 +96,4 @@ export default
|
||||
dataPlacement: 'top'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@ -29,7 +29,7 @@ export default
|
||||
desc: true,
|
||||
noLink: true,
|
||||
searchable: false,
|
||||
filter: "date:'MM/dd/yy HH:mm:ss'"
|
||||
filter: "longDate",
|
||||
},
|
||||
user: {
|
||||
label: 'Initiated by',
|
||||
@ -281,4 +281,4 @@ export default
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
@ -300,7 +300,7 @@ angular.module('StreamWidget', ['RestServices', 'Utilities', 'StreamListDefiniti
|
||||
scope = generator.inject(form, { mode: 'edit', modal: true, related: false });
|
||||
scope.changes = activity.changes_stringified;
|
||||
scope.user = ((activity.summary_fields.actor) ? activity.summary_fields.actor.username : 'system') +
|
||||
' on ' + $filter('date')(activity.timestamp, "MM/dd/yy HH:mm:ss");
|
||||
' on ' + $filter('longDate')(activity.timestamp);
|
||||
scope.operation = activity.description_nolink;
|
||||
|
||||
scope.formModalAction = function () {
|
||||
|
||||
@ -45,8 +45,8 @@
|
||||
<div class="form-group" ng-show="job_status.started">
|
||||
<label class="col-lg-2 col-md-2 col-sm-2 col-xs-3 control-label">Timing</label>
|
||||
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-9">
|
||||
<div ng-show="job_status.started" id="started-time">Started {{ job_status.started | date:'MM/dd/yy HH:mm:ss' }}</div>
|
||||
<div ng-show="job_status.finished" id="finished-time">Finished {{ job_status.finished | date:'MM/dd/yy HH:mm:ss' }}</div>
|
||||
<div ng-show="job_status.started" id="started-time">Started {{ job_status.started | longDate }}</div>
|
||||
<div ng-show="job_status.finished" id="finished-time">Finished {{ job_status.finished | longDate }}</div>
|
||||
<div ng-show="job_status.finished" id="elapsed-time">Elapsed {{ job_status.elapsed }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -44,10 +44,10 @@
|
||||
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12
|
||||
StandardOutDetails-detailContent">
|
||||
<div ng-show="job.started" id="started-time">
|
||||
Started {{ job.started | date:'MM/dd/yy HH:mm:ss' }}
|
||||
Started {{ job.started | longDate }}
|
||||
</div>
|
||||
<div ng-show="job.finished" id="finished-time">
|
||||
Finished {{ job.finished | date:'MM/dd/yy HH:mm:ss' }}
|
||||
Finished {{ job.finished | longDate }}
|
||||
</div>
|
||||
<div ng-show="job.finished" id="elapsed-time">
|
||||
Elapsed {{ job.elapsed }} seconds
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user