Merge pull request #64 from nullinside-development-group/feature/desktop2

feat: adding landing page for desktop application

Author: ProgrammingByPermutation

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;