vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add support for date-only to the time-display component

Browse source
This commit is contained in:
Joseph Schorr 2017-11-27 13:08:38 +02:00
parent 89d635f6cf
commit b5b4aa154c
3 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/directives/repo-tag-history.html
View file

@ -26,7 +26,7 @@
</td> </td>
<td class="history-row" ng-if="entry.date_break" colspan="2"> <td class="history-row" ng-if="entry.date_break" colspan="2">
{{ entry.date | amDateFormat:'dddd, MMMM Do YYYY' }} <time-display datetime="entry.date" date-only="true"></time-display>
</td> </td>
<td ng-if="!entry.date_break" class="icon-col"> <td ng-if="!entry.date_break" class="icon-col">

2
static/js/directives/ui/time-display/time-display.component.html
View file

@ -1 +1 @@
<span>{{ ::$ctrl.datetime | amDateFormat:'dddd, MMMM Do YYYY, h:mm A' }}</span> <span>{{ ::$ctrl.datetime | amDateFormat:$ctrl.getFormat($ctrl.dateOnly) }}</span>

9
static/js/directives/ui/time-display/time-display.component.ts
View file

@ -9,4 +9,13 @@ import { Input, Component } from 'ng-metadata/core';
}) })
export class TimeDisplayComponent { export class TimeDisplayComponent {
@Input('<') public datetime: any; @Input('<') public datetime: any;
@Input('<') public dateOnly: boolean;
private getFormat(dateOnly: boolean): string {
if (dateOnly) {
return 'dddd, MMMM Do YYYY';
}
return 'dddd, MMMM Do YYYY, h:mm A';
}
} }