From ea6aa09e1c5779220e470aadd06a6b2b594e49e3 Mon Sep 17 00:00:00 2001 From: cyber-dream Date: Sat, 27 Aug 2022 02:03:02 +0300 Subject: [PATCH] add modules for home screen --- src/app/home/game-bar/game-bar.component.html | 4 ++ src/app/home/game-bar/game-bar.component.scss | 0 .../home/game-bar/game-bar.component.spec.ts | 23 +++++++ src/app/home/game-bar/game-bar.component.ts | 15 ++++ .../generic-game/generic-game.component.html | 19 +++++ .../generic-game/generic-game.component.scss | 0 .../generic-game.component.spec.ts | 23 +++++++ .../generic-game/generic-game.component.ts | 15 ++++ src/app/home/home.component.html | 69 +------------------ src/app/home/home.module.ts | 6 +- 10 files changed, 107 insertions(+), 67 deletions(-) create mode 100644 src/app/home/game-bar/game-bar.component.html create mode 100644 src/app/home/game-bar/game-bar.component.scss create mode 100644 src/app/home/game-bar/game-bar.component.spec.ts create mode 100644 src/app/home/game-bar/game-bar.component.ts create mode 100644 src/app/home/generic-game/generic-game.component.html create mode 100644 src/app/home/generic-game/generic-game.component.scss create mode 100644 src/app/home/generic-game/generic-game.component.spec.ts create mode 100644 src/app/home/generic-game/generic-game.component.ts diff --git a/src/app/home/game-bar/game-bar.component.html b/src/app/home/game-bar/game-bar.component.html new file mode 100644 index 0000000..283e81d --- /dev/null +++ b/src/app/home/game-bar/game-bar.component.html @@ -0,0 +1,4 @@ +
+ + +
diff --git a/src/app/home/game-bar/game-bar.component.scss b/src/app/home/game-bar/game-bar.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/home/game-bar/game-bar.component.spec.ts b/src/app/home/game-bar/game-bar.component.spec.ts new file mode 100644 index 0000000..9bd3095 --- /dev/null +++ b/src/app/home/game-bar/game-bar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GameBarComponent } from './game-bar.component'; + +describe('GameBarComponent', () => { + let component: GameBarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GameBarComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(GameBarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/home/game-bar/game-bar.component.ts b/src/app/home/game-bar/game-bar.component.ts new file mode 100644 index 0000000..233a93a --- /dev/null +++ b/src/app/home/game-bar/game-bar.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-game-bar', + templateUrl: './game-bar.component.html', + styleUrls: ['./game-bar.component.scss'] +}) +export class GameBarComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/home/generic-game/generic-game.component.html b/src/app/home/generic-game/generic-game.component.html new file mode 100644 index 0000000..5b2b7f6 --- /dev/null +++ b/src/app/home/generic-game/generic-game.component.html @@ -0,0 +1,19 @@ +
+ +
+
+
+ Minecraft +
+
+ Survival +
+
+ 1.12.2 +
+
+
+ Survival world with mods such as Industrial Craft, RailCraft, etc. +
+
+
\ No newline at end of file diff --git a/src/app/home/generic-game/generic-game.component.scss b/src/app/home/generic-game/generic-game.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/home/generic-game/generic-game.component.spec.ts b/src/app/home/generic-game/generic-game.component.spec.ts new file mode 100644 index 0000000..d22e492 --- /dev/null +++ b/src/app/home/generic-game/generic-game.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GenericGameComponent } from './generic-game.component'; + +describe('GenericGameComponent', () => { + let component: GenericGameComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GenericGameComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(GenericGameComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/home/generic-game/generic-game.component.ts b/src/app/home/generic-game/generic-game.component.ts new file mode 100644 index 0000000..c4bf052 --- /dev/null +++ b/src/app/home/generic-game/generic-game.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-generic-game', + templateUrl: './generic-game.component.html', + styleUrls: ['./generic-game.component.scss'] +}) +export class GenericGameComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index db3ba0a..48ab3c4 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -1,67 +1,4 @@
-
-
-
- -
-
-
-
- MrSandyMoon -
-
- Booster -
-
-
- Administrator -
-
-
- -
- -
- -
- 2 - sessions active -
- - -
- 1 - session announced -
- - -
- 2 - sessions to be voted -
- -
- -
-
- -
-
-
- Minecraft -
-
- Survival -
-
- 1.12.2 -
-
-
- Survival world with mods such as Industrial Craft, RailCraft, etc. -
-
-
-
- - + + + \ No newline at end of file diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts index 3bd43bc..9d566cf 100644 --- a/src/app/home/home.module.ts +++ b/src/app/home/home.module.ts @@ -5,9 +5,13 @@ import { HomeRoutingModule } from './home-routing.module'; import { HomeComponent } from './home.component'; import { SharedModule } from '../shared/shared.module'; +import { GameBarComponent } from './game-bar/game-bar.component'; +import { GenericGameComponent } from './generic-game/generic-game.component'; +import { GameButtonComponent } from './game-bar/game-button/game-button.component'; +import { UserInfoComponent } from './game-bar/user-info/user-info.component'; @NgModule({ - declarations: [HomeComponent], + declarations: [HomeComponent, GameBarComponent, GenericGameComponent, GameButtonComponent, UserInfoComponent], imports: [CommonModule, SharedModule, HomeRoutingModule] }) export class HomeModule {}