Add schedule app

Dockerfile

@@ -1,12 +1,22 @@
 FROM node:alpine as builder
 
-WORKDIR /build
+WORKDIR /build-quotes
-COPY ng-app/package.json ng-app/package-lock.json ./
+COPY apps/quotes/package.json apps/quotes/package-lock.json ./
 
-RUN npm install && mkdir /ng-app && cp -r node_modules/ /ng-app
+RUN npm install && mkdir /quotes && cp -r node_modules/ /quotes
 
-WORKDIR /ng-app
+WORKDIR /quotes
-COPY ng-app .
+COPY apps/quotes .
+
+RUN $(npm bin)/ng build --prod --build-optimizer --output-hashing=none
+
+WORKDIR /build-schedule
+COPY apps/schedule/package.json apps/schedule/package-lock.json ./
+
+RUN npm install && mkdir /schedule && cp -r node_modules/ /schedule
+
+WORKDIR /schedule
+COPY apps/schedule .
 
 RUN $(npm bin)/ng build --prod --build-optimizer --output-hashing=none
 
@@ -14,7 +24,8 @@ FROM nginx:alpine
 
 COPY nginx/nginx.conf /etc/nginx/nginx.conf
 
-COPY --from=builder /ng-app/dist /quotes/quotes/assets
+COPY --from=builder /quotes/dist /quotes/quotes/assets
+COPY --from=builder /schedule/dist /schedule/schedule/assets
 
 RUN addgroup -g 9999 lilia
 

apps/quotes/.angular-cli.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "name": "frontend"
+    "name": "quotes"
   },
   "apps": [
     {

apps/quotes/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "frontend",
+  "name": "quotes",
   "version": "0.0.0",
   "lockfileVersion": 1,
   "requires": true,

apps/quotes/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "frontend",
+  "name": "quotes",
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {

apps/quotes/src/app/app.module.ts

@@ -14,7 +14,6 @@ import {
     MatListModule,
     MatPaginatorModule,
     MatProgressSpinnerModule,
-    MatSidenavModule,
     MatSortModule,
     MatToolbarModule,
     MatTableModule
@@ -53,7 +52,6 @@ const routes: Routes = [
         MatMenuModule,
         MatPaginatorModule,
         MatProgressSpinnerModule,
-        MatSidenavModule,
         MatSortModule,
         MatToolbarModule,
         MatTableModule,

apps/schedule/.angular-cli.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "project": {
+    "name": "schedule"
+  },
+  "apps": [
+    {
+      "root": "src",
+      "outDir": "dist",
+      "assets": [
+        "assets",
+        "favicon.ico"
+      ],
+      "index": "index.html",
+      "main": "main.ts",
+      "polyfills": "polyfills.ts",
+      "test": "test.ts",
+      "tsconfig": "tsconfig.app.json",
+      "testTsconfig": "tsconfig.spec.json",
+      "prefix": "app",
+      "styles": [
+        "styles.css",
+        "theme.scss"
+      ],
+      "scripts": [],
+      "environmentSource": "environments/environment.ts",
+      "environments": {
+        "dev": "environments/environment.ts",
+        "prod": "environments/environment.prod.ts"
+      }
+    }
+  ],
+  "e2e": {
+    "protractor": {
+      "config": "./protractor.conf.js"
+    }
+  },
+  "lint": [
+    {
+      "project": "src/tsconfig.app.json",
+      "exclude": "**/node_modules/**"
+    },
+    {
+      "project": "src/tsconfig.spec.json",
+      "exclude": "**/node_modules/**"
+    },
+    {
+      "project": "e2e/tsconfig.e2e.json",
+      "exclude": "**/node_modules/**"
+    }
+  ],
+  "test": {
+    "karma": {
+      "config": "./karma.conf.js"
+    }
+  },
+  "defaults": {
+    "styleExt": "css",
+    "component": {}
+  }
+}

apps/schedule/.editorconfig

@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

apps/schedule/.gitignore

@@ -0,0 +1,44 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/dist-server
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db

apps/schedule/README.md

@@ -0,0 +1,27 @@
+# NgApp
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.3.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

apps/schedule/e2e/app.e2e-spec.ts

@@ -0,0 +1,14 @@
+import { AppPage } from './app.po';
+
+describe('ng-app App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('Welcome to app!');
+  });
+});

apps/schedule/e2e/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}

apps/schedule/e2e/tsconfig.e2e.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

apps/schedule/karma.conf.js

@@ -0,0 +1,33 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular/cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular/cli/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};

apps/schedule/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "schedule",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --prod",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^5.2.0",
+    "@angular/cdk": "^5.2.5",
+    "@angular/common": "^5.2.0",
+    "@angular/compiler": "^5.2.0",
+    "@angular/core": "^5.2.0",
+    "@angular/flex-layout": "^5.0.0-beta.14",
+    "@angular/forms": "^5.2.0",
+    "@angular/http": "^5.2.0",
+    "@angular/material": "^5.2.5",
+    "@angular/platform-browser": "^5.2.0",
+    "@angular/platform-browser-dynamic": "^5.2.0",
+    "@angular/router": "^5.2.0",
+    "core-js": "^2.4.1",
+    "hammerjs": "^2.0.8",
+    "moment-timezone": "^0.5.17",
+    "node-sass": "^4.9.0",
+    "rxjs": "^5.5.6",
+    "zone.js": "^0.8.19"
+  },
+  "devDependencies": {
+    "@angular/cli": "~1.7.3",
+    "@angular/compiler-cli": "^5.2.0",
+    "@angular/language-service": "^5.2.0",
+    "@types/jasmine": "~2.8.3",
+    "@types/jasminewd2": "~2.0.2",
+    "@types/node": "~6.0.60",
+    "codelyzer": "^4.0.1",
+    "jasmine-core": "~2.8.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~2.0.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "^1.2.1",
+    "karma-jasmine": "~1.1.0",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "protractor": "~5.1.2",
+    "ts-node": "~4.1.0",
+    "tslint": "~5.9.1",
+    "typescript": "~2.5.3"
+  }
+}

apps/schedule/protractor.conf.js

@@ -0,0 +1,28 @@
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: 'e2e/tsconfig.e2e.json'
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

apps/schedule/src/app/app.component.css

@@ -0,0 +1,3 @@
+>>> body {
+    margin: 0;
+}

apps/schedule/src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

apps/schedule/src/app/app.component.spec.ts

@@ -0,0 +1,27 @@
+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+  it('should create the app', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+  it(`should have as title 'app'`, async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app');
+  }));
+  it('should render title in a h1 tag', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+  }));
+});

apps/schedule/src/app/app.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+    title = 'app';
+}

apps/schedule/src/app/app.module.ts

@@ -0,0 +1,67 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { NgModule } from '@angular/core';
+
+import { HttpClientModule } from '@angular/common/http';
+
+import {
+    Routes,
+    RouterModule
+} from '@angular/router';
+
+import {
+    MatProgressSpinnerModule,
+    MatSelectModule,
+    MatToolbarModule,
+    MatTableModule
+} from '@angular/material';
+
+import { MatCardModule } from '@angular/material/card';
+
+import { FlexLayoutModule } from "@angular/flex-layout";
+
+import { AppComponent } from './app.component';
+import { ScheduleComponent } from './schedule/schedule.component';
+import { TimeZonePickerComponent } from './timezonepicker/timezonepicker.component';
+import { ScheduleService } from './services/schedule.service';
+import { TimeZonePickerService } from './services/timezonepicker.service';
+import { CountryNamePipe } from './pipes/countryname.pipe';
+import { DaysHoursMinutesPipe } from './pipes/dayshoursminutes.pipe';
+import { GetDateTimePipe } from './pipes/getdatetime.pipe';
+import { TimePipe } from './pipes/time.pipe';
+
+
+const routes: Routes = [
+    { path: '', component: ScheduleComponent },
+    { path: '**', redirectTo: '/' }
+];
+
+@NgModule({
+    declarations: [
+        AppComponent,
+        ScheduleComponent,
+        TimeZonePickerComponent,
+        CountryNamePipe,
+        DaysHoursMinutesPipe,
+        GetDateTimePipe,
+        TimePipe
+    ],
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        HttpClientModule,
+        FlexLayoutModule,
+        MatCardModule,
+        MatProgressSpinnerModule,
+        MatSelectModule,
+        MatToolbarModule,
+        MatTableModule,
+        RouterModule.forRoot(routes)
+    ],
+    providers: [
+        ScheduleService,
+        TimeZonePickerService
+    ],
+    bootstrap: [ AppComponent ]
+})
+export class AppModule { }

apps/schedule/src/app/models/schedule.ts

@@ -0,0 +1,16 @@
+export interface Slot {
+    label: string;
+    uuid: string;
+    description: string;
+    isEnabled: boolean;
+    isTimeEnabled: boolean;
+    hours: number;
+    minutes: number;
+    offset: number;
+}
+
+export interface Schedule {
+    schedule: {
+        scheduleSlots: Slot[];
+    };
+}

apps/schedule/src/app/models/timezone.ts

@@ -0,0 +1,4 @@
+export interface TimeZone {
+    iso: string;
+    zones: string[];
+}

apps/schedule/src/app/pipes/countryname.pipe.ts

@@ -0,0 +1,19 @@
+import {
+    Pipe,
+    PipeTransform
+} from '@angular/core';
+
+import { TimeZonePickerService } from '../services/timezonepicker.service';
+
+
+@Pipe({
+    name: 'countryname'
+})
+export class CountryNamePipe implements PipeTransform {
+
+    constructor(private service: TimeZonePickerService) { }
+
+    transform(iso: string): string {
+        return this.service.getCountryName(iso);
+    }
+}

apps/schedule/src/app/pipes/dayshoursminutes.pipe.ts

@@ -0,0 +1,31 @@
+import {
+    Pipe,
+    PipeTransform
+} from '@angular/core';
+
+
+@Pipe({
+    name: 'dayshoursminutes'
+})
+export class DaysHoursMinutesPipe implements PipeTransform {
+
+    transform(milliseconds: number): string {
+        let secs = milliseconds / 1000 >> 0;
+        let seconds = secs % 60;
+        let mins = (secs - seconds) / 60 >> 0;
+        let minutes = mins % 60;
+        let hrs = (mins - minutes) / 60 >> 0;
+        let hours = hrs % 24;
+        let days = (hrs - hours) / 24 >> 0;
+        let result = minutes.toString() + ' minutes';
+        if (hours == 1)
+            result = hours.toString() + ' hour, ' + result;
+        else if (hours > 1)
+            result = hours.toString() + ' hours, ' + result;
+        if (days == 1)
+            result = days.toString() + ' day, ' + result;
+        if (days > 1)
+            result = days.toString() + ' days, ' + result;
+        return result;
+    }
+}

apps/schedule/src/app/pipes/getdatetime.pipe.ts

@@ -0,0 +1,27 @@
+import {
+    Pipe,
+    PipeTransform
+} from '@angular/core';
+
+import { Slot } from '../models/schedule';
+
+
+@Pipe({
+    name: 'getdatetime'
+})
+export class GetDateTimePipe implements PipeTransform {
+
+    transform(slot: Slot): Date {
+        let result = new Date();
+        let weekdays = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
+        let day = weekdays.indexOf(slot.label.toLowerCase());
+        let offset = day - result.getDay();
+        if (offset < 0)
+            offset += 7;
+        result.setDate(result.getDate() + offset)
+        let remainder = slot.offset % 60;
+        result.setUTCHours(slot.hours - (slot.offset - remainder) / 60 >> 0);
+        result.setUTCMinutes(slot.minutes - remainder);
+        return result;
+    }
+}

apps/schedule/src/app/pipes/time.pipe.ts

@@ -0,0 +1,20 @@
+import {
+    Pipe,
+    PipeTransform
+} from '@angular/core';
+
+import * as moment from 'moment-timezone';
+
+
+@Pipe({
+    name: 'time'
+})
+export class TimePipe implements PipeTransform {
+
+    transform(time: Date, timeZone: string): string {
+        if ((new Date()).toLocaleString().match(/am|pm/i))
+            return moment(time).tz(timeZone).format('h:mm A [GMT]Z');
+        else
+            return moment(time).tz(timeZone).format('H:mm [GMT]Z');
+    }
+}

apps/schedule/src/app/schedule/schedule.component.css

@@ -0,0 +1,26 @@
+.schedule {
+    text-align: center;
+}
+
+.schedule-table {
+    text-align: left;
+}
+
+.mat-column-time {
+    text-align: right;
+}
+
+.mat-card-content {
+    font-size: 125%;
+}
+
+.spinner-container {
+    position: fixed;
+    left: 50%;
+    top: 15%;
+    margin-left: -50px;
+}
+
+.spinner-container mat-spinner {
+    margin: 6em auto 0 auto;
+}

apps/schedule/src/app/schedule/schedule.component.html

@@ -0,0 +1,51 @@
+<div class="schedule">
+
+    <mat-toolbar>
+
+        <timezone-picker (timeZoneChange)="changeTimeZone($event)"></timezone-picker>
+
+    </mat-toolbar>
+
+    <div class="spinner-container" *ngIf="dataSource.loading$ | async">
+
+        <mat-spinner></mat-spinner>
+
+    </div>
+
+    <div class="schedule-countdown" *ngIf="!(dataSource.loading$ | async)">
+
+        <mat-card>
+
+            <mat-card-title>Next scheduled livestream</mat-card-title>
+
+            <mat-card-content>In {{dataSource.countdown$ | async | dayshoursminutes}}</mat-card-content>
+
+        </mat-card>
+
+    </div>
+
+    <mat-table class="schedule-table mat-elevation-z8" [dataSource]="dataSource">
+
+        <ng-container matColumnDef="title">
+
+            <mat-cell fxFlex="40%" *matCellDef="let slot">{{slot.description}}</mat-cell>
+
+        </ng-container>
+
+        <ng-container matColumnDef="day">
+
+            <mat-cell fxFlex="40%" *matCellDef="let slot">{{slot.label}}</mat-cell>
+
+        </ng-container>
+
+        <ng-container matColumnDef="time">
+
+            <mat-cell fxFlex="20%" *matCellDef="let slot">{{slot | getdatetime | time : timeZone}}</mat-cell>
+
+        </ng-container>
+
+        <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
+
+    </mat-table>
+
+</div>

apps/schedule/src/app/schedule/schedule.component.ts

@@ -0,0 +1,42 @@
+import {
+    Component,
+    ElementRef,
+    OnInit,
+    ViewChild
+} from '@angular/core';
+
+import { ActivatedRoute } from '@angular/router';
+
+import { MatTableDataSource } from '@angular/material';
+
+import { ScheduleService } from '../services/schedule.service';
+import { ScheduleDataSource } from '../services/schedule.datasource';
+
+
+@Component({
+    selector: 'schedule',
+    templateUrl: './schedule.component.html',
+    styleUrls: [ './schedule.component.css' ]
+})
+export class ScheduleComponent implements OnInit {
+    dataSource: ScheduleDataSource;
+    timeZone: string;
+
+    displayedColumns = [
+        'title',
+        'day',
+        'time'
+    ];
+
+    constructor(private route: ActivatedRoute,
+                private scheduleService: ScheduleService) { }
+
+    ngOnInit() {
+        this.dataSource = new ScheduleDataSource(this.scheduleService);
+        this.dataSource.loadSchedule(false);
+    }
+
+    changeTimeZone(value) {
+        this.timeZone = value;
+    }
+}

apps/schedule/src/app/services/schedule.datasource.ts

@@ -0,0 +1,80 @@
+import {
+    CollectionViewer,
+    DataSource
+} from '@angular/cdk/collections';
+
+import { Observable } from 'rxjs/Observable';
+import { BehaviorSubject } from 'rxjs/BehaviorSubject';
+import { of } from 'rxjs/observable/of';
+import { timer } from 'rxjs/observable/timer';
+
+import {
+    catchError,
+    finalize
+} from 'rxjs/operators';
+
+import { GetDateTimePipe } from '../pipes/getdatetime.pipe';
+
+import { ScheduleService } from './schedule.service';
+
+import { Slot } from '../models/schedule';
+
+
+export class ScheduleDataSource implements DataSource<Slot> {
+    private scheduleSubject = new BehaviorSubject<Slot[]>([]);
+    private loadingSubject = new BehaviorSubject<boolean>(false);
+    private countdownSubject = new BehaviorSubject<number>(undefined);
+
+    public loading$ = this.loadingSubject.asObservable();
+    public countdown$ = this.countdownSubject.asObservable();
+
+    constructor(private scheduleService: ScheduleService) { }
+
+    loadSchedule(disabled: boolean) {
+        this.loadingSubject.next(true);
+
+        this.scheduleService.getSchedule(disabled)
+            .pipe(
+                catchError(() => of([])),
+                finalize(() => this.loadingSubject.next(false))
+            )
+            .subscribe(schedule => {
+                schedule = this.sorted(schedule);
+
+                this.scheduleSubject.next(schedule);
+
+                timer(0, 1000).subscribe(() =>
+                    this.countdownSubject.next(this.countdown(schedule))
+                );
+            });
+    }
+
+    private sorted(schedule) {
+        schedule.sort(function(a, b) {
+            a = new GetDateTimePipe().transform(a);
+            b = new GetDateTimePipe().transform(b);
+            return a.getTime() - b.getTime();
+        });
+
+        return schedule;
+    }
+
+    private countdown(schedule) {
+        if (schedule.length == 0)
+            return undefined;
+
+        let next = new GetDateTimePipe().transform(schedule[0]);
+        return next.getTime() - Date.now();
+    }
+
+    connect(collectionViewer: CollectionViewer): Observable<Slot[]> {
+        console.log('Connecting data source');
+        return this.scheduleSubject.asObservable();
+    }
+
+    disconnect(collectionViewer: CollectionViewer): void {
+        this.scheduleSubject.complete();
+        this.loadingSubject.complete();
+        this.countdownSubject.complete();
+    }
+}

apps/schedule/src/app/services/schedule.service.ts

@@ -0,0 +1,29 @@
+import { Injectable } from '@angular/core';
+
+import {
+    HttpClient,
+    HttpParams
+} from '@angular/common/http';
+
+import { Observable } from 'rxjs/Observable';
+
+import { map } from 'rxjs/operators';
+
+import {
+    Schedule,
+    Slot
+} from '../models/schedule';
+
+
+@Injectable()
+export class ScheduleService {
+    constructor(private http: HttpClient) { }
+
+    getSchedule(disabled = false): Observable<Slot[]> {
+
+        return this.http.get<Schedule>('https://schedule.twitch.serpent.ai/schedule/92737529')
+            .pipe(
+                map(res => res.schedule.scheduleSlots.filter(slot => disabled || slot.isEnabled))
+            );
+    }
+}

apps/schedule/src/app/services/timezonepicker.service.ts

@@ -0,0 +1,779 @@
+import { Injectable } from '@angular/core';
+
+import { TimeZone } from '../models/timezone';
+
+
+@Injectable()
+export class TimeZonePickerService {
+    getTimeZones(): TimeZone[] {
+        let result = [];
+
+        for (let iso of Object.keys(TIMEZONES)) {
+            result.push({
+                iso: iso,
+                zones: TIMEZONES[iso]
+            });
+        }
+
+        return result;
+    }
+
+    getCountries(): string[] {
+        let result = [];
+
+        for (let iso of Object.keys(COUNTRIES)) {
+            result.push(iso);
+        }
+
+        return result;
+    }
+
+    getCountryName(iso: string): string {
+        return COUNTRIES[iso] ? COUNTRIES[iso] : iso;
+    }
+}
+
+const TIMEZONES = {
+    AD: [ 'Europe/Andorra' ],
+    AE: [ 'Asia/Dubai' ],
+    AF: [ 'Asia/Kabul' ],
+    AG: [ 'America/Antigua' ],
+    AI: [ 'America/Anguilla' ],
+    AL: [ 'Europe/Tirane' ],
+    AM: [ 'Asia/Yerevan' ],
+    AO: [ 'Africa/Luanda' ],
+    AQ: [
+        'Antarctica/McMurdo',
+        'Antarctica/Rothera',
+        'Antarctica/Palmer',
+        'Antarctica/Mawson',
+        'Antarctica/Davis',
+        'Antarctica/Casey',
+        'Antarctica/Vostok',
+        'Antarctica/DumontDUrville',
+        'Antarctica/Syowa',
+        'Antarctica/Troll'
+    ],
+    AR: [
+        'America/Argentina/Buenos_Aires',
+        'America/Argentina/Cordoba',
+        'America/Argentina/Salta',
+        'America/Argentina/Jujuy',
+        'America/Argentina/Tucuman',
+        'America/Argentina/Catamarca',
+        'America/Argentina/La_Rioja',
+        'America/Argentina/San_Juan',
+        'America/Argentina/Mendoza',
+        'America/Argentina/San_Luis',
+        'America/Argentina/Rio_Gallegos',
+        'America/Argentina/Ushuaia'
+    ],
+    AS: [
+        'Pacific/Pago_Pago',
+        'Pacific/Samoa'
+    ],
+    AT: [ 'Europe/Vienna' ],
+    AU: [
+        'Australia/Lord_Howe',
+        'Antarctica/Macquarie',
+        'Australia/Hobart',
+        'Australia/Currie',
+        'Australia/Melbourne',
+        'Australia/Sydney',
+        'Australia/Broken_Hill',
+        'Australia/Brisbane',
+        'Australia/Lindeman',
+        'Australia/Adelaide',
+        'Australia/Darwin',
+        'Australia/Perth',
+        'Australia/Eucla',
+        'Australia/Canberra',
+        'Australia/Queensland',
+        'Australia/Tasmania',
+        'Australia/Victoria'
+    ],
+    AW: [ 'America/Aruba' ],
+    AX: [ 'Europe/Mariehamn' ],
+    AZ: [ 'Asia/Baku' ],
+    BA: [ 'Europe/Sarajevo' ],
+    BB: [ 'America/Barbados' ],
+    BD: [ 'Asia/Dhaka' ],
+    BE: [ 'Europe/Brussels' ],
+    BF: [ 'Africa/Ouagadougou' ],
+    BG: [ 'Europe/Sofia' ],
+    BH: [ 'Asia/Bahrain' ],
+    BI: [ 'Africa/Bujumbura' ],
+    BJ: [ 'Africa/Porto-Novo' ],
+    BL: [ 'America/St_Barthelemy' ],
+    BM: [ 'Atlantic/Bermuda' ],
+    BN: [ 'Asia/Brunei' ],
+    BO: [ 'America/La_Paz' ],
+    BQ: [ 'America/Kralendijk' ],
+    BR: [
+        'America/Noronha',
+        'America/Belem',
+        'America/Fortaleza',
+        'America/Recife',
+        'America/Araguaina',
+        'America/Maceio',
+        'America/Bahia',
+        'America/Sao_Paulo',
+        'America/Campo_Grande',
+        'America/Cuiaba',
+        'America/Santarem',
+        'America/Porto_Velho',
+        'America/Boa_Vista',
+        'America/Manaus',
+        'America/Eirunepe',
+        'America/Rio_Branco'
+    ],
+    BS: [ 'America/Nassau' ],
+    BT: [ 'Asia/Thimphu' ],
+    BW: [ 'Africa/Gaborone' ],
+    BY: [ 'Europe/Minsk' ],
+    BZ: [ 'America/Belize' ],
+    CA: [
+        'America/St_Johns',
+        'America/Halifax',
+        'America/Glace_Bay',
+        'America/Moncton',
+        'America/Goose_Bay',
+        'America/Blanc-Sablon',
+        'America/Toronto',
+        'America/Nipigon',
+        'America/Thunder_Bay',
+        'America/Iqaluit',
+        'America/Pangnirtung',
+        'America/Resolute',
+        'America/Atikokan',
+        'America/Rankin_Inlet',
+        'America/Winnipeg',
+        'America/Rainy_River',
+        'America/Regina',
+        'America/Swift_Current',
+        'America/Edmonton',
+        'America/Cambridge_Bay',
+        'America/Yellowknife',
+        'America/Inuvik',
+        'America/Creston',
+        'America/Dawson_Creek',
+        'America/Vancouver',
+        'America/Whitehorse',
+        'America/Dawson',
+        'America/Montreal',
+        'Canada/Atlantic',
+        'Canada/Central',
+        'Canada/Eastern',
+        'Canada/Mountain',
+        'Canada/Newfoundland',
+        'Canada/Pacific',
+        'Canada/Saskatchewan',
+        'Canada/Yukon'
+    ],
+    CC: [ 'Indian/Cocos' ],
+    CD: [
+        'Africa/Kinshasa',
+        'Africa/Lubumbashi'
+    ],
+    CF: [ 'Africa/Bangui' ],
+    CG: [ 'Africa/Brazzaville' ],
+    CH: [ 'Europe/Zurich' ],
+    CI: [ 'Africa/Abidjan' ],
+    CK: [ 'Pacific/Rarotonga' ],
+    CL: [
+        'America/Santiago',
+        'Pacific/Easter',
+        'Chile/Continental',
+        'Chile/EasterIsland'
+    ],
+    CM: [ 'Africa/Douala' ],
+    CN: [
+        'Asia/Shanghai',
+        'Asia/Harbin',
+        'Asia/Chongqing',
+        'Asia/Urumqi',
+        'Asia/Kashgar'
+    ],
+    CO: [ 'America/Bogota' ],
+    CR: [ 'America/Costa_Rica' ],
+    CU: [ 'America/Havana' ],
+    CV: [ 'Atlantic/Cape_Verde' ],
+    CW: [ 'America/Curacao' ],
+    CX: [ 'Indian/Christmas' ],
+    CY: [ 'Asia/Nicosia' ],
+    CZ: [ 'Europe/Prague' ],
+    DE: [ 'Europe/Berlin' ],
+    DJ: [ 'Africa/Djibouti' ],
+    DK: [ 'Europe/Copenhagen' ],
+    DM: [ 'America/Dominica' ],
+    DO: [ 'America/Santo_Domingo' ],
+    DZ: [ 'Africa/Algiers' ],
+    EC: [
+        'America/Guayaquil',
+        'Pacific/Galapagos'
+    ],
+    EE: [ 'Europe/Tallinn' ],
+    EG: [ 'Egypt' ],
+    EH: [ 'Africa/El_Aaiun' ],
+    ER: [ 'Africa/Asmara' ],
+    ES: [
+        'Europe/Madrid',
+        'Africa/Ceuta',
+        'Atlantic/Canary'
+    ],
+    ET: [ 'Africa/Addis_Ababa' ],
+    FI: [ 'Europe/Helsinki' ],
+    FJ: [ 'Pacific/Fiji' ],
+    FK: [ 'Atlantic/Stanley' ],
+    FM: [
+        'Pacific/Chuuk',
+        'Pacific/Pohnpei',
+        'Pacific/Kosrae'
+    ],
+    FO: [ 'Atlantic/Faroe' ],
+    FR: [ 'Europe/Paris' ],
+    GA: [ 'Africa/Libreville' ],
+    GB: [ 'Europe/London' ],
+    GD: [ 'America/Grenada' ],
+    GE: [ 'Asia/Tbilisi' ],
+    GF: [ 'America/Cayenne' ],
+    GG: [ 'Europe/Guernsey' ],
+    GH: [ 'Africa/Accra' ],
+    GI: [ 'Europe/Gibraltar' ],
+    GL: [
+        'America/Godthab',
+        'America/Danmarkshavn',
+        'America/Scoresbysund',
+        'America/Thule'
+    ],
+    GM: [ 'Africa/Banjul' ],
+    GN: [ 'Africa/Conakry' ],
+    GP: [ 'America/Guadeloupe' ],
+    GQ: [ 'Africa/Malabo' ],
+    GR: [ 'Europe/Athens' ],
+    GS: [ 'Atlantic/South_Georgia' ],
+    GT: [ 'America/Guatemala' ],
+    GU: [ 'Pacific/Guam' ],
+    GW: [ 'Africa/Bissau' ],
+    GY: [ 'America/Guyana' ],
+    HK: [ 'Asia/Hong_Kong' ],
+    HN: [ 'America/Tegucigalpa' ],
+    HR: [ 'Europe/Zagreb' ],
+    HT: [ 'America/Port-au-Prince' ],
+    HU: [ 'Europe/Budapest' ],
+    ID: [
+        'Asia/Jakarta',
+        'Asia/Pontianak',
+        'Asia/Makassar',
+        'Asia/Jayapura'
+    ],
+    IE: [ 'Europe/Dublin' ],
+    IL: [ 'Asia/Jerusalem' ],
+    IM: [ 'Europe/Isle_of_Man' ],
+    IN: [ 'Asia/Kolkata' ],
+    IO: [ 'Indian/Chagos' ],
+    IQ: [ 'Asia/Baghdad' ],
+    IR: [ 'Asia/Tehran' ],
+    IS: [ 'Atlantic/Reykjavik' ],
+    IT: [ 'Europe/Rome' ],
+    JE: [ 'Europe/Jersey' ],
+    JM: [ 'America/Jamaica' ],
+    JO: [ 'Asia/Amman' ],
+    JP: [ 'Asia/Tokyo' ],
+    KE: [ 'Africa/Nairobi' ],
+    KG: [ 'Asia/Bishkek' ],
+    KH: [ 'Asia/Phnom_Penh' ],
+    KI: [
+        'Pacific/Tarawa',
+        'Pacific/Enderbury',
+        'Pacific/Kiritimati'
+    ],
+    KM: [ 'Indian/Comoro' ],
+    KN: [ 'America/St_Kitts' ],
+    KP: [ 'Asia/Pyongyang' ],
+    KR: [ 'Asia/Seoul' ],
+    KW: [ 'Asia/Kuwait' ],
+    KY: [ 'America/Cayman' ],
+    KZ: [
+        'Asia/Almaty',
+        'Asia/Qyzylorda',
+        'Asia/Aqtobe',
+        'Asia/Aqtau',
+        'Asia/Oral'
+    ],
+    LA: [ 'Asia/Vientiane' ],
+    LB: [ 'Asia/Beirut' ],
+    LC: [ 'America/St_Lucia' ],
+    LI: [ 'Europe/Vaduz' ],
+    LK: [ 'Asia/Colombo' ],
+    LR: [ 'Africa/Monrovia' ],
+    LS: [ 'Africa/Maseru' ],
+    LT: [ 'Europe/Vilnius' ],
+    LU: [ 'Europe/Luxembourg' ],
+    LV: [ 'Europe/Riga' ],
+    LY: [ 'Africa/Tripoli' ],
+    MA: [ 'Africa/Casablanca' ],
+    MC: [ 'Europe/Monaco' ],
+    MD: [ 'Europe/Chisinau' ],
+    ME: [ 'Europe/Podgorica' ],
+    MF: [ 'America/Marigot' ],
+    MG: [ 'Indian/Antananarivo' ],
+    MH: [
+        'Pacific/Majuro',
+        'Pacific/Kwajalein'
+    ],
+    MK: [ 'Europe/Skopje' ],
+    ML: [ 'Africa/Bamako' ],
+    MM: [ 'Asia/Rangoon' ],
+    MN: [
+        'Asia/Ulaanbaatar',
+        'Asia/Hovd',
+        'Asia/Choibalsan'
+    ],
+    MO: [ 'Asia/Macau' ],
+    MP: [ 'Pacific/Saipan' ],
+    MQ: [ 'America/Martinique' ],
+    MR: [ 'Africa/Nouakchott' ],
+    MS: [ 'America/Montserrat' ],
+    MT: [ 'Europe/Malta' ],
+    MU: [ 'Indian/Mauritius' ],
+    MV: [ 'Indian/Maldives' ],
+    MW: [ 'Africa/Blantyre' ],
+    MX: [
+        'America/Mexico_City',
+        'America/Cancun',
+        'America/Merida',
+        'America/Monterrey',
+        'America/Matamoros',
+        'America/Mazatlan',
+        'America/Chihuahua',
+        'America/Ojinaga',
+        'America/Hermosillo',
+        'America/Tijuana',
+        'America/Santa_Isabel',
+        'America/Bahia_Banderas'
+    ],
+    MY: [
+        'Asia/Kuala_Lumpur',
+        'Asia/Kuching'
+    ],
+    MZ: [ 'Africa/Maputo' ],
+    NA: [ 'Africa/Windhoek' ],
+    NC: [ 'Pacific/Noumea' ],
+    NE: [ 'Africa/Niamey' ],
+    NF: [ 'Pacific/Norfolk' ],
+    NG: [ 'Africa/Lagos' ],
+    NI: [ 'America/Managua' ],
+    NL: [ 'Europe/Amsterdam' ],
+    NO: [ 'Europe/Oslo' ],
+    NP: [ 'Asia/Kathmandu' ],
+    NR: [ 'Pacific/Nauru' ],
+    NU: [ 'Pacific/Niue' ],
+    NZ: [
+        'Pacific/Auckland',
+        'Pacific/Chatham'
+    ],
+    OM: [ 'Asia/Muscat' ],
+    PA: [ 'America/Panama' ],
+    PE: [ 'America/Lima' ],
+    PF: [
+        'Pacific/Tahiti',
+        'Pacific/Marquesas',
+        'Pacific/Gambier'
+    ],
+    PG: [ 'Pacific/Port_Moresby' ],
+    PH: [ 'Asia/Manila' ],
+    PK: [ 'Asia/Karachi' ],
+    PL: [
+        'Europe/Warsaw',
+        'Poland'
+    ],
+    PM: [ 'America/Miquelon' ],
+    PN: [ 'Pacific/Pitcairn' ],
+    PR: [ 'America/Puerto_Rico' ],
+    PS: [
+        'Asia/Gaza',
+        'Asia/Hebron'
+    ],
+    PT: [
+        'Europe/Lisbon',
+        'Atlantic/Madeira',
+        'Atlantic/Azores'
+    ],
+    PW: [ 'Pacific/Palau' ],
+    PY: [ 'America/Asuncion' ],
+    QA: [ 'Asia/Qatar' ],
+    RE: [ 'Indian/Reunion' ],
+    RO: [ 'Europe/Bucharest' ],
+    RS: [ 'Europe/Belgrade' ],
+    RU: [
+        'Europe/Kaliningrad',
+        'Europe/Moscow',
+        'Europe/Volgograd',
+        'Europe/Samara',
+        'Europe/Simferopol',
+        'Asia/Yekaterinburg',
+        'Asia/Omsk',
+        'Asia/Novosibirsk',
+        'Asia/Novokuznetsk',
+        'Asia/Krasnoyarsk',
+        'Asia/Irkutsk',
+        'Asia/Yakutsk',
+        'Asia/Khandyga',
+        'Asia/Vladivostok',
+        'Asia/Sakhalin',
+        'Asia/Ust-Nera',
+        'Asia/Magadan',
+        'Asia/Kamchatka',
+        'Asia/Anadyr'
+    ],
+    RW: [ 'Africa/Kigali' ],
+    SA: [ 'Asia/Riyadh' ],
+    SB: [ 'Pacific/Guadalcanal' ],
+    SC: [ 'Indian/Mahe' ],
+    SD: [ 'Africa/Khartoum' ],
+    SE: [ 'Europe/Stockholm' ],
+    SG: [ 'Asia/Singapore' ],
+    SH: [ 'Atlantic/St_Helena' ],
+    SI: [ 'Europe/Ljubljana' ],
+    SJ: [ 'Arctic/Longyearbyen' ],
+    SK: [ 'Europe/Bratislava' ],
+    SL: [ 'Africa/Freetown' ],
+    SM: [ 'Europe/San_Marino' ],
+    SN: [ 'Africa/Dakar' ],
+    SO: [ 'Africa/Mogadishu' ],
+    SR: [ 'America/Paramaribo' ],
+    SS: [ 'Africa/Juba' ],
+    ST: [ 'Africa/Sao_Tome' ],
+    SV: [ 'America/El_Salvador' ],
+    SX: [ 'America/Lower_Princes' ],
+    SY: [ 'Asia/Damascus' ],
+    SZ: [ 'Africa/Mbabane' ],
+    TC: [ 'America/Grand_Turk' ],
+    TD: [ 'Africa/Ndjamena' ],
+    TF: [ 'Indian/Kerguelen' ],
+    TG: [ 'Africa/Lome' ],
+    TH: [ 'Asia/Bangkok' ],
+    TJ: [ 'Asia/Dushanbe' ],
+    TK: [ 'Pacific/Fakaofo' ],
+    TL: [ 'Asia/Dili' ],
+    TM: [ 'Asia/Ashgabat' ],
+    TN: [ 'Africa/Tunis' ],
+    TO: [ 'Pacific/Tongatapu' ],
+    TR: [ 'Europe/Istanbul' ],
+    TT: [ 'America/Port_of_Spain' ],
+    TV: [ 'Pacific/Funafuti' ],
+    TW: [ 'Asia/Taipei' ],
+    TZ: [ 'Africa/Dar_es_Salaam' ],
+    UA: [
+        'Europe/Kiev',
+        'Europe/Uzhgorod',
+        'Europe/Zaporozhye'
+    ],
+    UG: [ 'Africa/Kampala' ],
+    UM: [
+        'Pacific/Johnston',
+        'Pacific/Midway',
+        'Pacific/Wake'
+    ],
+    US: [
+        'America/New_York',
+        'America/Detroit',
+        'America/Kentucky/Louisville',
+        'America/Kentucky/Monticello',
+        'America/Indiana/Indianapolis',
+        'America/Indiana/Vincennes',
+        'America/Indiana/Winamac',
+        'America/Indiana/Marengo',
+        'America/Indiana/Petersburg',
+        'America/Indiana/Vevay',
+        'America/Chicago',
+        'America/Indiana/Tell_City',
+        'America/Indiana/Knox',
+        'America/Menominee',
+        'America/North_Dakota/Center',
+        'America/North_Dakota/New_Salem',
+        'America/North_Dakota/Beulah',
+        'America/Denver',
+        'America/Boise',
+        'America/Phoenix',
+        'America/Los_Angeles',
+        'America/Anchorage',
+        'America/Juneau',
+        'America/Sitka',
+        'America/Yakutat',
+        'America/Nome',
+        'America/Adak',
+        'America/Metlakatla',
+        'Pacific/Honolulu'
+    ],
+    UY: [ 'America/Montevideo' ],
+    UZ: [
+        'Asia/Samarkand',
+        'Asia/Tashkent'
+    ],
+    VA: [ 'Europe/Vatican' ],
+    VC: [ 'America/St_Vincent' ],
+    VE: [ 'America/Caracas' ],
+    VG: [ 'America/Tortola' ],
+    VI: [ 'America/St_Thomas' ],
+    VN: [ 'Asia/Ho_Chi_Minh' ],
+    VU: [ 'Pacific/Efate' ],
+    WF: [ 'Pacific/Wallis' ],
+    WS: [ 'Pacific/Apia' ],
+    YE: [ 'Asia/Aden' ],
+    YT: [ 'Indian/Mayotte' ],
+    ZA: [ 'Africa/Johannesburg' ],
+    ZM: [ 'Africa/Lusaka' ],
+    ZW: [ 'Africa/Harare' ]
+};
+
+const COUNTRIES = {
+    AF: 'Afghanistan',
+    AX: 'Aland Islands',
+    AL: 'Albania',
+    DZ: 'Algeria',
+    AS: 'American Samoa',
+    AD: 'Andorra',
+    AO: 'Angola',
+    AI: 'Anguilla',
+    AQ: 'Antarctica',
+    AG: 'Antigua and Barbuda',
+    AR: 'Argentina',
+    AM: 'Armenia',
+    AW: 'Aruba',
+    AU: 'Australia',
+    AT: 'Austria',
+    AZ: 'Azerbaijan',
+    BS: 'Bahamas',
+    BH: 'Bahrain',
+    BD: 'Bangladesh',
+    BB: 'Barbados',
+    BY: 'Belarus',
+    BE: 'Belgium',
+    BZ: 'Belize',
+    BJ: 'Benin',
+    BM: 'Bermuda',
+    BT: 'Bhutan',
+    BO: 'Bolivia',
+    BA: 'Bosnia and Herzegovina',
+    BW: 'Botswana',
+    BV: 'Bouvet Island',
+    BR: 'Brazil',
+    VG: 'British Virgin Islands',
+    IO: 'British Indian Ocean Territory',
+    BN: 'Brunei Darussalam',
+    BG: 'Bulgaria',
+    BF: 'Burkina Faso',
+    BI: 'Burundi',
+    KH: 'Cambodia',
+    CM: 'Cameroon',
+    CA: 'Canada',
+    CV: 'Cape Verde',
+    KY: 'Cayman Islands',
+    CF: 'Central African Republic',
+    TD: 'Chad',
+    CL: 'Chile',
+    CN: 'China',
+    HK: 'Hong Kong',
+    MO: 'Macao',
+    CX: 'Christmas Island',
+    CC: 'Cocos (Keeling) Islands',
+    CO: 'Colombia',
+    KM: 'Comoros',
+    CG: 'Congo (Brazzaville)',
+    CD: 'Congo, (Kinshasa)',
+    CK: 'Cook Islands',
+    CR: 'Costa Rica',
+    CI: "Côte d'Ivoire",
+    HR: 'Croatia',
+    CU: 'Cuba',
+    CY: 'Cyprus',
+    CZ: 'Czech Republic',
+    DK: 'Denmark',
+    DJ: 'Djibouti',
+    DM: 'Dominica',
+    DO: 'Dominican Republic',
+    EC: 'Ecuador',
+    EG: 'Egypt',
+    SV: 'El Salvador',
+    GQ: 'Equatorial Guinea',
+    ER: 'Eritrea',
+    EE: 'Estonia',
+    ET: 'Ethiopia',
+    FK: 'Falkland Islands (Malvinas)',
+    FO: 'Faroe Islands',
+    FJ: 'Fiji',
+    FI: 'Finland',
+    FR: 'France',
+    GF: 'French Guiana',
+    PF: 'French Polynesia',
+    TF: 'French Southern Territories',
+    GA: 'Gabon',
+    GM: 'Gambia',
+    GE: 'Georgia',
+    DE: 'Germany',
+    GH: 'Ghana',
+    GI: 'Gibraltar',
+    GR: 'Greece',
+    GL: 'Greenland',
+    GD: 'Grenada',
+    GP: 'Guadeloupe',
+    GU: 'Guam',
+    GT: 'Guatemala',
+    GG: 'Guernsey',
+    GN: 'Guinea',
+    GW: 'Guinea-Bissau',
+    GY: 'Guyana',
+    HT: 'Haiti',
+    HM: 'Heard and Mcdonald Islands',
+    VA: 'Vatican City State',
+    HN: 'Honduras',
+    HU: 'Hungary',
+    IS: 'Iceland',
+    IN: 'India',
+    ID: 'Indonesia',
+    IR: 'Iran',
+    IQ: 'Iraq',
+    IE: 'Ireland',
+    IM: 'Isle of Man',
+    IL: 'Israel',
+    IT: 'Italy',
+    JM: 'Jamaica',
+    JP: 'Japan',
+    JE: 'Jersey',
+    JO: 'Jordan',
+    KZ: 'Kazakhstan',
+    KE: 'Kenya',
+    KI: 'Kiribati',
+    KP: 'Korea (North)',
+    KR: 'Korea (South)',
+    KW: 'Kuwait',
+    KG: 'Kyrgyzstan',
+    LA: 'Lao PDR',
+    LV: 'Latvia',
+    LB: 'Lebanon',
+    LS: 'Lesotho',
+    LR: 'Liberia',
+    LY: 'Libya',
+    LI: 'Liechtenstein',
+    LT: 'Lithuania',
+    LU: 'Luxembourg',
+    MK: 'Macedonia',
+    MG: 'Madagascar',
+    MW: 'Malawi',
+    MY: 'Malaysia',
+    MV: 'Maldives',
+    ML: 'Mali',
+    MT: 'Malta',
+    MH: 'Marshall Islands',
+    MQ: 'Martinique',
+    MR: 'Mauritania',
+    MU: 'Mauritius',
+    YT: 'Mayotte',
+    MX: 'Mexico',
+    FM: 'Micronesia',
+    MD: 'Moldova',
+    MC: 'Monaco',
+    MN: 'Mongolia',
+    ME: 'Montenegro',
+    MS: 'Montserrat',
+    MA: 'Morocco',
+    MZ: 'Mozambique',
+    MM: 'Myanmar',
+    NA: 'Namibia',
+    NR: 'Nauru',
+    NP: 'Nepal',
+    NL: 'Netherlands',
+    AN: 'Netherlands Antilles',
+    NC: 'New Caledonia',
+    NZ: 'New Zealand',
+    NI: 'Nicaragua',
+    NE: 'Niger',
+    NG: 'Nigeria',
+    NU: 'Niue',
+    NF: 'Norfolk Island',
+    MP: 'Northern Mariana Islands',
+    NO: 'Norway',
+    OM: 'Oman',
+    PK: 'Pakistan',
+    PW: 'Palau',
+    PS: 'Palestinian Territory',
+    PA: 'Panama',
+    PG: 'Papua New Guinea',
+    PY: 'Paraguay',
+    PE: 'Peru',
+    PH: 'Philippines',
+    PN: 'Pitcairn',
+    PL: 'Poland',
+    PT: 'Portugal',
+    PR: 'Puerto Rico',
+    QA: 'Qatar',
+    RE: 'Réunion',
+    RO: 'Romania',
+    RU: 'Russian Federation',
+    RW: 'Rwanda',
+    BL: 'Saint-Barthélemy',
+    SH: 'Saint Helena',
+    KN: 'Saint Kitts and Nevis',
+    LC: 'Saint Lucia',
+    MF: 'Saint-Martin (French part)',
+    PM: 'Saint Pierre and Miquelon',
+    VC: 'Saint Vincent and Grenadines',
+    WS: 'Samoa',
+    SM: 'San Marino',
+    ST: 'Sao Tome and Principe',
+    SA: 'Saudi Arabia',
+    SN: 'Senegal',
+    RS: 'Serbia',
+    SC: 'Seychelles',
+    SL: 'Sierra Leone',
+    SG: 'Singapore',
+    SK: 'Slovakia',
+    SI: 'Slovenia',
+    SB: 'Solomon Islands',
+    SO: 'Somalia',
+    ZA: 'South Africa',
+    GS: 'South Georgia and the South Sandwich Islands',
+    SS: 'South Sudan',
+    ES: 'Spain',
+    LK: 'Sri Lanka',
+    SD: 'Sudan',
+    SR: 'Suriname',
+    SJ: 'Svalbard and Jan Mayen Islands',
+    SZ: 'Swaziland',
+    SE: 'Sweden',
+    CH: 'Switzerland',
+    SY: 'Syria',
+    TW: 'Taiwan',
+    TJ: 'Tajikistan',
+    TZ: 'Tanzania',
+    TH: 'Thailand',
+    TL: 'Timor-Leste',
+    TG: 'Togo',
+    TK: 'Tokelau',
+    TO: 'Tonga',
+    TT: 'Trinidad and Tobago',
+    TN: 'Tunisia',
+    TR: 'Turkey',
+    TM: 'Turkmenistan',
+    TC: 'Turks and Caicos Islands',
+    TV: 'Tuvalu',
+    UG: 'Uganda',
+    UA: 'Ukraine',
+    AE: 'United Arab Emirates',
+    GB: 'United Kingdom (GB)',
+    US: 'United States of America (USA)',
+    UM: 'US Minor Outlying Islands',
+    UY: 'Uruguay',
+    UZ: 'Uzbekistan',
+    VU: 'Vanuatu',
+    VE: 'Venezuela',
+    VN: 'Viet Nam',
+    VI: 'Virgin Islands, US',
+    WF: 'Wallis and Futuna Islands',
+    EH: 'Western Sahara',
+    YE: 'Yemen',
+    ZM: 'Zambia',
+    ZW: 'Zimbabwe'
+};

apps/schedule/src/app/timezonepicker/timezonepicker.component.html

@@ -0,0 +1,23 @@
+<div class="timezone-picker">
+
+    <mat-select [(value)]="selectedTimeZone">
+ 
+        <ng-template ngFor let-tz [ngForOf]="allTimeZones">
+
+            <mat-optgroup *ngIf="tz.zones.length > 1" [label]="tz.iso | countryname">
+
+                <mat-option *ngFor="let z of tz.zones" [value]="z">
+                    {{ z }}
+                </mat-option>
+
+            </mat-optgroup>
+
+            <mat-option *ngIf="tz.zones.length === 1" [value]="tz.zones[0]">
+                {{ tz.zones[0] }}
+            </mat-option>
+
+        </ng-template>
+
+    </mat-select>
+
+</div>

apps/schedule/src/app/timezonepicker/timezonepicker.component.ts

@@ -0,0 +1,44 @@
+import {
+    Component,
+    ElementRef,
+    EventEmitter,
+    OnInit,
+    Output
+} from '@angular/core';
+
+import { TimeZonePickerService } from '../services/timezonepicker.service';
+
+import { TimeZone } from '../models/timezone';
+
+import * as moment from 'moment-timezone';
+
+
+@Component({
+    selector: 'timezone-picker',
+    templateUrl: './timezonepicker.component.html',
+    styleUrls: [ './timezonepicker.component.css' ]
+})
+export class TimeZonePickerComponent implements OnInit {
+    allTimeZones: TimeZone[];
+
+    private selectedTimeZoneValue: string;
+
+    @Output() timeZoneChange = new EventEmitter<string>();
+
+    constructor(private service: TimeZonePickerService) {
+        this.allTimeZones = service.getTimeZones();
+    }
+
+    get selectedTimeZone() {
+        return this.selectedTimeZoneValue;
+    }
+
+    set selectedTimeZone(value) {
+        this.selectedTimeZoneValue = value;
+        this.timeZoneChange.emit(value);
+    }
+
+    ngOnInit() {
+        this.selectedTimeZone = moment.tz.guess();
+    }
+}

apps/schedule/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

apps/schedule/src/environments/environment.ts

@@ -0,0 +1,8 @@
+// The file contents for the current environment will overwrite these during build.
+// The build system defaults to the dev environment which uses `environment.ts`, but if you do
+// `ng build --env=prod` then `environment.prod.ts` will be used instead.
+// The list of which env maps to which file can be found in `.angular-cli.json`.
+
+export const environment = {
+  production: false
+};

apps/schedule/src/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Livestream Schedule</title>
+  <base href="/schedule/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+</head>
+<body>
+  <section class="mat-typography">
+    <app-root></app-root>
+  </section>
+</body>
+</html>

apps/schedule/src/main.ts

@@ -0,0 +1,14 @@
+import 'hammerjs';
+
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.log(err));

apps/schedule/src/polyfills.ts

@@ -0,0 +1,79 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE9, IE10 and IE11 requires all of the following polyfills. **/
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/weak-map';
+import 'core-js/es6/set';
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/** IE10 and IE11 requires the following for the Reflect API. */
+import 'core-js/es6/reflect';
+
+
+/** Evergreen browsers require these. **/
+// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
+import 'core-js/es7/reflect';
+
+
+/**
+ * Required to support Web Animations `@angular/platform-browser/animations`.
+ * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
+ **/
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ */
+
+ // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+
+ /*
+ * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ * with the following flag, it will bypass `zone.js` patch for IE/Edge
+ */
+// (window as any).__Zone_enable_cross_context_check = true;
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

apps/schedule/src/styles.css

@@ -0,0 +1,5 @@
+@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+
+body {
+    margin: 0;
+}

apps/schedule/src/test.ts

@@ -0,0 +1,20 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

apps/schedule/src/theme.scss

@@ -0,0 +1,48 @@
+@import '~@angular/material/theming';
+
+@include mat-core();
+
+$quotes-theme-foreground: (
+    base:              white,
+    divider:           rgba(#454d5d, 0.2),
+    dividers:          rgba(#454d5d, 0.2),
+    disabled:          $light-disabled-text,
+    disabled-button:   rgba(white, 0.3),
+    disabled-text:     $light-disabled-text,
+    hint-text:         $light-disabled-text,
+    secondary-text:    $light-secondary-text,
+    icon:              white,
+    icons:             white,
+    text:              white,
+    slider-min:        white,
+    slider-off:        rgba(white, 0.3),
+    slider-off-active: rgba(white, 0.3),
+);
+
+$quotes-theme-background: (
+    status-bar: black,
+    app-bar:    #303030,
+    background: #222,
+    hover:      rgba(white, 0.04),
+    card:       #222,
+    dialog:     lighten(#222, 1%),
+    disabled-button: rgba(white, 0.12),
+    raised-button: map-get($mat-grey, 800),
+    focused-button: $light-focused,
+    selected-button: map_get($mat-grey, 900),
+    selected-disabled-button: map_get($mat-grey, 800),
+    disabled-button-toggle: black,
+    unselected-chip: map_get($mat-grey, 700),
+    disabled-list-option: black,
+);
+
+$quotes-theme: (
+    primary: mat-palette($mat-amber),
+    accent: mat-palette($mat-deep-orange),
+    warn: mat-palette($mat-red),
+    is-dark: true,
+    foreground: $quotes-theme-foreground,
+    background: $quotes-theme-background,
+);
+
+@include angular-material-theme($quotes-theme);

apps/schedule/src/tsconfig.app.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/app",
+    "baseUrl": "./",
+    "module": "es2015",
+    "types": []
+  },
+  "exclude": [
+    "test.ts",
+    "**/*.spec.ts"
+  ]
+}

apps/schedule/src/tsconfig.spec.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/spec",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

apps/schedule/src/typings.d.ts

@@ -0,0 +1,5 @@
+/* SystemJS module definition */
+declare var module: NodeModule;
+interface NodeModule {
+  id: string;
+}

apps/schedule/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "target": "es5",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2017",
+      "dom"
+    ]
+  }
+}

apps/schedule/tslint.json

@@ -0,0 +1,143 @@
+{
+  "rulesDirectory": [
+    "node_modules/codelyzer"
+  ],
+  "rules": {
+    "arrow-return-shorthand": true,
+    "callable-types": true,
+    "class-name": true,
+    "comment-format": [
+      true,
+      "check-space"
+    ],
+    "curly": true,
+    "deprecation": {
+      "severity": "warn"
+    },
+    "eofline": true,
+    "forin": true,
+    "import-blacklist": [
+      true,
+      "rxjs",
+      "rxjs/Rx"
+    ],
+    "import-spacing": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "interface-over-type-literal": true,
+    "label-position": true,
+    "max-line-length": [
+      true,
+      140
+    ],
+    "member-access": false,
+    "member-ordering": [
+      true,
+      {
+        "order": [
+          "static-field",
+          "instance-field",
+          "static-method",
+          "instance-method"
+        ]
+      }
+    ],
+    "no-arg": true,
+    "no-bitwise": true,
+    "no-console": [
+      true,
+      "debug",
+      "info",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-debugger": true,
+    "no-duplicate-super": true,
+    "no-empty": false,
+    "no-empty-interface": true,
+    "no-eval": true,
+    "no-inferrable-types": [
+      true,
+      "ignore-params"
+    ],
+    "no-misused-new": true,
+    "no-non-null-assertion": true,
+    "no-shadowed-variable": true,
+    "no-string-literal": false,
+    "no-string-throw": true,
+    "no-switch-case-fall-through": true,
+    "no-trailing-whitespace": true,
+    "no-unnecessary-initializer": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": true,
+    "no-var-keyword": true,
+    "object-literal-sort-keys": false,
+    "one-line": [
+      true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "prefer-const": true,
+    "quotemark": [
+      true,
+      "single"
+    ],
+    "radix": true,
+    "semicolon": [
+      true,
+      "always"
+    ],
+    "triple-equals": [
+      true,
+      "allow-null-check"
+    ],
+    "typedef-whitespace": [
+      true,
+      {
+        "call-signature": "nospace",
+        "index-signature": "nospace",
+        "parameter": "nospace",
+        "property-declaration": "nospace",
+        "variable-declaration": "nospace"
+      }
+    ],
+    "unified-signatures": true,
+    "variable-name": false,
+    "whitespace": [
+      true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "directive-selector": [
+      true,
+      "attribute",
+      "app",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "app",
+      "kebab-case"
+    ],
+    "no-output-on-prefix": true,
+    "use-input-property-decorator": true,
+    "use-output-property-decorator": true,
+    "use-host-property-decorator": true,
+    "no-input-rename": true,
+    "no-output-rename": true,
+    "use-life-cycle-interface": true,
+    "use-pipe-transform-interface": true,
+    "component-class-suffix": true,
+    "directive-class-suffix": true
+  }
+}

nginx/nginx.conf

@@ -52,6 +52,10 @@ http {
             root        /quotes;
         }
 
+        location ^~ /schedule/assets/ {
+            root        /schedule;
+        }
+
         location ^~ /quotes/api/ {
             rewrite             ^/quotes/api(/.*)$ $1 break;
             proxy_set_header    Host        $host;