{
+ // Combine everything that affects the rendered data into one update
+ // stream for the data-table to consume.
+ const dataMutations = [
+ observableOf(this.data),
+ this.paginator.page,
+ this.sort.sortChange
+ ];
+
+ // Set the paginators length
+ this.paginator.length = this.data.length;
+
+ return merge(...dataMutations).pipe(map(() => {
+ return this.getPagedData(this.getSortedData([...this.data]));
+ }));
+ }
+
+ /**
+ * Called when the table is being destroyed. Use this function, to clean up
+ * any open connections or free any held resources that were set up during connect.
+ */
+ disconnect() {}
+
+ /**
+ * Paginate the data (client-side). If you're using server-side pagination,
+ * this would be replaced by requesting the appropriate data from the server.
+ */
+ private getPagedData(data: AwardeeListTableItem[]) {
+ const startIndex = this.paginator.pageIndex * this.paginator.pageSize;
+ return data.splice(startIndex, this.paginator.pageSize);
+ }
+
+ /**
+ * Sort the data (client-side). If you're using server-side sorting,
+ * this would be replaced by requesting the appropriate data from the server.
+ */
+ private getSortedData(data: AwardeeListTableItem[]) {
+ if (!this.sort.active || this.sort.direction === '') {
+ return data;
+ }
+
+ return data.sort((a, b) => {
+ const isAsc = this.sort.direction === 'asc';
+ switch (this.sort.active) {
+ case 'name': return compare(a.name, b.name, isAsc);
+ case 'id': return compare(+a.id, +b.id, isAsc);
+ default: return 0;
+ }
+ });
+ }
+}
+
+/** Simple sort comparator for example ID/Name columns (for client-side sorting). */
+function compare(a, b, isAsc) {
+ return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+}
diff --git a/src/app/awardee-list-table/awardee-list-table.component.css b/src/app/awardee-list-table/awardee-list-table.component.css
new file mode 100644
index 0000000..d4a9b17
--- /dev/null
+++ b/src/app/awardee-list-table/awardee-list-table.component.css
@@ -0,0 +1,4 @@
+:host {
+ display: block;
+ margin-top: 20px;
+}
diff --git a/src/app/awardee-list-table/awardee-list-table.component.html b/src/app/awardee-list-table/awardee-list-table.component.html
new file mode 100644
index 0000000..1105442
--- /dev/null
+++ b/src/app/awardee-list-table/awardee-list-table.component.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Id
+ {{row.id}}
+
+
+
+
+ Name
+ {{row.name}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/awardee-list-table/awardee-list-table.component.spec.ts b/src/app/awardee-list-table/awardee-list-table.component.spec.ts
new file mode 100644
index 0000000..ed18dd6
--- /dev/null
+++ b/src/app/awardee-list-table/awardee-list-table.component.spec.ts
@@ -0,0 +1,24 @@
+
+import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AwardeeListTableComponent } from './awardee-list-table.component';
+
+describe('AwardeeListTableComponent', () => {
+ let component: AwardeeListTableComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(fakeAsync(() => {
+ TestBed.configureTestingModule({
+ declarations: [ AwardeeListTableComponent ]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(AwardeeListTableComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should compile', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/awardee-list-table/awardee-list-table.component.ts b/src/app/awardee-list-table/awardee-list-table.component.ts
new file mode 100644
index 0000000..d4aa2e2
--- /dev/null
+++ b/src/app/awardee-list-table/awardee-list-table.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatPaginator, MatSort } from '@angular/material';
+import { AwardeeListTableDataSource } from './awardee-list-table-datasource';
+
+@Component({
+ selector: 'awardee-list-table',
+ templateUrl: './awardee-list-table.component.html',
+ styleUrls: ['./awardee-list-table.component.css']
+})
+export class AwardeeListTableComponent implements OnInit {
+ @ViewChild(MatPaginator) paginator: MatPaginator;
+ @ViewChild(MatSort) sort: MatSort;
+ dataSource: AwardeeListTableDataSource;
+
+ /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
+ displayedColumns = ['id', 'name'];
+
+ ngOnInit() {
+ this.dataSource = new AwardeeListTableDataSource(this.paginator, this.sort);
+ }
+}
diff --git a/src/app/awardee-list/awardee-list.component.css b/src/app/awardee-list/awardee-list.component.css
new file mode 100644
index 0000000..1fcc871
--- /dev/null
+++ b/src/app/awardee-list/awardee-list.component.css
@@ -0,0 +1,4 @@
+:host {
+ display: block;
+ margin: 20px;
+}
diff --git a/src/app/awardee-list/awardee-list.component.html b/src/app/awardee-list/awardee-list.component.html
new file mode 100644
index 0000000..cf83e36
--- /dev/null
+++ b/src/app/awardee-list/awardee-list.component.html
@@ -0,0 +1,5 @@
+
+
+ New awardee
+
+
diff --git a/src/app/awardee-list/awardee-list.component.spec.ts b/src/app/awardee-list/awardee-list.component.spec.ts
new file mode 100644
index 0000000..c9a3997
--- /dev/null
+++ b/src/app/awardee-list/awardee-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AwardeeListComponent } from './awardee-list.component';
+
+describe('AwardeeListComponent', () => {
+ let component: AwardeeListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ AwardeeListComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(AwardeeListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/awardee-list/awardee-list.component.ts b/src/app/awardee-list/awardee-list.component.ts
new file mode 100644
index 0000000..565f892
--- /dev/null
+++ b/src/app/awardee-list/awardee-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-awardee-list',
+ templateUrl: './awardee-list.component.html',
+ styleUrls: ['./awardee-list.component.css']
+})
+export class AwardeeListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/judge-editor/judge-editor.component.css b/src/app/judge-editor/judge-editor.component.css
new file mode 100644
index 0000000..5effc2f
--- /dev/null
+++ b/src/app/judge-editor/judge-editor.component.css
@@ -0,0 +1,29 @@
+:host {
+ display: block;
+ margin: 20px;
+}
+
+.judge-form {
+ min-width: 150px;
+ max-width: 500px;
+ width: 100%;
+}
+
+.full-width {
+ width: 100%;
+}
+
+.half-width {
+ width: calc(50% - 10px);
+ margin-right: 10px;
+}
+
+.half-width:last-of-type {
+ width: calc(50%);
+ margin-right: 0;
+}
+
+button + mat-divider {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
diff --git a/src/app/judge-editor/judge-editor.component.html b/src/app/judge-editor/judge-editor.component.html
new file mode 100644
index 0000000..a0b5bf2
--- /dev/null
+++ b/src/app/judge-editor/judge-editor.component.html
@@ -0,0 +1,38 @@
+
diff --git a/src/app/judge-editor/judge-editor.component.spec.ts b/src/app/judge-editor/judge-editor.component.spec.ts
new file mode 100644
index 0000000..adf64bf
--- /dev/null
+++ b/src/app/judge-editor/judge-editor.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JudgeEditorComponent } from './judge-editor.component';
+
+describe('JudgeEditorComponent', () => {
+ let component: JudgeEditorComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ JudgeEditorComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(JudgeEditorComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/judge-editor/judge-editor.component.ts b/src/app/judge-editor/judge-editor.component.ts
new file mode 100644
index 0000000..5fd2449
--- /dev/null
+++ b/src/app/judge-editor/judge-editor.component.ts
@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-judge-editor',
+ templateUrl: './judge-editor.component.html',
+ styleUrls: ['./judge-editor.component.css']
+})
+export class JudgeEditorComponent implements OnInit {
+
+ public displayedColumns = ['year', 'title'];
+ public judge = {
+ yearlyData: [
+ {
+ year: 2013,
+ title: 'Something something dark side',
+ }
+ ]
+ };
+
+ constructor() {}
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/judge-list-table/judge-list-table-datasource.ts b/src/app/judge-list-table/judge-list-table-datasource.ts
new file mode 100644
index 0000000..591df3f
--- /dev/null
+++ b/src/app/judge-list-table/judge-list-table-datasource.ts
@@ -0,0 +1,108 @@
+import { DataSource } from '@angular/cdk/collections';
+import { MatPaginator, MatSort } from '@angular/material';
+import { map } from 'rxjs/operators';
+import { Observable, of as observableOf, merge } from 'rxjs';
+
+// TODO: Replace this with your own data model type
+export interface JudgeListTableItem {
+ name: string;
+ id: number;
+}
+
+// TODO: replace this with real data from your application
+const EXAMPLE_DATA: JudgeListTableItem[] = [
+ {id: 1, name: 'Hydrogen'},
+ {id: 2, name: 'Helium'},
+ {id: 3, name: 'Lithium'},
+ {id: 4, name: 'Beryllium'},
+ {id: 5, name: 'Boron'},
+ {id: 6, name: 'Carbon'},
+ {id: 7, name: 'Nitrogen'},
+ {id: 8, name: 'Oxygen'},
+ {id: 9, name: 'Fluorine'},
+ {id: 10, name: 'Neon'},
+ {id: 11, name: 'Sodium'},
+ {id: 12, name: 'Magnesium'},
+ {id: 13, name: 'Aluminum'},
+ {id: 14, name: 'Silicon'},
+ {id: 15, name: 'Phosphorus'},
+ {id: 16, name: 'Sulfur'},
+ {id: 17, name: 'Chlorine'},
+ {id: 18, name: 'Argon'},
+ {id: 19, name: 'Potassium'},
+ {id: 20, name: 'Calcium'},
+];
+
+/**
+ * Data source for the JudgeListTable view. This class should
+ * encapsulate all logic for fetching and manipulating the displayed data
+ * (including sorting, pagination, and filtering).
+ */
+export class JudgeListTableDataSource extends DataSource {
+ data: JudgeListTableItem[] = EXAMPLE_DATA;
+
+ constructor(private paginator: MatPaginator, private sort: MatSort) {
+ super();
+ }
+
+ /**
+ * Connect this data source to the table. The table will only update when
+ * the returned stream emits new items.
+ * @returns A stream of the items to be rendered.
+ */
+ connect(): Observable {
+ // Combine everything that affects the rendered data into one update
+ // stream for the data-table to consume.
+ const dataMutations = [
+ observableOf(this.data),
+ this.paginator.page,
+ this.sort.sortChange
+ ];
+
+ // Set the paginators length
+ this.paginator.length = this.data.length;
+
+ return merge(...dataMutations).pipe(map(() => {
+ return this.getPagedData(this.getSortedData([...this.data]));
+ }));
+ }
+
+ /**
+ * Called when the table is being destroyed. Use this function, to clean up
+ * any open connections or free any held resources that were set up during connect.
+ */
+ disconnect() {}
+
+ /**
+ * Paginate the data (client-side). If you're using server-side pagination,
+ * this would be replaced by requesting the appropriate data from the server.
+ */
+ private getPagedData(data: JudgeListTableItem[]) {
+ const startIndex = this.paginator.pageIndex * this.paginator.pageSize;
+ return data.splice(startIndex, this.paginator.pageSize);
+ }
+
+ /**
+ * Sort the data (client-side). If you're using server-side sorting,
+ * this would be replaced by requesting the appropriate data from the server.
+ */
+ private getSortedData(data: JudgeListTableItem[]) {
+ if (!this.sort.active || this.sort.direction === '') {
+ return data;
+ }
+
+ return data.sort((a, b) => {
+ const isAsc = this.sort.direction === 'asc';
+ switch (this.sort.active) {
+ case 'name': return compare(a.name, b.name, isAsc);
+ case 'id': return compare(+a.id, +b.id, isAsc);
+ default: return 0;
+ }
+ });
+ }
+}
+
+/** Simple sort comparator for example ID/Name columns (for client-side sorting). */
+function compare(a, b, isAsc) {
+ return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+}
diff --git a/src/app/judge-list-table/judge-list-table.component.css b/src/app/judge-list-table/judge-list-table.component.css
new file mode 100644
index 0000000..d4a9b17
--- /dev/null
+++ b/src/app/judge-list-table/judge-list-table.component.css
@@ -0,0 +1,4 @@
+:host {
+ display: block;
+ margin-top: 20px;
+}
diff --git a/src/app/judge-list-table/judge-list-table.component.html b/src/app/judge-list-table/judge-list-table.component.html
new file mode 100644
index 0000000..1f0f997
--- /dev/null
+++ b/src/app/judge-list-table/judge-list-table.component.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Id
+ {{row.id}}
+
+
+
+
+ Name
+ {{row.name}}
+
+
+
+
+
+
+
+
+
diff --git a/src/app/judge-list-table/judge-list-table.component.spec.ts b/src/app/judge-list-table/judge-list-table.component.spec.ts
new file mode 100644
index 0000000..5875fcf
--- /dev/null
+++ b/src/app/judge-list-table/judge-list-table.component.spec.ts
@@ -0,0 +1,24 @@
+
+import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JudgeListTableComponent } from './judge-list-table.component';
+
+describe('JudgeListTableComponent', () => {
+ let component: JudgeListTableComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(fakeAsync(() => {
+ TestBed.configureTestingModule({
+ declarations: [ JudgeListTableComponent ]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(JudgeListTableComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should compile', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/judge-list-table/judge-list-table.component.ts b/src/app/judge-list-table/judge-list-table.component.ts
new file mode 100644
index 0000000..d4b620f
--- /dev/null
+++ b/src/app/judge-list-table/judge-list-table.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatPaginator, MatSort } from '@angular/material';
+import { JudgeListTableDataSource } from './judge-list-table-datasource';
+
+@Component({
+ selector: 'judge-list-table',
+ templateUrl: './judge-list-table.component.html',
+ styleUrls: ['./judge-list-table.component.css']
+})
+export class JudgeListTableComponent implements OnInit {
+ @ViewChild(MatPaginator) paginator: MatPaginator;
+ @ViewChild(MatSort) sort: MatSort;
+ dataSource: JudgeListTableDataSource;
+
+ /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
+ displayedColumns = ['id', 'name'];
+
+ ngOnInit() {
+ this.dataSource = new JudgeListTableDataSource(this.paginator, this.sort);
+ }
+}
diff --git a/src/app/judge-list/judge-list.component.css b/src/app/judge-list/judge-list.component.css
new file mode 100644
index 0000000..1fcc871
--- /dev/null
+++ b/src/app/judge-list/judge-list.component.css
@@ -0,0 +1,4 @@
+:host {
+ display: block;
+ margin: 20px;
+}
diff --git a/src/app/judge-list/judge-list.component.html b/src/app/judge-list/judge-list.component.html
new file mode 100644
index 0000000..1720f4a
--- /dev/null
+++ b/src/app/judge-list/judge-list.component.html
@@ -0,0 +1,5 @@
+
+
+ New judge
+
+
\ No newline at end of file
diff --git a/src/app/judge-list/judge-list.component.spec.ts b/src/app/judge-list/judge-list.component.spec.ts
new file mode 100644
index 0000000..d4ddc6c
--- /dev/null
+++ b/src/app/judge-list/judge-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { JudgeListComponent } from './judge-list.component';
+
+describe('JudgeListComponent', () => {
+ let component: JudgeListComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ JudgeListComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(JudgeListComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/judge-list/judge-list.component.ts b/src/app/judge-list/judge-list.component.ts
new file mode 100644
index 0000000..5002445
--- /dev/null
+++ b/src/app/judge-list/judge-list.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-judge-list',
+ templateUrl: './judge-list.component.html',
+ styleUrls: ['./judge-list.component.css']
+})
+export class JudgeListComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/navigation/navigation.component.css b/src/app/navigation/navigation.component.css
new file mode 100644
index 0000000..acf02ca
--- /dev/null
+++ b/src/app/navigation/navigation.component.css
@@ -0,0 +1,8 @@
+.sidenav-container {
+ height: 100%;
+}
+
+.sidenav {
+ width: 200px;
+ box-shadow: 3px 0 6px rgba(0,0,0,.24);
+}
diff --git a/src/app/navigation/navigation.component.html b/src/app/navigation/navigation.component.html
new file mode 100644
index 0000000..ae7dcf4
--- /dev/null
+++ b/src/app/navigation/navigation.component.html
@@ -0,0 +1,30 @@
+
+
+ Menu
+
+ Awardees
+ Judges
+ Years
+
+
+
+
+
+ {{title}}
+
+
+
+
diff --git a/src/app/navigation/navigation.component.spec.ts b/src/app/navigation/navigation.component.spec.ts
new file mode 100644
index 0000000..ccc8e99
--- /dev/null
+++ b/src/app/navigation/navigation.component.spec.ts
@@ -0,0 +1,24 @@
+
+import { fakeAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+ let component: NavigationComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(fakeAsync(() => {
+ TestBed.configureTestingModule({
+ declarations: [ NavigationComponent ]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(NavigationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ }));
+
+ it('should compile', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/navigation/navigation.component.ts b/src/app/navigation/navigation.component.ts
new file mode 100644
index 0000000..71df337
--- /dev/null
+++ b/src/app/navigation/navigation.component.ts
@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout';
+import { Observable } from 'rxjs';
+import { Title } from "@angular/platform-browser";
+
+@Component({
+ selector: 'app-navigation',
+ templateUrl: './navigation.component.html',
+ styleUrls: ['./navigation.component.css']
+})
+export class NavigationComponent {
+ isHandset: Observable = this.breakpointObserver.observe(Breakpoints.Handset);
+ constructor(
+ private breakpointObserver: BreakpointObserver,
+ private titleService: Title
+ ) {}
+ get title(): string {
+ return this.titleService.getTitle();
+ }
+}
diff --git a/src/index.html b/src/index.html
index cf5ea6e..c36e962 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,8 +1,10 @@
+
+
- SwedishchamberGranprizeAdmin
+ Gran Prize :: Admin
-