From dc2833147f7d984b7c827f330b945fe3f75cb1e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=87etin?= <69278826+cetincakiroglu@users.noreply.github.com> Date: Sat, 15 Jan 2022 11:53:52 +0300 Subject: [PATCH] Add access denied page and refactor --- src/app/app-routing.module.ts | 2 + src/app/app.menu.component.ts | 1 + src/app/app.module.ts | 2 + .../components/access/access.component.html | 19 ++++++++ src/app/components/access/access.component.ts | 7 +++ src/app/components/error/error.component.html | 10 ++-- .../notfound/notfound.component.html | 8 ++-- src/assets/layout/images/asset-access.svg | 46 +++++++++++++++++++ src/assets/layout/images/logo-orange.svg | 16 +++++++ 9 files changed, 102 insertions(+), 9 deletions(-) create mode 100644 src/app/components/access/access.component.html create mode 100644 src/app/components/access/access.component.ts create mode 100644 src/assets/layout/images/asset-access.svg create mode 100644 src/assets/layout/images/logo-orange.svg diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 3666978..1e77297 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -27,6 +27,7 @@ import { LandingComponent } from './components/landing/landing.component'; import { LoginComponent } from './components/login/login.component'; import { ErrorComponent } from './components/error/error.component'; import { NotfoundComponent } from './components/notfound/notfound.component'; +import { AccessComponent } from './components/access/access.component'; @NgModule({ imports: [ RouterModule.forRoot([ @@ -62,6 +63,7 @@ import { NotfoundComponent } from './components/notfound/notfound.component'; {path:'pages/login', component: LoginComponent}, {path:'pages/error', component: ErrorComponent}, {path:'pages/notfound', component: NotfoundComponent}, + {path:'pages/access', component: AccessComponent}, {path: '**', redirectTo: 'pages/notfound'}, ], {scrollPositionRestoration: 'enabled'}) ], diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts index b816ce2..9ac5d8f 100644 --- a/src/app/app.menu.component.ts +++ b/src/app/app.menu.component.ts @@ -75,6 +75,7 @@ export class AppMenuComponent implements OnInit { {label: 'Login', icon: 'pi pi-fw pi-sign-in', routerLink: ['pages/login']}, {label: 'Error', icon: 'pi pi-fw pi-times-circle', routerLink: ['pages/error']}, {label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['pages/notfound']}, + {label: 'Access Denied', icon: 'pi pi-fw pi-lock', routerLink: ['pages/access']}, {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 ecb2d05..45ab02b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -139,6 +139,7 @@ import { ConfigService } from './service/app.config.service'; import { LoginComponent } from './components/login/login.component'; import { ErrorComponent } from './components/error/error.component'; import { NotfoundComponent } from './components/notfound/notfound.component'; +import { AccessComponent } from './components/access/access.component'; @NgModule({ imports: [ @@ -271,6 +272,7 @@ import { NotfoundComponent } from './components/notfound/notfound.component'; LoginComponent, ErrorComponent, NotfoundComponent, + AccessComponent, ], providers: [ {provide: LocationStrategy, useClass: HashLocationStrategy}, diff --git a/src/app/components/access/access.component.html b/src/app/components/access/access.component.html new file mode 100644 index 0000000..d9cb981 --- /dev/null +++ b/src/app/components/access/access.component.html @@ -0,0 +1,19 @@ + +
+ Sakai logo +
+
+
+
+ +
+

Access Denied

+ You do not have the necesary permisions. Please contact admins. + Access denied +
+ Go to Dashboard +
+
+
+
+
\ No newline at end of file diff --git a/src/app/components/access/access.component.ts b/src/app/components/access/access.component.ts new file mode 100644 index 0000000..fb55ed1 --- /dev/null +++ b/src/app/components/access/access.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-access', + templateUrl: './access.component.html', +}) +export class AccessComponent { } diff --git a/src/app/components/error/error.component.html b/src/app/components/error/error.component.html index 4a02acc..4ddf25c 100644 --- a/src/app/components/error/error.component.html +++ b/src/app/components/error/error.component.html @@ -1,10 +1,10 @@ -
+
Sakai logo -
+
-
-
- +
+
+

Error Occured

Requested resource is not available. diff --git a/src/app/components/notfound/notfound.component.html b/src/app/components/notfound/notfound.component.html index e9357d6..606e774 100644 --- a/src/app/components/notfound/notfound.component.html +++ b/src/app/components/notfound/notfound.component.html @@ -1,10 +1,10 @@
Sakai logo -
-
-
+
+
+
404 -

Looks like you are lost

+

Looks like you are lost

Requested resource is not available.
diff --git a/src/assets/layout/images/asset-access.svg b/src/assets/layout/images/asset-access.svg new file mode 100644 index 0000000..d7da9d0 --- /dev/null +++ b/src/assets/layout/images/asset-access.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/logo-orange.svg b/src/assets/layout/images/logo-orange.svg new file mode 100644 index 0000000..a97df44 --- /dev/null +++ b/src/assets/layout/images/logo-orange.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + +