Issue 1785 - Add "local" time for events

src/app/event-page/event-date-time.pipe.ts

@@ -15,17 +15,17 @@ export class EventDateTimePipe implements PipeTransform {
    *     The event object
    *
    * @return
-   *     New date/time formatted object
+   *     The date object
    */
-  transform(event: any): string {
+  transform(event: any): Date {
     let date;
 
     try {
       date = new Date(parseFloat(event.properties.time));
     } catch (e) {
       date = null;
     }
+    return date;
 
-    return this.formatter.dateTime(date);
   }
 }

src/app/event-page/header/header.component.html

@@ -1,6 +1,8 @@
 <header>
   <ul *ngIf="event?.id">
-    <li [innerHTML]="event | eventDateTime"></li>
+    <li><shared-date-info [date]="event | eventDateTime" [local]="false">
+        </shared-date-info>
+    </li>
     <li [innerHTML]="event | eventLocation"></li>
     <li [innerHTML]="event | eventDepth"></li>
   </ul>

src/app/shared/date-info/date-info.component.html

@@ -0,0 +1,8 @@
+<ng-container *ngIf="date else noDate">
+  <time [attr.datetime]="date.toISOString()">
+    {{ date | sharedDateTime:(local ? -date.getTimezoneOffset() : 0) }}
+  </time>
+</ng-container>
+<ng-template #noDate>
+  &ndash;
+</ng-template>

src/app/shared/date-info/date-info.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DateInfoComponent } from './date-info.component';
+
+describe('DateInfoComponent', () => {
+  let component: DateInfoComponent;
+  let fixture: ComponentFixture<DateInfoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DateInfoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DateInfoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/date-info/date-info.component.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectionStrategy, Component, Input} from '@angular/core';
+
+/**
+ * Shared date-info component for use displaying local/UTC dateTime
+ *
+ * @param date
+ *     Date object of an event
+ * @param local
+ *     If time is supposed to be local
+ */
+
+@Component({
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  selector: 'shared-date-info',
+  templateUrl: './date-info.component.html',
+  styleUrls: ['./date-info.component.scss']
+})
+export class DateInfoComponent{
+  @Input()
+  date: Date;
+  @Input()
+  local: boolean = false;
+}

src/app/shared/shared.module.ts

@@ -16,6 +16,7 @@ import { AttributionComponent } from './attribution/attribution.component';
 import { BeachballComponent } from './beachball/beachball.component';
 import { BubbleComponent } from './bubble/bubble.component';
 import { CoordinatesComponent } from './coordinates/coordinates.component';
+import { DateInfoComponent } from './date-info/date-info.component';
 import { DateTimePipe } from './date-time.pipe';
 import { DegreesPipe } from './degrees.pipe';
 import { DirectionPipe } from './direction.pipe';
@@ -93,6 +94,7 @@ import { OriginSummaryComponent } from '@shared/origin-summary/origin-summary.co
     BeachballComponent,
     BubbleComponent,
     CoordinatesComponent,
+    DateInfoComponent,
     DateTimePipe,
     DegreesPipe,
     DirectionPipe,
@@ -173,6 +175,7 @@ import { OriginSummaryComponent } from '@shared/origin-summary/origin-summary.co
     BeachballComponent,
     BubbleComponent,
     CoordinatesComponent,
+    DateInfoComponent,
     DateTimePipe,
     DegreesPipe,
     DirectionPipe,