penyesuaian UI cooming soon

2024-06-13 23:01:28 +07:00
parent 33007acc77
commit 863a493b66
22 changed files with 527 additions and 441 deletions
--- 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,
+          });
+        }
+      );
    }
  }
 }
--- 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);
+    }
+  }
+  
--- 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 @@
 <div class="app-content content bg-maintenance-image">
-    <div class="content-wrapper">
-      <div class="content-body">
-        <section class="flexbox-container">
-            <div class="col-12 d-flex align-items-center justify-content-center">
-              <div class="col-md-4 col-10 box-shadow-2 p-0">
-                <div class="card border-grey border-lighten-3 px-1 py-1 box-shadow-3 m-0">
-                  <div class="card-body">
-                    <span class="card-title text-center">
-                      <img src="../../../../assets/images/logo/logo-dark-lg.png" class="img-fluid mx-auto d-block pt-2"
-                        width="250" alt="logo">
-                    </span>
-                  </div>
-                  <div class="card-body text-center">
-                    <h3>This page is under maintenance</h3>
-                    <p>We're sorry for the inconvenience.
-                      <br> Please check back later.</p>
-                    <div class="mt-2"><i class="la la-cog spinner font-large-2"></i></div>
-                  </div>
-                  <hr>
-                  <!-- <p class="socialIcon card-text text-center pt-2 pb-2">
-                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span
-                        class="la la-facebook"></span></a>
-                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span
-                        class="la la-twitter"></span></a>
-                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span
-                        class="la la-linkedin font-medium-4"></span></a>
-                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
-                        class="la la-github font-medium-4"></span></a>
-                  </p> -->
-                </div>
+  <div class="content-wrapper">
+    <div class="content-body">
+      <section class="flexbox-container">
+        <div class="centered-card">
+          <div class="card box-shadow-3">
+            <div class="card-body">
+              <span class="card-title text-center">
+                <img
+                  src="assets/images/logo/logo-dark-lg.png"
+                  class="img-fluid mx-auto d-block pt-2"
+                  width="250"
+                  alt="logo"
+                />
+              </span>
+            </div>
+            <div class="card-body text-center">
+              <h3 style="font-weight: 600; color: #000000">Coming Soon</h3>
+              <p style="color: #000000">
+                We're working hard to bring you this page. <br />
+                Please check back later.
+              </p>
+              <div class="mt-2">
+                <i class="la la-cog spinner font-large-2"></i>
              </div>
            </div>
-          </section>
-      </div>
+            <hr />
+          </div>
+        </div>
+      </section>
    </div>
  </div>
-  
+</div>
--- 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