From 978127f2c43dfbb4001f64feabc6d3a2aa3c0335 Mon Sep 17 00:00:00 2001
From: Fuzi_fauzia <fuzi.fauzia@allbestsistem.com>
Date: Mon, 8 Jul 2024 09:58:41 +0700
Subject: [PATCH] update validator user profil

---
 src/app/_layout/footer/footer.component.html  |  2 +-
 .../profil-information.component.css          | 14 ++++++++-
 .../profil-information.component.ts           | 31 ++++++++++++-------
 src/app/login/login.component.html            |  2 +-
 4 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/app/_layout/footer/footer.component.html b/src/app/_layout/footer/footer.component.html
index eb553d7..4c1c9fc 100644
--- a/src/app/_layout/footer/footer.component.html
+++ b/src/app/_layout/footer/footer.component.html
@@ -13,7 +13,7 @@
         href="https://allbestsistem.com/"
         target="_blank"
         style="background-color: #000000 !important;"
-        >Smart Building Management Systems (V@2024-07-4.02)
+        >Smart Building Management Systems (V@2024-07-8.01)
       </a></span
     >
   </p>
diff --git a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.css b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.css
index 8318891..6774770 100644
--- a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.css
+++ b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.css
@@ -20,4 +20,16 @@ img {
   width: 100%;
   height: 100%;
   cursor: pointer;
-}
\ No newline at end of file
+}
+
+.btn-primary {
+  color: #000000 !important;
+  background-color: #c3f164 !important;
+  border-radius: 10px;
+  width: 145px;
+}
+
+.btn-primary:disabled {
+  background-color: gray !important;
+  cursor: not-allowed;
+}
diff --git a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.ts b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.ts
index 8c6f2c1..3a7abfc 100644
--- a/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.ts
+++ b/src/app/content/hemat-app/user-profile/profil-information/profil-information.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
 import { FormBuilder, FormGroup, NgForm, Validators } from "@angular/forms";
 import { LoginService } from "../../service/login.service";
 import { ToastrService } from "ngx-toastr";
+
 @Component({
   selector: "app-profil-information",
   templateUrl: "./profil-information.component.html",
@@ -14,7 +15,7 @@ export class ProfilInformationComponent {
   activeTab: string = "profile-info2";
   submitted = false;
   storedData: any;
-  disableButton: boolean = false
+  disableButton: boolean = false;
 
   url: any = 'https://www.w3schools.com/howto/img_avatar.png';
   fileSelected: any = null;
@@ -22,7 +23,7 @@ export class ProfilInformationComponent {
   constructor(
     private formBuilder: FormBuilder,
     private authService: LoginService,
-    private toastr: ToastrService,
+    private toastr: ToastrService
   ) {}
 
   ngOnInit(): void {
@@ -30,14 +31,17 @@ export class ProfilInformationComponent {
     this.profilInfo = this.formBuilder.group({
       firstName: ["", Validators.required],
       lastName: ["", Validators.required],
-      email: ["", Validators.required],
-      phone: ["", Validators.required],
+      email: ["", [Validators.required, Validators.email]],
+      phone: ["", [Validators.required, Validators.pattern(/^[0-9]{10,15}$/)]],
       image: [null]
     });
-    this.dataProfil(this.storedData.sub)
+    this.dataProfil(this.storedData.sub);
+    this.profilInfo.valueChanges.subscribe(() => {
+      this.disableButton = !this.profilInfo.valid;
+    });
   }
 
-  dataProfil(userId){
+  dataProfil(userId) {
     this.authService.getDataProfil(userId).subscribe(data => {
       this.profilInfo.patchValue({
         firstName: data.data.firstname,
@@ -47,7 +51,7 @@ export class ProfilInformationComponent {
         image: [null]
       });
       if (data.data.image_path !== "https://kapi.absys.ninja/hemat/image/null") {
-        this.url = data.data.image_path
+        this.url = data.data.image_path;
       }
     });
   }
@@ -79,9 +83,9 @@ export class ProfilInformationComponent {
   public deleteImage() {
     this.url = null;
     if (this.url === null) {
-      this.disableButton = true
-    } else{
-      this.disableButton = false
+      this.disableButton = true;
+    } else {
+      this.disableButton = false;
     }
     this.profilInfo.patchValue({ image: null });
   }
@@ -97,9 +101,12 @@ export class ProfilInformationComponent {
   onProjectInfoSubmit() {
     this.submitted = true;
     if (this.profilInfo.invalid) {
+      this.disableButton = true;
       return;
     }
 
+    this.disableButton = false;
+
     const formData = new FormData();
     formData.append("firstname", this.profilInfo.get("firstName").value);
     formData.append("lastname", this.profilInfo.get("lastName").value);
@@ -108,7 +115,7 @@ export class ProfilInformationComponent {
     formData.append("statusId", "2");
     formData.append("buildingId", "4");
     formData.append("image", this.fileSelected);
-    
+
     this.authService.updateProfile(formData, this.storedData.sub).subscribe(
       (response) => {
         console.log("Profile updated successfully:", response);
@@ -131,6 +138,6 @@ export class ProfilInformationComponent {
 
   cancel() {
     this.dataProfil(this.storedData.sub);
-    this.disableButton = false
+    this.disableButton = false;
   }
 }
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index bc1d2a4..6e3f3cf 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -138,7 +138,7 @@
                 <p
                   class="card-subtitle line-on-side text-muted text-center font-small-3 mx-2 my-1"
                 >
-                  <span>(v@2024.07.4.02)</span>
+                  <span>(v@2024.07.8.01)</span>
                 </p>
                 <!-- <div class="card-body">
                   <a