+
diff --git a/frontend/src/app/app.component.spec.ts b/frontend/src/app/app.component.spec.ts
new file mode 100644
index 0000000..8c072e3
--- /dev/null
+++ b/frontend/src/app/app.component.spec.ts
@@ -0,0 +1,31 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [
+ AppComponent
+ ],
+ }).compileComponents();
+ });
+
+ it('should create the app', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app).toBeTruthy();
+ });
+
+ it(`should have as title 'frontend'`, () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ const app = fixture.componentInstance;
+ expect(app.title).toEqual('frontend');
+ });
+
+ it('should render title', () => {
+ const fixture = TestBed.createComponent(AppComponent);
+ fixture.detectChanges();
+ const compiled = fixture.nativeElement;
+ expect(compiled.querySelector('.content span').textContent).toContain('frontend app is running!');
+ });
+});
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
new file mode 100644
index 0000000..9d6b2f1
--- /dev/null
+++ b/frontend/src/app/app.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+ title = 'frontend';
+}
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
new file mode 100644
index 0000000..4e97481
--- /dev/null
+++ b/frontend/src/app/app.module.ts
@@ -0,0 +1,82 @@
+import {NgModule} from '@angular/core';
+import {BrowserModule} from '@angular/platform-browser';
+
+import {AppComponent} from './app.component';
+import {FullpageLayoutComponent} from "./layouts/fullpage-layout/fullpage-layout.component";
+import {NavbarLayoutComponent} from "./layouts/navbar-layout/navbar-layout.component";
+import {PageNotFoundComponent} from "./components/page-not-found/page-not-found.component";
+import {NotImplementedComponent} from "./components/not-implemented/not-implemented.component";
+import {HeaderComponent} from "./components/header/header.component";
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+import {FormsModule, ReactiveFormsModule} from "@angular/forms";
+import {MatFormFieldModule} from "@angular/material/form-field";
+import {MatCardModule} from "@angular/material/card";
+import {MatTabsModule} from "@angular/material/tabs";
+import {MatToolbarModule} from "@angular/material/toolbar";
+import {MatMenuModule} from "@angular/material/menu";
+import {MatIconModule} from "@angular/material/icon";
+import {AppRoutingModule} from "./app-routing.module";
+import {HTTP_INTERCEPTORS, HttpClientModule} from "@angular/common/http";
+import {ErrorInterceptor} from "./interceptor/error.interceptor";
+import {ApiUrlInterceptor} from "./interceptor/api-url.interceptor";
+import {ErrorDialogComponent} from "./components/error-dialog/error-dialog.component";
+import {MatDialogModule} from "@angular/material/dialog";
+import {MatButtonModule} from "@angular/material/button";
+import {MatInputModule} from "@angular/material/input";
+import {FlexModule} from "@angular/flex-layout";
+import {GameserverListComponent} from './components/gameserver-list/gameserver-list.component';
+import {MatProgressSpinnerModule} from "@angular/material/progress-spinner";
+import {MatTableModule} from "@angular/material/table";
+import {MatPaginatorModule} from "@angular/material/paginator";
+import {MatSortModule} from "@angular/material/sort";
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ HeaderComponent,
+ FullpageLayoutComponent,
+ NavbarLayoutComponent,
+ PageNotFoundComponent,
+ NotImplementedComponent,
+ ErrorDialogComponent,
+ GameserverListComponent
+ ],
+ imports: [
+ BrowserModule,
+ AppRoutingModule,
+ BrowserAnimationsModule,
+ FormsModule,
+ MatFormFieldModule,
+ MatCardModule,
+ MatTabsModule,
+ MatToolbarModule,
+ MatMenuModule,
+ MatIconModule,
+ HttpClientModule,
+ FormsModule,
+ ReactiveFormsModule,
+ MatDialogModule,
+ MatButtonModule,
+ MatInputModule,
+ FlexModule,
+ MatProgressSpinnerModule,
+ MatTableModule,
+ MatPaginatorModule,
+ MatSortModule
+ ],
+ providers: [
+ {
+ provide: HTTP_INTERCEPTORS,
+ useClass: ApiUrlInterceptor,
+ multi: true
+ },
+ {
+ provide: HTTP_INTERCEPTORS,
+ useClass: ErrorInterceptor,
+ multi: true
+ }
+ ],
+ bootstrap: [AppComponent]
+})
+export class AppModule {
+}
diff --git a/frontend/src/app/components/error-dialog/error-dialog.component.spec.ts b/frontend/src/app/components/error-dialog/error-dialog.component.spec.ts
new file mode 100644
index 0000000..04abdb3
--- /dev/null
+++ b/frontend/src/app/components/error-dialog/error-dialog.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { ErrorDialogComponent } from './error-dialog.component';
+
+describe('ErrorDialogComponent', () => {
+ let component: ErrorDialogComponent;
+ let fixture: ComponentFixture
+
+Error
+
+
+
diff --git a/frontend/src/app/components/gameserver-list/gameserver-list.component.spec.ts b/frontend/src/app/components/gameserver-list/gameserver-list.component.spec.ts
new file mode 100644
index 0000000..8d6d73a
--- /dev/null
+++ b/frontend/src/app/components/gameserver-list/gameserver-list.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GameserverListComponent } from './gameserver-list.component';
+
+describe('GameserverListComponent', () => {
+ let component: GameserverListComponent;
+ let fixture: ComponentFixture
+
+
+
+ No games in library.
+
+ 
+
+
+ TestUser
+ + +This component is currently not implemented.
diff --git a/frontend/src/app/components/not-implemented/not-implemented.component.scss b/frontend/src/app/components/not-implemented/not-implemented.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/components/not-implemented/not-implemented.component.spec.ts b/frontend/src/app/components/not-implemented/not-implemented.component.spec.ts new file mode 100644 index 0000000..f93563a --- /dev/null +++ b/frontend/src/app/components/not-implemented/not-implemented.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; + +import { NotImplementedComponent } from './not-implemented.component'; + +describe('NotImplementedComponent', () => { + let component: NotImplementedComponent; + let fixture: ComponentFixture
+
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.scss b/frontend/src/app/components/page-not-found/page-not-found.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts b/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..548cdc7
--- /dev/null
+++ b/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixture404
+The page you are looking for does not exist.
+
+
+ `,
+ styles: []
+})
+export class FullpageLayoutComponent implements OnInit {
+
+ constructor() {
+ }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/frontend/src/app/layouts/navbar-layout/navbar-layout.component.spec.ts b/frontend/src/app/layouts/navbar-layout/navbar-layout.component.spec.ts
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/app/layouts/navbar-layout/navbar-layout.component.ts b/frontend/src/app/layouts/navbar-layout/navbar-layout.component.ts
new file mode 100644
index 0000000..4a6e8ec
--- /dev/null
+++ b/frontend/src/app/layouts/navbar-layout/navbar-layout.component.ts
@@ -0,0 +1,25 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+ selector: 'app-navbar-layout',
+ template: `
+
+
+
+
+ `,
+ styles: []
+})
+export class NavbarLayoutComponent implements OnInit {
+
+ constructor() {
+ }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/frontend/src/app/models/dtos/ApiErrorResponse.ts b/frontend/src/app/models/dtos/ApiErrorResponse.ts
new file mode 100644
index 0000000..34b4a14
--- /dev/null
+++ b/frontend/src/app/models/dtos/ApiErrorResponse.ts
@@ -0,0 +1,12 @@
+import { HttpErrorResponse } from '@angular/common/http';
+
+export interface ApiErrorResponse extends HttpErrorResponse {
+ error: {
+ timestamp: Date;
+ error: string;
+ status: number;
+ errors: object[];
+ message: string;
+ path: string;
+ };
+}
diff --git a/frontend/src/app/models/dtos/CompanyDto.ts b/frontend/src/app/models/dtos/CompanyDto.ts
new file mode 100644
index 0000000..9be6633
--- /dev/null
+++ b/frontend/src/app/models/dtos/CompanyDto.ts
@@ -0,0 +1,5 @@
+export class CompanyDto {
+ slug!: string;
+ name!: string;
+ logoId?: string;
+}
diff --git a/frontend/src/app/models/dtos/DetectedGameDto.ts b/frontend/src/app/models/dtos/DetectedGameDto.ts
new file mode 100644
index 0000000..f40d020
--- /dev/null
+++ b/frontend/src/app/models/dtos/DetectedGameDto.ts
@@ -0,0 +1,33 @@
+import {CompanyDto} from "./CompanyDto";
+import {GenreDto} from "./GenreDto";
+import {KeywordDto} from "./KeywordDto";
+import {PlayerPerspectiveDto} from "./PlayerPerspectiveDto";
+import {ThemeDto} from "./ThemeDto";
+
+export class DetectedGameDto {
+
+ slug!: string;
+ title!: string;
+ summary?: string;
+ releaseDate?: Date;
+ userRating?: number;
+ criticsRating?: number;
+ totalRating?: number;
+ category?: string;
+ offlineCoop?: boolean;
+ onlineCoop?: boolean;
+ lanSupport?: boolean;
+ maxPlayers?: boolean;
+ coverId!: string;
+ screenshotIds?: string[];
+ videoIds?: string[];
+ companies?: CompanyDto[];
+ genres?: GenreDto[];
+ keywords?: KeywordDto[];
+ themes?: ThemeDto[];
+ playerPerspectives?: PlayerPerspectiveDto[];
+
+ path!: string;
+ isFolder!: boolean;
+ confirmedMatch!: boolean;
+}
diff --git a/frontend/src/app/models/dtos/GenreDto.ts b/frontend/src/app/models/dtos/GenreDto.ts
new file mode 100644
index 0000000..06b3530
--- /dev/null
+++ b/frontend/src/app/models/dtos/GenreDto.ts
@@ -0,0 +1,4 @@
+export class GenreDto {
+ slug!: string;
+ name?: string;
+}
diff --git a/frontend/src/app/models/dtos/KeywordDto.ts b/frontend/src/app/models/dtos/KeywordDto.ts
new file mode 100644
index 0000000..5c7863c
--- /dev/null
+++ b/frontend/src/app/models/dtos/KeywordDto.ts
@@ -0,0 +1,4 @@
+export class KeywordDto {
+ slug!: string;
+ name?: string;
+}
diff --git a/frontend/src/app/models/dtos/PlayerPerspectiveDto.ts b/frontend/src/app/models/dtos/PlayerPerspectiveDto.ts
new file mode 100644
index 0000000..ff0ee82
--- /dev/null
+++ b/frontend/src/app/models/dtos/PlayerPerspectiveDto.ts
@@ -0,0 +1,4 @@
+export class PlayerPerspectiveDto {
+ slug!: string;
+ name?: string;
+}
diff --git a/frontend/src/app/models/dtos/ThemeDto.ts b/frontend/src/app/models/dtos/ThemeDto.ts
new file mode 100644
index 0000000..c49574f
--- /dev/null
+++ b/frontend/src/app/models/dtos/ThemeDto.ts
@@ -0,0 +1,4 @@
+export class ThemeDto {
+ slug!: string;
+ name?: string;
+}
diff --git a/frontend/src/app/models/enums/Icon.ts b/frontend/src/app/models/enums/Icon.ts
new file mode 100644
index 0000000..10e2cb0
--- /dev/null
+++ b/frontend/src/app/models/enums/Icon.ts
@@ -0,0 +1,20 @@
+export enum Icon {
+ dns = 'dns',
+ directions_car = 'directions_car',
+ list_alt = 'list_alt',
+ info = 'info',
+ lock_open = 'lock_open',
+ description = 'description',
+ help = 'help',
+ play_arrow = 'play_arrow',
+ stop = 'stop',
+ pause = 'pause',
+ error = 'error',
+ sync_problem = 'sync_problem',
+ settings = 'settings',
+ add = 'add',
+ edit = 'edit',
+ delete = 'delete',
+ remove = 'remove',
+ controller = 'sports_esports'
+}
diff --git a/frontend/src/app/models/objects/DropDownMenuItem.ts b/frontend/src/app/models/objects/DropDownMenuItem.ts
new file mode 100644
index 0000000..3f86e5a
--- /dev/null
+++ b/frontend/src/app/models/objects/DropDownMenuItem.ts
@@ -0,0 +1,15 @@
+import { Icon } from '../enums/Icon';
+
+export class DropDownMenuItem {
+ title: string;
+ icon: Icon;
+ action: () => void;
+ enabled: boolean;
+
+ public constructor(title: string, icon: Icon, action: () => void, enabled: boolean) {
+ this.title = title;
+ this.icon = icon;
+ this.action = action;
+ this.enabled = enabled;
+ }
+}
diff --git a/frontend/src/app/models/objects/NavMenuItem.ts b/frontend/src/app/models/objects/NavMenuItem.ts
new file mode 100644
index 0000000..3486a90
--- /dev/null
+++ b/frontend/src/app/models/objects/NavMenuItem.ts
@@ -0,0 +1,15 @@
+import { Icon } from '../enums/Icon';
+
+export class NavMenuItem {
+ title: string;
+ icon: Icon;
+ route: string;
+ enabled: boolean;
+
+ public constructor(title: string, icon: Icon, route: string, enabled: boolean) {
+ this.title = title;
+ this.icon = icon;
+ this.route = route;
+ this.enabled = enabled;
+ }
+}
diff --git a/frontend/src/app/services/dialog.service.spec.ts b/frontend/src/app/services/dialog.service.spec.ts
new file mode 100644
index 0000000..fa59ef6
--- /dev/null
+++ b/frontend/src/app/services/dialog.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DialogService } from './dialog.service';
+
+describe('DialogService', () => {
+ beforeEach(() => TestBed.configureTestingModule({}));
+
+ it('should be created', () => {
+ const service: DialogService = TestBed.get(DialogService);
+ expect(service).toBeTruthy();
+ });
+});
diff --git a/frontend/src/app/services/dialog.service.ts b/frontend/src/app/services/dialog.service.ts
new file mode 100644
index 0000000..071b449
--- /dev/null
+++ b/frontend/src/app/services/dialog.service.ts
@@ -0,0 +1,27 @@
+import {Injectable} from '@angular/core';
+import {MatDialog, MatDialogConfig} from '@angular/material/dialog';
+import {ErrorDialogComponent} from '../components/error-dialog/error-dialog.component';
+
+@Injectable({
+ providedIn: 'root'
+})
+export class DialogService {
+
+ constructor(private dialog: MatDialog) {
+ }
+
+ public showErrorDialog(message: string): void {
+ const dialogConfig = new MatDialogConfig();
+
+ dialogConfig.disableClose = true;
+ dialogConfig.autoFocus = true;
+ dialogConfig.closeOnNavigation = true;
+
+ dialogConfig.data = {
+ message
+ };
+
+ this.dialog.open(ErrorDialogComponent, dialogConfig);
+ }
+
+}
diff --git a/frontend/src/app/services/games.service.ts b/frontend/src/app/services/games.service.ts
new file mode 100644
index 0000000..037d2fe
--- /dev/null
+++ b/frontend/src/app/services/games.service.ts
@@ -0,0 +1,24 @@
+import {Injectable} from '@angular/core';
+import {GamesApi} from "../api/GamesApi";
+import {HttpClient} from "@angular/common/http";
+import {Observable} from "rxjs";
+import {DetectedGameDto} from "../models/dtos/DetectedGameDto";
+
+@Injectable({
+ providedIn: 'root'
+})
+export class GamesService implements GamesApi {
+
+ private readonly apiPath = '/games';
+
+ constructor(private http: HttpClient) {
+ }
+
+ getAllGames(): Observable
+
+
+
+