diff --git a/src/app/app.module.ts b/src/app/app.module.ts index bac0c8e..95224fd 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -118,7 +118,7 @@ import { HttpErrorInterceptorService } from './interceptors/http-error-intercept BlockTemplateComponent, FullLayoutComponent, PrivacyPolicyComponent, - TermsConditionComponent, + TermsConditionComponent ], providers: [ AuthGuard, diff --git a/src/app/content/hemat-app/calculator/calculation/calculation.component.html b/src/app/content/hemat-app/calculator/calculation/calculation.component.html index 0bdeda6..0f21c85 100644 --- a/src/app/content/hemat-app/calculator/calculation/calculation.component.html +++ b/src/app/content/hemat-app/calculator/calculation/calculation.component.html @@ -1,38 +1 @@ -
-
-
-
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
-
-
-
-
-
-
- \ No newline at end of file + \ No newline at end of file diff --git a/src/app/content/hemat-app/calculator/calculator.module.ts b/src/app/content/hemat-app/calculator/calculator.module.ts index ba02a43..50127df 100644 --- a/src/app/content/hemat-app/calculator/calculator.module.ts +++ b/src/app/content/hemat-app/calculator/calculator.module.ts @@ -12,13 +12,15 @@ import { NgxDatatableModule } from '@swimlane/ngx-datatable'; import { BlockUIModule } from 'ng-block-ui'; import { BlockTemplateComponent } from 'src/app/_layout/blockui/block-template.component'; import { RouterModule } from '@angular/router'; +import { ComingSoonComponent } from '../coming-soon/coming-soon.component'; @NgModule({ declarations: [ CalculationComponent, - ReductionComponent + ReductionComponent, + ComingSoonComponent ], imports: [ CommonModule, diff --git a/src/app/content/hemat-app/calculator/reduction/reduction.component.html b/src/app/content/hemat-app/calculator/reduction/reduction.component.html index 0bdeda6..0f21c85 100644 --- a/src/app/content/hemat-app/calculator/reduction/reduction.component.html +++ b/src/app/content/hemat-app/calculator/reduction/reduction.component.html @@ -1,38 +1 @@ -
-
-
-
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
-
-
-
-
-
-
- \ No newline at end of file + \ No newline at end of file diff --git a/src/app/content/hemat-app/coming-soon/coming-soon.component.css b/src/app/content/hemat-app/coming-soon/coming-soon.component.css new file mode 100644 index 0000000..756fa32 --- /dev/null +++ b/src/app/content/hemat-app/coming-soon/coming-soon.component.css @@ -0,0 +1,43 @@ +.bg-maintenance-image { + background-size: cover; + display: flex; + justify-content: center; + align-items: center; +} + +.centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; +} + +.box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +.box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); +} + +.card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; +} + +.spinner { + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} diff --git a/src/app/content/hemat-app/coming-soon/coming-soon.component.html b/src/app/content/hemat-app/coming-soon/coming-soon.component.html new file mode 100644 index 0000000..6e2b71f --- /dev/null +++ b/src/app/content/hemat-app/coming-soon/coming-soon.component.html @@ -0,0 +1,33 @@ +
+
+
+
+
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+ +
+
+
+
+
+
+
+
+
diff --git a/src/app/content/hemat-app/coming-soon/coming-soon.component.spec.ts b/src/app/content/hemat-app/coming-soon/coming-soon.component.spec.ts new file mode 100644 index 0000000..3044c45 --- /dev/null +++ b/src/app/content/hemat-app/coming-soon/coming-soon.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ComingSoonComponent } from './coming-soon.component'; + +describe('ComingSoonComponent', () => { + let component: ComingSoonComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ComingSoonComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ComingSoonComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/content/hemat-app/coming-soon/coming-soon.component.ts b/src/app/content/hemat-app/coming-soon/coming-soon.component.ts new file mode 100644 index 0000000..e858a78 --- /dev/null +++ b/src/app/content/hemat-app/coming-soon/coming-soon.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-coming-soon', + templateUrl: './coming-soon.component.html', + styleUrls: ['./coming-soon.component.css'] +}) +export class ComingSoonComponent { + +} diff --git a/src/app/content/hemat-app/device/device-control/device-control.component.css b/src/app/content/hemat-app/device/device-control/device-control.component.css index e69de29..31faad1 100644 --- a/src/app/content/hemat-app/device/device-control/device-control.component.css +++ b/src/app/content/hemat-app/device/device-control/device-control.component.css @@ -0,0 +1,44 @@ +.bg-maintenance-image { + background-size: cover; + display: flex; + justify-content: center; + align-items: center; + } + + .centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + } + + .box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + .box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); + } + + .card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; + } + + .spinner { + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + \ No newline at end of file diff --git a/src/app/content/hemat-app/device/device-control/device-control.component.html b/src/app/content/hemat-app/device/device-control/device-control.component.html index 0bdeda6..6e2b71f 100644 --- a/src/app/content/hemat-app/device/device-control/device-control.component.html +++ b/src/app/content/hemat-app/device/device-control/device-control.component.html @@ -1,38 +1,33 @@
-
-
-
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
+
+
+
+
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+
-
-
+
+
+
+
- \ No newline at end of file +
diff --git a/src/app/content/hemat-app/master/master-category/master-category.component.ts b/src/app/content/hemat-app/master/master-category/master-category.component.ts index bbd2105..346821f 100644 --- a/src/app/content/hemat-app/master/master-category/master-category.component.ts +++ b/src/app/content/hemat-app/master/master-category/master-category.component.ts @@ -5,6 +5,7 @@ import { BlockUI, NgBlockUI } from "ng-block-ui"; import { TableApiService } from "src/app/_services/table-api.service"; import { BuildingService } from "../../service/monitoring-api.service"; import { AddEditMasterComponent } from "../add-edit-master/add-edit-master.component"; +import { ToastrService } from "ngx-toastr"; @Component({ selector: "app-master-category", @@ -25,7 +26,8 @@ export class MasterCategoryComponent implements OnInit { private tableApiservice: TableApiService, private modalService: NgbModal, private router: Router, - private monitoringApiService: BuildingService + private monitoringApiService: BuildingService, + private toastr: ToastrService ) {} ngOnInit() { @@ -87,12 +89,22 @@ export class MasterCategoryComponent implements OnInit { (result) => { console.log(result); if (result) { - this.monitoringApiService - .postHeaderDetailParam(result) - .subscribe((res) => { - console.log(res); + this.monitoringApiService.postHeaderDetailParam(result).subscribe( + (res) => { this.fetchData(); - }); + this.toastr.success("Success", "Save Completed.", { + timeOut: 2000, + closeButton: true, + }); + }, + (error) => { + console.error(error); + this.toastr.error("Error", "Something went wrong!", { + timeOut: 2000, + closeButton: true, + }); + } + ); } }, (reason) => { @@ -115,10 +127,22 @@ export class MasterCategoryComponent implements OnInit { if (result) { this.monitoringApiService .putHeaderDetailParam(result, row.id) - .subscribe((res) => { - console.log(res); - this.fetchData(); - }); + .subscribe( + (res) => { + this.fetchData(); + this.toastr.success("Success", "Update Completed.", { + timeOut: 2000, + closeButton: true, + }); + }, + (error) => { + console.error(error); + this.toastr.error("Error", "Something went wrong!", { + timeOut: 2000, + closeButton: true, + }); + } + ); } }, (reason) => { @@ -130,11 +154,22 @@ export class MasterCategoryComponent implements OnInit { deleteRow(row) { const confirmDelete = confirm("Are you sure you want to delete this item?"); if (confirmDelete) { - this.monitoringApiService - .deleteHeaderDetailParam(row.id) - .subscribe((res) => { + this.monitoringApiService.deleteHeaderDetailParam(row.id).subscribe( + (res) => { this.fetchData(); - }); + this.toastr.success("Success", "Delete Completed.", { + timeOut: 2000, + closeButton: true, + }); + }, + (error) => { + console.error(error); + this.toastr.error("Error", "Something went wrong!", { + timeOut: 2000, + closeButton: true, + }); + } + ); } } } diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.css b/src/app/content/hemat-app/master/master-user/master-user.component.css index e69de29..31faad1 100644 --- a/src/app/content/hemat-app/master/master-user/master-user.component.css +++ b/src/app/content/hemat-app/master/master-user/master-user.component.css @@ -0,0 +1,44 @@ +.bg-maintenance-image { + background-size: cover; + display: flex; + justify-content: center; + align-items: center; + } + + .centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + } + + .box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + .box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); + } + + .card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; + } + + .spinner { + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + \ No newline at end of file diff --git a/src/app/content/hemat-app/master/master-user/master-user.component.html b/src/app/content/hemat-app/master/master-user/master-user.component.html index 1eb31e0..6e2b71f 100644 --- a/src/app/content/hemat-app/master/master-user/master-user.component.html +++ b/src/app/content/hemat-app/master/master-user/master-user.component.html @@ -1,38 +1,33 @@
-
-
-
-
-
-
-
- - logo - -
-
-

This page is under maintenance

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
+
+
+
+
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+
-
-
+
+
+
+
- \ No newline at end of file +
diff --git a/src/app/content/hemat-app/master/master.module.ts b/src/app/content/hemat-app/master/master.module.ts index 79cdc74..f3f7b29 100644 --- a/src/app/content/hemat-app/master/master.module.ts +++ b/src/app/content/hemat-app/master/master.module.ts @@ -26,6 +26,7 @@ import { MasterRoomComponent } from './master-room/master-room.component'; import { MasterBuildingComponent } from './master-building/master-building.component'; import { AddEditMasterBuildingComponent } from './master-building/add-edit-master-building/add-edit-master-building.component'; import { AddEditMasterRoomComponent } from './master-room/add-edit-master-room/add-edit-master-room.component'; +import { ToastrModule } from 'ngx-toastr'; @@ -56,6 +57,7 @@ import { AddEditMasterRoomComponent } from './master-room/add-edit-master-room/a PerfectScrollbarModule, BreadcrumbModule, ReactiveFormsModule, + ToastrModule.forRoot(), NgbModule, BlockUIModule.forRoot({ template: BlockTemplateComponent diff --git a/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.css b/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.css index e69de29..31faad1 100644 --- a/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.css +++ b/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.css @@ -0,0 +1,44 @@ +.bg-maintenance-image { + background-size: cover; + display: flex; + justify-content: center; + align-items: center; + } + + .centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + } + + .box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + .box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); + } + + .card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; + } + + .spinner { + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + \ No newline at end of file diff --git a/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.html b/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.html index 0bdeda6..6e2b71f 100644 --- a/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.html +++ b/src/app/content/hemat-app/monitoring/surveillance/surveillance.component.html @@ -1,38 +1,33 @@
-
-
-
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
+
+
+
+
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+
-
-
+
+
+
+
- \ No newline at end of file +
diff --git a/src/app/content/hemat-app/monitoring/water/water.component.css b/src/app/content/hemat-app/monitoring/water/water.component.css index e69de29..31faad1 100644 --- a/src/app/content/hemat-app/monitoring/water/water.component.css +++ b/src/app/content/hemat-app/monitoring/water/water.component.css @@ -0,0 +1,44 @@ +.bg-maintenance-image { + background-size: cover; + display: flex; + justify-content: center; + align-items: center; + } + + .centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + } + + .box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + .box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); + } + + .card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; + } + + .spinner { + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + \ No newline at end of file diff --git a/src/app/content/hemat-app/monitoring/water/water.component.html b/src/app/content/hemat-app/monitoring/water/water.component.html index 0bdeda6..6e2b71f 100644 --- a/src/app/content/hemat-app/monitoring/water/water.component.html +++ b/src/app/content/hemat-app/monitoring/water/water.component.html @@ -1,38 +1,33 @@
-
-
-
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- -
+
+
+
+
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+
-
-
+
+
+
+
- \ No newline at end of file +
diff --git a/src/app/content/hemat-app/user-access/user-access.component.css b/src/app/content/hemat-app/user-access/user-access.component.css index bd893c0..31faad1 100644 --- a/src/app/content/hemat-app/user-access/user-access.component.css +++ b/src/app/content/hemat-app/user-access/user-access.component.css @@ -1,190 +1,44 @@ -:host ::ng-deep .ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label { - font-family: inherit; - font-size: medium; - font-weight: bold; - color: #6B6F82; -} -:host ::ng-deep .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-row-group, .ngx-datatable .datatable-row-right { - position: relative; - height: 50px !important; -} - -:host ::ng-deep .datatable-icon-right:before { - font-family: 'icofont'; - font-style: normal; -} - -:host ::ng-deep .datatable-icon-skip:before { - font-family: 'icofont'; - font-style: normal; -} - -:host ::ng-deep .datatable-icon-left:before { - font-family: 'icofont'; - font-style: normal; -} - -:host ::ng-deep .datatable-icon-left:before { - content: "\2039"; - font-size: x-large; -} - -:host ::ng-deep .datatable-icon-prev:before { - content: "\00AB"; - font-size: x-large; -} - -:host ::ng-deep .datatable-icon-right:before { - content: "\203A"; - font-size: x-large; -} - -:host ::ng-deep .datatable-icon-skip:before { - content: "\00BB"; - font-size: x-large; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left, -.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right, -.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev { - font-size: 16px; - line-height: 22px; - padding: 0px 09px; - background-color: #d4d2e7; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right, -.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right { - font-size: 16px; - line-height: 22px; - padding: 0px 09px; - background-color: #d4d2e7; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip { - font-size: 16px; - line-height: 22px; - padding: 0px 09px; - background-color: #d4d2e7; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev { - font-size: 16px; - line-height: 22px; - padding: 0px 09px; - background-color: #d4d2e7; -} - -:host ::ng-deep .datatable-footer .datatable-pager ul li:not(.disabled).active a, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] ul[_ngcontent-c11] li[_ngcontent-c11]:not(.disabled):hover a[_ngcontent-c11] { - background-color: #d4d2e7; - font-weight: bold; - font-size: larger; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager a { - height: 32px; - min-width: 34px; - line-height: 22px; - padding: 0; - border-radius: 3px; - margin: 0 3px; - text-align: center; - vertical-align: top; - padding-top: 3px; - text-decoration: none; - vertical-align: bottom; - color: #7c8091; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-right[_ngcontent-c11], -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-prev[_ngcontent-c11] { - font-size: 14px; - line-height: 9px; - padding: 0px 08px; - background-color: #ffffff; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-right[_ngcontent-c11], -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-prev[_ngcontent-c11] { - font-size: 0px; - line-height: 22px; - padding: 0px 09px; - background-color: #ffffff; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-right[_ngcontent-c11], -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-prev[_ngcontent-c11] { - font-size: 0px; - line-height: 22px; - padding: 0px 09px; - background-color: #ffffff; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-right[_ngcontent-c11], -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-prev[_ngcontent-c11] { - font-size: 0px; - line-height: 22px; - padding: 0px 09px; - background-color: #ffffff; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev, -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-right[_ngcontent-c11], -.ngx-datatable.bootstrap[_ngcontent-c11] .datatable-footer[_ngcontent-c11] .datatable-pager[_ngcontent-c11] .datatable-icon-prev[_ngcontent-c11] { - font-size: 0px; - line-height: 22px; - padding: 0px 09px; - background-color: #ffffff; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a { - background-color: #545454; - font-weight: bold; - color: white; - -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, -.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a { - background-color: #545454; - font-weight: bold; - color: white; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-footer { - background: #727e8e; - color: #ededed; - margin-top: -1px; - overflow: inherit; -} - -:host ::ng-deep .ngx-datatable.bootstrap .datatable-header { - font-weight: bold; - height: unset !important; - overflow: inherit -} - -:host ::ng-deep .ngx-datatable .datatable-footer .datatable-pager { - flex: 0 0 0%; -} - -:host ::ng-deep .ngx-datatable .datatable-footer .datatable-pager .pager { +.bg-maintenance-image { + background-size: cover; display: flex; -} - -:host ::ng-deep .block-ui-wrapper { - background: rgba(255, 249, 249, 0.5) !important; -} -:host ::ng-deep .ngx-datatable .datatable-footer .selected-count .datatable-pager { - flex: 0 0 0%; -} - -:host ::ng-deep .ngx-datatable { - display: -webkit-box; -} - + justify-content: center; + align-items: center; + } + + .centered-card { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + } + + .box-shadow-2 { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + .box-shadow-3 { + box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); + } + + .card { + background-color: rgba(255, 255, 255, 0.5); + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 20px; + max-width: 400px; + width: 100%; + } + + .spinner { + animation: spin 1s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } + } + \ No newline at end of file diff --git a/src/app/content/hemat-app/user-access/user-access.component.html b/src/app/content/hemat-app/user-access/user-access.component.html index 797d5d4..6e2b71f 100644 --- a/src/app/content/hemat-app/user-access/user-access.component.html +++ b/src/app/content/hemat-app/user-access/user-access.component.html @@ -2,36 +2,32 @@
-
-
-
-
- - logo - -
-
-

Coming Soon

-

We're sorry for the inconvenience. -
Please check back later.

-
-
-
- +
+
+
+ + logo + +
+
+

Coming Soon

+

+ We're working hard to bring you this page.
+ Please check back later. +

+
+
+
-
+
+
diff --git a/src/app/interceptors/http-error-interceptor.service.ts b/src/app/interceptors/http-error-interceptor.service.ts index 0e1df03..5c78a73 100644 --- a/src/app/interceptors/http-error-interceptor.service.ts +++ b/src/app/interceptors/http-error-interceptor.service.ts @@ -14,6 +14,12 @@ export class HttpErrorInterceptorService { catchError((error: HttpErrorResponse) => { if (error.status === 403) { this.router.navigate(['/error/error403']); + } else if (error.status === 404) { + this.router.navigate(['/error/error404']); + } else if (error.status === 500) { + this.router.navigate(['/error/error500']); + } else if (error.status === 502) { + this.router.navigate(['/error/error500']); } return throwError(error); }) diff --git a/src/assets/sass/scss/pages/under-maintenance.scss b/src/assets/sass/scss/pages/under-maintenance.scss index 4b46836..08a0738 100644 --- a/src/assets/sass/scss/pages/under-maintenance.scss +++ b/src/assets/sass/scss/pages/under-maintenance.scss @@ -9,7 +9,7 @@ // ================================================================================================ .bg-maintenance-image{ - background-image: url(/assets/images/backgrounds/bg-2.jpg); + background-image: url(/assets/images/backgrounds/98438.jpg); background-repeat: no-repeat; background-size: cover; }