feat: adding landing page for desktop application

src/src/app/app.component.html

@@ -1,3 +1,3 @@
 <div class="app-root-container">
-  <router-outlet />
+  <router-outlet/>
 </div>

src/src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
+import {TestBed} from '@angular/core/testing';
+import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {

src/src/app/app.component.ts

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import {Component} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
 
-@Component({
-    selector: 'app-root',
-    imports: [RouterOutlet],
-    templateUrl: './app.component.html',
-    styleUrl: './app.component.scss'
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
 })
 export class AppComponent {
   title = 'nullinside';

src/src/app/app.config.ts

@@ -1,10 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import {ApplicationConfig, Provider} from '@angular/core';
+import {provideRouter} from '@angular/router';
 
-import { routes } from './app.routes';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
-import { BearerTokenInterceptor } from "./middleware/bearer-token-interceptor";
+import {routes} from './app.routes';
+import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
+import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from "@angular/common/http";
+import {BearerTokenInterceptor} from "./middleware/bearer-token-interceptor";
 import {MAT_SNACK_BAR_DEFAULT_OPTIONS} from "@angular/material/snack-bar";
 
 export const noopInterceptorProvider: Provider =

src/src/app/app.routes.ts

@@ -9,12 +9,14 @@ import {TwitchBotIndexComponent} from './view/twitch/twitch-bot-index/twitch-bot
 import {TwitchBotConfigComponent} from './view/twitch/twitch-bot-config/twitch-bot-config.component';
 import {ImdbSearchComponent} from './view/imdb-search/imdb-search.component';
 import {BackgroundWebglExampleComponent} from "./view/background-webgl-example/background-webgl-example.component";
+import {LoginLandingDesktopComponent} from "./view/login-landing-desktop/login-landing-desktop.component";
 
 export const routes: Routes = [
   {path: '', component: HomeComponent},
   {path: 'background', component: BackgroundWebglExampleComponent},
   {path: 'user/auth', component: LoginComponent},
   {path: 'user/login', component: LoginLandingComponent},
+  {path: 'user/login/desktop', component: LoginLandingDesktopComponent},
   {path: 'home', component: HomeComponent},
   {path: 'vm-admin', component: VmManagerComponent, canActivate: [authGuard]},
   {path: 'twitch-bot', component: TwitchBotIndexComponent},

src/src/app/common/components/loading-icon/loading-icon.component.html

@@ -8,7 +8,7 @@
       from="0 67 67"
       to="-360 67 67"
       dur="2.5s"
-      repeatCount="indefinite" />
+      repeatCount="indefinite"/>
   </path>
   <path
     d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
@@ -18,7 +18,7 @@
       from="0 67 67"
       to="360 67 67"
       dur="8s"
-      repeatCount="indefinite" />
+      repeatCount="indefinite"/>
   </path>
 </svg>
 <div class="text-area" [style.font-size]="fontSize">

src/src/app/common/components/loading-icon/loading-icon.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { LoadingIconComponent } from './loading-icon.component';
+import {LoadingIconComponent} from './loading-icon.component';
 
 describe('LoadingIconComponent', () => {
   let component: LoadingIconComponent;

src/src/app/common/components/loading-icon/loading-icon.component.ts

@@ -1,10 +1,10 @@
-import { Component, Input } from '@angular/core';
+import {Component, Input} from '@angular/core';
 
-@Component({
-    selector: 'app-loading-icon',
-    imports: [],
-    templateUrl: './loading-icon.component.html',
-    styleUrl: './loading-icon.component.scss'
+@Component({
+  selector: 'app-loading-icon',
+  imports: [],
+  templateUrl: './loading-icon.component.html',
+  styleUrl: './loading-icon.component.scss'
 })
 export class LoadingIconComponent {
   @Input() width = '100%';

src/src/app/common/components/logo/logo.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { LogoComponent } from './logo.component';
+import {LogoComponent} from './logo.component';
 
 describe('LogoComponent', () => {
   let component: LogoComponent;

src/src/app/common/components/logo/logo.component.ts

@@ -1,11 +1,11 @@
 import {Component, Input} from '@angular/core';
 import {Router} from '@angular/router';
 
-@Component({
-    selector: 'app-logo',
-    imports: [],
-    templateUrl: './logo.component.html',
-    styleUrl: './logo.component.scss'
+@Component({
+  selector: 'app-logo',
+  imports: [],
+  templateUrl: './logo.component.html',
+  styleUrl: './logo.component.scss'
 })
 export class LogoComponent {
   @Input() height: number = 50;

src/src/app/common/components/standard-banner/standard-banner.component.html

@@ -1,5 +1,5 @@
 <div class="layout-logo-box">
-  <app-logo />
+  <app-logo/>
   @if (userIsLoggedIn) {
     <div class="logout-button">
       <button mat-stroked-button color="primary" (click)="onLogout()">Logout</button>

src/src/app/common/components/standard-banner/standard-banner.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { StandardBannerComponent } from './standard-banner.component';
+import {StandardBannerComponent} from './standard-banner.component';
 
 describe('StandardBannerComponent', () => {
   let component: StandardBannerComponent;

src/src/app/common/components/standard-banner/standard-banner.component.ts

@@ -1,16 +1,16 @@
-import { Component, OnInit } from '@angular/core';
-import { LogoComponent } from '../logo/logo.component';
-import { environment } from '../../../../environments/environment';
-import { MatButton } from '@angular/material/button';
+import {Component, OnInit} from '@angular/core';
+import {LogoComponent} from '../logo/logo.component';
+import {environment} from '../../../../environments/environment';
+import {MatButton} from '@angular/material/button';
 
-@Component({
-    selector: 'app-standard-banner',
-    imports: [
-        LogoComponent,
-        MatButton
-    ],
-    templateUrl: './standard-banner.component.html',
-    styleUrl: './standard-banner.component.scss'
+@Component({
+  selector: 'app-standard-banner',
+  imports: [
+    LogoComponent,
+    MatButton
+  ],
+  templateUrl: './standard-banner.component.html',
+  styleUrl: './standard-banner.component.scss'
 })
 export class StandardBannerComponent implements OnInit {
   public userIsLoggedIn: boolean = false;

src/src/app/common/components/twitch-login/twitch-login.component.html

@@ -1,4 +1,4 @@
 <div class="twitch-login-button" (click)="twitchLogin()" (keyup.enter)="twitchLogin()" tabindex="0">
-  <img class="side-by-side" ngSrc="assets/twitch-logo.png" alt="twitch-logo" height="25" width="25" />
+  <img class="side-by-side" ngSrc="assets/twitch-logo.png" alt="twitch-logo" height="25" width="25"/>
   <div class="side-by-side" style="margin-left: 5px">Login with Twitch</div>
 </div>

src/src/app/common/components/twitch-login/twitch-login.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { TwitchLoginComponent } from './twitch-login.component';
+import {TwitchLoginComponent} from './twitch-login.component';
 
 describe('TwitchLoginComponent', () => {
   let component: TwitchLoginComponent;

src/src/app/common/components/twitch-login/twitch-login.component.ts

@@ -1,14 +1,14 @@
-import { Component, Input } from '@angular/core';
-import { environment } from '../../../../environments/environment';
-import { NgOptimizedImage } from '@angular/common';
+import {Component, Input} from '@angular/core';
+import {environment} from '../../../../environments/environment';
+import {NgOptimizedImage} from '@angular/common';
 
-@Component({
-    selector: 'app-twitch-login',
-    imports: [
-        NgOptimizedImage
-    ],
-    templateUrl: './twitch-login.component.html',
-    styleUrl: './twitch-login.component.scss'
+@Component({
+  selector: 'app-twitch-login',
+  imports: [
+    NgOptimizedImage
+  ],
+  templateUrl: './twitch-login.component.html',
+  styleUrl: './twitch-login.component.scss'
 })
 export class TwitchLoginComponent {
   /**

src/src/app/common/interface/oauth.ts

@@ -0,0 +1,5 @@
+export interface OAuth {
+    bearer: string,
+    refresh: string,
+    expiresUtc: string
+}

src/src/app/middleware/auth.guard.spec.ts

@@ -1,7 +1,7 @@
-import { TestBed } from '@angular/core/testing';
-import { CanActivateFn } from '@angular/router';
+import {TestBed} from '@angular/core/testing';
+import {CanActivateFn} from '@angular/router';
 
-import { authGuard } from './auth.guard';
+import {authGuard} from './auth.guard';
 
 describe('authGuardGuard', () => {
   const executeGuard: CanActivateFn = (...guardParameters) =>

src/src/app/middleware/auth.guard.ts

@@ -1,8 +1,8 @@
-import { CanActivateFn } from '@angular/router';
-import { environment } from "../../environments/environment";
-import { inject } from "@angular/core";
-import { NullinsideService } from "../service/nullinside.service";
-import { of, tap } from "rxjs";
+import {CanActivateFn} from '@angular/router';
+import {environment} from "../../environments/environment";
+import {inject} from "@angular/core";
+import {NullinsideService} from "../service/nullinside.service";
+import {of, tap} from "rxjs";
 
 export const authGuard: CanActivateFn = (_, __) => {
   // TODO: Hook up the "returnUrl" in the rest of the application. GitHub issue #

src/src/app/service/nullinside-null.service.ts

@@ -1,8 +1,8 @@
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-import { environment } from '../../environments/environment';
-import { HttpClient } from '@angular/common/http';
-import { ImdbSearch } from '../common/interface/imdb-search';
+import {Injectable} from '@angular/core';
+import {Observable} from 'rxjs';
+import {environment} from '../../environments/environment';
+import {HttpClient} from '@angular/common/http';
+import {ImdbSearch} from '../common/interface/imdb-search';
 
 @Injectable({
   providedIn: 'root'

src/src/app/service/nullinside.service.ts

@@ -1,10 +1,10 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from "@angular/common/http";
-import { Observable } from "rxjs";
-import { environment } from "../../environments/environment";
-import { UserRolesResponse } from "../common/interface/user-roles-response";
-import { DockerResource } from '../common/interface/docker-resource';
-import { FeatureToggleResponse } from "../common/interface/feature-toggle-response";
+import {Injectable} from '@angular/core';
+import {HttpClient} from "@angular/common/http";
+import {Observable} from "rxjs";
+import {environment} from "../../environments/environment";
+import {UserRolesResponse} from "../common/interface/user-roles-response";
+import {DockerResource} from '../common/interface/docker-resource';
+import {FeatureToggleResponse} from "../common/interface/feature-toggle-response";
 
 @Injectable({
   providedIn: 'root'

src/src/app/view/background-webgl-example/background-webgl-example.component.html

@@ -1,10 +1,10 @@
-@if(enum === OpenGlBackgrounds.BOX) {
+@if (enum === OpenGlBackgrounds.BOX) {
   <app-background-webgl></app-background-webgl>
 } @else {
 
 }
 
-<app-standard-banner />
+<app-standard-banner/>
 <div class="floating-button">
   <button mat-stroked-button color="primary" [matMenuTriggerFor]="menu">Menu</button>
   <mat-menu #menu="matMenu">

src/src/app/view/background-webgl-example/background-webgl-example.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { BackgroundWebglExampleComponent } from './background-webgl-example.component';
+import {BackgroundWebglExampleComponent} from './background-webgl-example.component';
 
 describe('BackgroundWebglExampleComponent', () => {
   let component: BackgroundWebglExampleComponent;
@@ -10,7 +10,7 @@ describe('BackgroundWebglExampleComponent', () => {
     await TestBed.configureTestingModule({
       imports: [BackgroundWebglExampleComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(BackgroundWebglExampleComponent);
     component = fixture.componentInstance;

src/src/app/view/background-webgl-example/background-webgl-example.component.ts

@@ -1,24 +1,24 @@
-import { Component } from '@angular/core';
-import {BackgroundWebglComponent} from "../background-webgl/background-webgl.component";
-import {StandardBannerComponent} from "../../common/components/standard-banner/standard-banner.component";
-import {MatButton} from "@angular/material/button";
-import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
-import {OpenGlBackgrounds} from "./backgrounds";
-
+import {Component} from '@angular/core';
+import {BackgroundWebglComponent} from "../background-webgl/background-webgl.component";
+import {StandardBannerComponent} from "../../common/components/standard-banner/standard-banner.component";
+import {MatButton} from "@angular/material/button";
+import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
+import {OpenGlBackgrounds} from "./backgrounds";
+
 @Component({
-    selector: 'app-background-webgl-example',
-    imports: [
-        BackgroundWebglComponent,
-        StandardBannerComponent,
-        MatButton,
-        MatMenu,
-        MatMenuItem,
-        MatMenuTrigger
-    ],
-    templateUrl: './background-webgl-example.component.html',
-    styleUrl: './background-webgl-example.component.scss'
-})
-export class BackgroundWebglExampleComponent {
-  public enum: OpenGlBackgrounds = OpenGlBackgrounds.BOX;
-  protected readonly OpenGlBackgrounds = OpenGlBackgrounds;
-}
+  selector: 'app-background-webgl-example',
+  imports: [
+    BackgroundWebglComponent,
+    StandardBannerComponent,
+    MatButton,
+    MatMenu,
+    MatMenuItem,
+    MatMenuTrigger
+  ],
+  templateUrl: './background-webgl-example.component.html',
+  styleUrl: './background-webgl-example.component.scss'
+})
+export class BackgroundWebglExampleComponent {
+  public enum: OpenGlBackgrounds = OpenGlBackgrounds.BOX;
+  protected readonly OpenGlBackgrounds = OpenGlBackgrounds;
+}

src/src/app/view/background-webgl/background-webgl.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { BackgroundWebglComponent } from './background-webgl.component';
+import {BackgroundWebglComponent} from './background-webgl.component';
 
 describe('BackgroundWebglComponent', () => {
   let component: BackgroundWebglComponent;
@@ -10,7 +10,7 @@ describe('BackgroundWebglComponent', () => {
     await TestBed.configureTestingModule({
       imports: [BackgroundWebglComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(BackgroundWebglComponent);
     component = fixture.componentInstance;