parent
bb4d185b18
commit
acb6cec695
@ -1,7 +1,7 @@
|
||||
{
|
||||
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
||||
"project": {
|
||||
"name": "frontend"
|
||||
"name": "quotes"
|
||||
},
|
||||
"apps": [
|
||||
{
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"name": "quotes",
|
||||
"version": "0.0.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "frontend",
|
||||
"name": "quotes",
|
||||
"version": "0.0.0",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
@ -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": {}
|
||||
}
|
||||
}
|
||||
@ -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
|
||||
@ -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
|
||||
@ -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).
|
||||
@ -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!');
|
||||
});
|
||||
});
|
||||
@ -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();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
{
|
||||
"extends": "../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "../out-tsc/e2e",
|
||||
"baseUrl": "./",
|
||||
"module": "commonjs",
|
||||
"target": "es5",
|
||||
"types": [
|
||||
"jasmine",
|
||||
"jasminewd2",
|
||||
"node"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -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
|
||||
});
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
@ -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"
|
||||
}
|
||||
}
|
||||
@ -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 } }));
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,3 @@
|
||||
>>> body {
|
||||
margin: 0;
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
<router-outlet></router-outlet>
|
||||
@ -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!');
|
||||
}));
|
||||
});
|
||||
@ -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';
|
||||
}
|
||||
@ -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 { }
|
||||
@ -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[];
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
export interface TimeZone {
|
||||
iso: string;
|
||||
zones: string[];
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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');
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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>
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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();
|
||||
}
|
||||
}
|
||||
@ -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))
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -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'
|
||||
};
|
||||
@ -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>
|
||||
@ -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();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
export const environment = {
|
||||
production: true
|
||||
};
|
||||
@ -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
|
||||
};
|
||||
|
After Width: | Height: | Size: 10 KiB |
@ -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>
|
||||
@ -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));
|
||||
@ -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
|
||||
*/
|
||||
@ -0,0 +1,5 @@
|
||||
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
@ -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);
|
||||
@ -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);
|
||||
@ -0,0 +1,13 @@
|
||||
{
|
||||
"extends": "../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "../out-tsc/app",
|
||||
"baseUrl": "./",
|
||||
"module": "es2015",
|
||||
"types": []
|
||||
},
|
||||
"exclude": [
|
||||
"test.ts",
|
||||
"**/*.spec.ts"
|
||||
]
|
||||
}
|
||||
@ -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"
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
/* SystemJS module definition */
|
||||
declare var module: NodeModule;
|
||||
interface NodeModule {
|
||||
id: string;
|
||||
}
|
||||
@ -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"
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -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
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue