From 1aa3780d656b395b0c1dffe540c5e72886a41ccf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
<69278826+cetincakiroglu@users.noreply.github.com>
Date: Fri, 14 Jan 2022 15:54:36 +0300
Subject: [PATCH] add login page
---
src/app/app-routing.module.ts | 4 +-
src/app/app.menu.component.ts | 3 +-
src/app/app.module.ts | 2 +
src/app/components/login/login.component.html | 36 +++++++++++++++
src/app/components/login/login.component.ts | 41 ++++++++++++++++++
src/assets/layout/images/avatar.png | Bin 0 -> 7329 bytes
6 files changed, 84 insertions(+), 2 deletions(-)
create mode 100644 src/app/components/login/login.component.html
create mode 100644 src/app/components/login/login.component.ts
create mode 100644 src/assets/layout/images/avatar.png
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 099b7c1..2b8e524 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -24,6 +24,7 @@ import { InvalidStateComponent } from './components/invalidstate/invalidstate.co
import { TimelineComponent } from './components/timeline/timeline.component';
import { IconsComponent } from './components/icons/icons.component';
import { LandingComponent } from './components/landing/landing.component';
+import { LoginComponent } from './components/login/login.component';
@NgModule({
imports: [
RouterModule.forRoot([
@@ -55,7 +56,8 @@ import { LandingComponent } from './components/landing/landing.component';
{path: 'documentation', component: DocumentationComponent}
],
},
- {path:'landing', component: LandingComponent},
+ {path:'pages/landing', component: LandingComponent},
+ {path:'pages/login', component: LoginComponent},
{path: '**', redirectTo: 'pages/empty'},
], {scrollPositionRestoration: 'enabled'})
],
diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts
index 18f9725..3efd259 100644
--- a/src/app/app.menu.component.ts
+++ b/src/app/app.menu.component.ts
@@ -71,7 +71,8 @@ export class AppMenuComponent implements OnInit {
items: [
{label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']},
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
- {label: 'Landing', icon: 'pi pi-fw pi-globe', routerLink: ['/landing']},
+ {label: 'Landing', icon: 'pi pi-fw pi-globe', routerLink: ['pages/landing']},
+ {label: 'Login', icon: 'pi pi-fw pi-sign-in', routerLink: ['pages/login']},
{label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']}
]
},
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 921816c..699bb61 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -136,6 +136,7 @@ import { PhotoService } from './service/photoservice';
import { ProductService } from './service/productservice';
import { MenuService } from './service/app.menu.service';
import { ConfigService } from './service/app.config.service';
+import { LoginComponent } from './components/login/login.component';
@NgModule({
imports: [
@@ -265,6 +266,7 @@ import { ConfigService } from './service/app.config.service';
PersonalComponent,
SeatComponent,
LandingComponent,
+ LoginComponent,
],
providers: [
{provide: LocationStrategy, useClass: HashLocationStrategy},
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
new file mode 100644
index 0000000..7d32e0e
--- /dev/null
+++ b/src/app/components/login/login.component.html
@@ -0,0 +1,36 @@
+
+
+

+
+
+
+
+

+
Welcome, Isabel!
+
Sign in to continue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/components/login/login.component.ts b/src/app/components/login/login.component.ts
new file mode 100644
index 0000000..2ba5c8b
--- /dev/null
+++ b/src/app/components/login/login.component.ts
@@ -0,0 +1,41 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-login',
+ templateUrl: './login.component.html',
+ styles:[`
+ :host ::ng-deep .p-password input {
+ width: 100%;
+ padding:1.25rem;
+ font-size:21px;
+ }
+
+ :host ::ng-deep .pi-eye{
+ transform:scale(1.6);
+ margin-right: 1rem;
+ }
+
+ :host ::ng-deep .pi-eye-slash{
+ transform:scale(1.6);
+ margin-right: 1rem;
+ }
+ `]
+})
+export class LoginComponent implements OnInit {
+
+ valCheck: string[] = ['remember'];
+ password: string;
+ themeElement: any;
+
+ constructor() { }
+
+ ngOnInit(): void {
+ this.themeElement = document.getElementById('theme-css');
+ this.themeElement.setAttribute('href','assets/theme/saga-blue/theme.css');
+ }
+
+ ngOnDestroy(): void {
+ this.themeElement.setAttribute('href', 'assets/theme/lara-light-indigo/theme.css');
+ }
+
+}
diff --git a/src/assets/layout/images/avatar.png b/src/assets/layout/images/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd1b1241f40adc7f1068a6f66748a8b91951bfa3
GIT binary patch
literal 7329
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