Add a <time-display> component for better display of time

This commit is contained in:
Joseph Schorr 2017-11-27 12:56:06 +02:00
parent 2ea06d3df8
commit 7d55ff9c67
3 changed files with 15 additions and 0 deletions

View file

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

View file

@ -0,0 +1,12 @@
import { Input, Component } from 'ng-metadata/core';
/**
* A component that displays when an event occurred.
*/
@Component({
selector: 'timeDisplay',
templateUrl: '/static/js/directives/ui/time-display/time-display.component.html'
})
export class TimeDisplayComponent {
@Input('<') public datetime: any;
}

View file

@ -38,6 +38,7 @@ import { ClipboardCopyDirective } from './directives/ui/clipboard-copy/clipboard
import { CorTabsModule } from './directives/ui/cor-tabs/cor-tabs.module';
import { TriggerDescriptionComponent } from './directives/ui/trigger-description/trigger-description.component';
import { TimeAgoComponent } from './directives/ui/time-ago/time-ago.component';
import { TimeDisplayComponent } from './directives/ui/time-display/time-display.component';
import { MarkdownModule } from './directives/ui/markdown/markdown.module';
import * as Clipboard from 'clipboard';
@ -81,6 +82,7 @@ import * as Clipboard from 'clipboard';
ClipboardCopyDirective,
TriggerDescriptionComponent,
TimeAgoComponent,
TimeDisplayComponent,
],
providers: [
ViewArrayImpl,