diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 2b8e524..91cb535 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -25,6 +25,7 @@ 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'; +import { ErrorComponent } from './components/error/error.component'; @NgModule({ imports: [ RouterModule.forRoot([ @@ -58,6 +59,7 @@ import { LoginComponent } from './components/login/login.component'; }, {path:'pages/landing', component: LandingComponent}, {path:'pages/login', component: LoginComponent}, + {path:'pages/error', component: ErrorComponent}, {path: '**', redirectTo: 'pages/empty'}, ], {scrollPositionRestoration: 'enabled'}) ], diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts index 3efd259..9ec2418 100644 --- a/src/app/app.menu.component.ts +++ b/src/app/app.menu.component.ts @@ -73,6 +73,7 @@ export class AppMenuComponent implements OnInit { {label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']}, {label: 'Landing', icon: 'pi pi-fw pi-globe', routerLink: ['pages/landing']}, {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: '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 699bb61..479b28a 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -137,6 +137,7 @@ 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'; +import { ErrorComponent } from './components/error/error.component'; @NgModule({ imports: [ @@ -267,6 +268,7 @@ import { LoginComponent } from './components/login/login.component'; SeatComponent, LandingComponent, LoginComponent, + ErrorComponent, ], providers: [ {provide: LocationStrategy, useClass: HashLocationStrategy}, diff --git a/src/app/components/error/error.component.html b/src/app/components/error/error.component.html new file mode 100644 index 0000000..b365630 --- /dev/null +++ b/src/app/components/error/error.component.html @@ -0,0 +1,18 @@ +
+ Sakai logo +
+
+
+
+ +
+

Error Occured

+ Requested resource is not available. + Error +
+ Go to Dashboard +
+
+
+
+
\ No newline at end of file diff --git a/src/app/components/error/error.component.scss b/src/app/components/error/error.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/error/error.component.ts b/src/app/components/error/error.component.ts new file mode 100644 index 0000000..64d862f --- /dev/null +++ b/src/app/components/error/error.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-error', + templateUrl: './error.component.html', + styleUrls: ['./error.component.scss'] +}) +export class ErrorComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/assets/layout/images/asset-error.svg b/src/assets/layout/images/asset-error.svg new file mode 100644 index 0000000..512a8ff --- /dev/null +++ b/src/assets/layout/images/asset-error.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/logo-error.svg b/src/assets/layout/images/logo-error.svg new file mode 100644 index 0000000..fd48da1 --- /dev/null +++ b/src/assets/layout/images/logo-error.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + +