Export component

Author: lprichar

Angular/src/app/app-routing.module.ts

@@ -7,6 +7,7 @@ import { SpeakerComponentComponent as SpeakerComponent } from './speaker/speaker
 import { TwitterCardsComponent } from './twitter-cards/twitter-cards.component';
 import { TransitionScreensComponent } from './transition-screens/transition-screens.component';
 import { NowShowingComponent } from './now-showing/now-showing.component';
+import { ExportComponent } from './export/export.component';
 
 const routes: Routes = [
   {
@@ -36,7 +37,11 @@ const routes: Routes = [
   {
     path: 'now-showing/:date',
     component: NowShowingComponent
-  }
+  },
+  {
+    path: 'export',
+    component: ExportComponent,
+  },
 ];
 
 @NgModule({

Angular/src/app/app.module.ts

@@ -14,6 +14,7 @@ import { TransitionScreensComponent } from './transition-screens/transition-scre
 import { FormsModule } from '@angular/forms';
 import { NowShowingComponent } from './now-showing/now-showing.component';
 import { SmallSpeakerComponent } from './small-speaker/small-speaker.component';
+import { ExportComponent } from './export/export.component';
 
 @NgModule({
   declarations: [
@@ -26,7 +27,8 @@ import { SmallSpeakerComponent } from './small-speaker/small-speaker.component';
     NoVaNavComponent,
     TransitionScreensComponent,
     NowShowingComponent,
-    SmallSpeakerComponent
+    SmallSpeakerComponent,
+    ExportComponent
   ],
   imports: [
     BrowserModule,

Angular/src/app/export/export.component.html

@@ -0,0 +1,13 @@
+<table class="table">
+    <tr *ngFor="let session of sessions">
+        <td>{{session.title}}</td>
+        <td>{{toSeconds(session.startsAt) | date : 'shortTime'}}</td>
+        <td>{{toSeconds(session.endsAt) | date : 'shortTime'}}</td>
+        <td>{{roomNames[session.roomId]}}</td>
+        <td>
+            <span *ngFor="let speaker of session.speakers; last as isLast">
+                {{speakerNames[speaker]}}{{isLast ? '' : ', '}}
+            </span>
+        </td>
+    </tr>
+</table>

Angular/src/app/export/export.component.scss

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

Angular/src/app/export/export.component.spec.ts

@@ -0,0 +1,37 @@
+import { Component, OnInit } from '@angular/core';
+import { DateConverterService } from '../date-converter.service';
+import { Room, Session, SessionizeService } from '../sessionize-service.service';
+
+@Component({
+  selector: 'app-export',
+  templateUrl: './export.component.html',
+  styleUrls: ['./export.component.scss']
+})
+export class ExportComponent implements OnInit {
+  public sessions: Session[] = [];
+  public roomNames: { [id: number]: string };
+  public speakerNames: { [id: number]: string };
+
+  constructor(private sessionizeService: SessionizeService, private dateConverterService: DateConverterService) { }
+
+  ngOnInit(): void {
+    this.sessionizeService
+      .getSessionizeData()
+      .subscribe((sessionizeApiResult) => {
+        this.sessions = sessionizeApiResult.sessions;
+        this.roomNames = {};
+        sessionizeApiResult.rooms.forEach(r => {
+          this.roomNames[r.id] = r.name;
+        });
+        this.speakerNames = {};
+        sessionizeApiResult.speakers.forEach(s => {
+          this.speakerNames[s.id] = s.firstName + ' ' + s.lastName;
+        });
+      });
+  }
+
+  public toSeconds(dateString: string): number {
+    return this.dateConverterService.toTime(dateString);
+  }
+
+}