From 19535a974996215b4879bd50ab797374a25a1547 Mon Sep 17 00:00:00 2001 From: Art Date: Fri, 17 Sep 2021 16:25:13 +0300 Subject: [PATCH] 133. Generating component (#17 Section 19: HTML Template) --- support-portal-frontend/src/app/app.module.ts | 8 +++++- .../app/component/login/login.component.css | 0 .../app/component/login/login.component.html | 1 + .../component/login/login.component.spec.ts | 25 +++++++++++++++++++ .../app/component/login/login.component.ts | 15 +++++++++++ .../component/register/register.component.css | 0 .../register/register.component.html | 1 + .../register/register.component.spec.ts | 25 +++++++++++++++++++ .../component/register/register.component.ts | 15 +++++++++++ .../src/app/component/user/user.component.css | 0 .../app/component/user/user.component.html | 1 + .../app/component/user/user.component.spec.ts | 25 +++++++++++++++++++ .../src/app/component/user/user.component.ts | 15 +++++++++++ 13 files changed, 130 insertions(+), 1 deletion(-) create mode 100644 support-portal-frontend/src/app/component/login/login.component.css create mode 100644 support-portal-frontend/src/app/component/login/login.component.html create mode 100644 support-portal-frontend/src/app/component/login/login.component.spec.ts create mode 100644 support-portal-frontend/src/app/component/login/login.component.ts create mode 100644 support-portal-frontend/src/app/component/register/register.component.css create mode 100644 support-portal-frontend/src/app/component/register/register.component.html create mode 100644 support-portal-frontend/src/app/component/register/register.component.spec.ts create mode 100644 support-portal-frontend/src/app/component/register/register.component.ts create mode 100644 support-portal-frontend/src/app/component/user/user.component.css create mode 100644 support-portal-frontend/src/app/component/user/user.component.html create mode 100644 support-portal-frontend/src/app/component/user/user.component.spec.ts create mode 100644 support-portal-frontend/src/app/component/user/user.component.ts diff --git a/support-portal-frontend/src/app/app.module.ts b/support-portal-frontend/src/app/app.module.ts index c64038a..354715a 100644 --- a/support-portal-frontend/src/app/app.module.ts +++ b/support-portal-frontend/src/app/app.module.ts @@ -8,10 +8,16 @@ import {UserService} from "./service/user.service"; import {AuthInterceptor} from "./interceptor/auth.interceptor"; import {AuthenticationGuard} from "./guard/authentication.guard"; import {NotificationModule} from "./notification/notification.module"; +import {LoginComponent} from './component/login/login.component'; +import {RegisterComponent} from './component/register/register.component'; +import {UserComponent} from './component/user/user.component'; @NgModule({ declarations: [ - AppComponent + AppComponent, + LoginComponent, + RegisterComponent, + UserComponent ], imports: [ BrowserModule, diff --git a/support-portal-frontend/src/app/component/login/login.component.css b/support-portal-frontend/src/app/component/login/login.component.css new file mode 100644 index 0000000..e69de29 diff --git a/support-portal-frontend/src/app/component/login/login.component.html b/support-portal-frontend/src/app/component/login/login.component.html new file mode 100644 index 0000000..147cfc4 --- /dev/null +++ b/support-portal-frontend/src/app/component/login/login.component.html @@ -0,0 +1 @@ +

login works!

diff --git a/support-portal-frontend/src/app/component/login/login.component.spec.ts b/support-portal-frontend/src/app/component/login/login.component.spec.ts new file mode 100644 index 0000000..bb3a0f3 --- /dev/null +++ b/support-portal-frontend/src/app/component/login/login.component.spec.ts @@ -0,0 +1,25 @@ +import {ComponentFixture, TestBed} from '@angular/core/testing'; + +import {LoginComponent} from './login.component'; + +describe('LoginComponent', () => { + let component: LoginComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ LoginComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(LoginComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/support-portal-frontend/src/app/component/login/login.component.ts b/support-portal-frontend/src/app/component/login/login.component.ts new file mode 100644 index 0000000..643e87d --- /dev/null +++ b/support-portal-frontend/src/app/component/login/login.component.ts @@ -0,0 +1,15 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-login', + templateUrl: './login.component.html', + styleUrls: ['./login.component.css'] +}) +export class LoginComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/support-portal-frontend/src/app/component/register/register.component.css b/support-portal-frontend/src/app/component/register/register.component.css new file mode 100644 index 0000000..e69de29 diff --git a/support-portal-frontend/src/app/component/register/register.component.html b/support-portal-frontend/src/app/component/register/register.component.html new file mode 100644 index 0000000..6b0ba2e --- /dev/null +++ b/support-portal-frontend/src/app/component/register/register.component.html @@ -0,0 +1 @@ +

register works!

diff --git a/support-portal-frontend/src/app/component/register/register.component.spec.ts b/support-portal-frontend/src/app/component/register/register.component.spec.ts new file mode 100644 index 0000000..3f2239f --- /dev/null +++ b/support-portal-frontend/src/app/component/register/register.component.spec.ts @@ -0,0 +1,25 @@ +import {ComponentFixture, TestBed} from '@angular/core/testing'; + +import {RegisterComponent} from './register.component'; + +describe('RegisterComponent', () => { + let component: RegisterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ RegisterComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(RegisterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/support-portal-frontend/src/app/component/register/register.component.ts b/support-portal-frontend/src/app/component/register/register.component.ts new file mode 100644 index 0000000..d1f5484 --- /dev/null +++ b/support-portal-frontend/src/app/component/register/register.component.ts @@ -0,0 +1,15 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-register', + templateUrl: './register.component.html', + styleUrls: ['./register.component.css'] +}) +export class RegisterComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/support-portal-frontend/src/app/component/user/user.component.css b/support-portal-frontend/src/app/component/user/user.component.css new file mode 100644 index 0000000..e69de29 diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html new file mode 100644 index 0000000..d039bb7 --- /dev/null +++ b/support-portal-frontend/src/app/component/user/user.component.html @@ -0,0 +1 @@ +

user works!

diff --git a/support-portal-frontend/src/app/component/user/user.component.spec.ts b/support-portal-frontend/src/app/component/user/user.component.spec.ts new file mode 100644 index 0000000..2205b26 --- /dev/null +++ b/support-portal-frontend/src/app/component/user/user.component.spec.ts @@ -0,0 +1,25 @@ +import {ComponentFixture, TestBed} from '@angular/core/testing'; + +import {UserComponent} from './user.component'; + +describe('UserComponent', () => { + let component: UserComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UserComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UserComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts new file mode 100644 index 0000000..bbddb72 --- /dev/null +++ b/support-portal-frontend/src/app/component/user/user.component.ts @@ -0,0 +1,15 @@ +import {Component, OnInit} from '@angular/core'; + +@Component({ + selector: 'app-user', + templateUrl: './user.component.html', + styleUrls: ['./user.component.css'] +}) +export class UserComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +}