From 7db98d513fe27dc0e32a9281bfa3186852941dce Mon Sep 17 00:00:00 2001
From: "pakintada@gmail.com" <Pakin>
Date: Thu, 7 Dec 2023 10:47:53 +0700
Subject: [PATCH] add pop up if save existed

---
 .../features/recipes/recipes.component.html   |  43 ++++++++++++++++--
 .../app/features/recipes/recipes.component.ts |  11 +++++
 server/data/database.db                       | Bin 12288 -> 20480 bytes
 3 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/client/src/app/features/recipes/recipes.component.html b/client/src/app/features/recipes/recipes.component.html
index e7bd8da..e55ee48 100644
--- a/client/src/app/features/recipes/recipes.component.html
+++ b/client/src/app/features/recipes/recipes.component.html
@@ -107,11 +107,23 @@
             </div> -->
           </div>
 
-          <button class="btn bg-primary btn-md border-2" *ngIf="savedTmpfiles.length > 0">
+          <!-- <button class="btn bg-primary btn-md border-2" *ngIf="savedTmpfiles.length > 0">
             <span class="text-base text-gray-700" onclick="select_savefile_modal.showModal()">โหลดเซฟ</span>
-          </button>
+          </button> -->
           <!-- todo: add modal -->
-          <dialog id="select_savefile_modal" class="modal">
+          <!-- <dialog id="select_savefile_modal" class="modal">
+
+
+
+            <form method="dialog" class="modal-backdrop">
+              <button>close</button>
+            </form>
+          </dialog> -->
+
+
+          <label for="select_savefile_modal" class="btn bg-primary btn-md border-2 text-base text-gray-700">โหลดเซฟ</label>
+          <input type="checkbox" id="select_savefile_modal" class="modal-toggle" #checkBox="ngModel" [(ngModel)]="saveTab">
+          <label for="select_savefile_modal" class="modal">
             <div class="modal-box max-w-[1000px] overflow-visible">
               <p class="font-bold text-lg m-2">Saved Files</p>
               <table class="table">
@@ -131,12 +143,35 @@
               </table>
 
             </div>
+          </label>
 
+          <!-- <button class="" *ngIf="savedTmpfiles.length > 0">
+            <span class="text-base text-gray-700" onloadstart="detect_save_noti.showModal()">;</span>
+          </button>
+          <dialog class="modal" id="detect_save_noti">
+
+            <div class="modal-box max-w-[400px] overflow-visible">
+              <p class="font-bold text-xl m-2"> พบการบันทึกไฟล์ก่อนหน้านี้ ต้องการแก้ไขต่อจากไฟล์บันทึกหรือไม่ </p>
+            </div>
 
             <form method="dialog" class="modal-backdrop">
               <button>close</button>
             </form>
-          </dialog>
+          </dialog> -->
+
+
+          <input type="checkbox" id="detect_save_noti" class="modal-toggle" #checkBox="ngModel" [(ngModel)]="showSaveNoti">
+          <label for="detect_save_noti" class="modal">
+            <div class="modal-box max-w-[580px] overflow-visible">
+              <p class="font-semibold text-lg m-2"> Found saved file(s). Want to continue editing saved file? </p>
+              <p class="font-medium text-sm m-2"> พบการบันทึกไฟล์ก่อนหน้านี้ ต้องการแก้ไขต่อจากไฟล์บันทึกหรือไม่ </p>
+              <div class="flex float-right justify-between m-2">
+                <button class="btn btn-secondary btn-square m-2" (click)="showSaveNoti=false">No</button>
+                <button class="btn btn-primary btn-square m-2" (click)="openLoadSaves()">Yes</button>
+              </div>
+            </div>
+          </label>
+
 
 
           <div class="flex flex-col ml-auto">
diff --git a/client/src/app/features/recipes/recipes.component.ts b/client/src/app/features/recipes/recipes.component.ts
index 6e0733b..e150ef0 100644
--- a/client/src/app/features/recipes/recipes.component.ts
+++ b/client/src/app/features/recipes/recipes.component.ts
@@ -66,6 +66,8 @@ export class RecipesComponent implements OnInit, OnDestroy {
   private oldSearchStr = '';
 
   savedTmpfiles: any[] = [];
+  saveTab: boolean = false;
+  showSaveNoti: boolean = true;
 
   tableCtx?: ElementRef;
 
@@ -150,11 +152,15 @@ export class RecipesComponent implements OnInit, OnDestroy {
           if(files != undefined && typeof files === 'object'){
             // console.log("Obtain saves object: ", files.files[0], typeof files);
             this.savedTmpfiles = files.files;
+            // let svf = (document.getElementById('select_savefile_modal') as HTMLInputElement)!.checked;
+            // console.log("isSavedModalOpened",svf)
           }
 
           },
         })
 
+
+
     this._materialService
       .getMaterialCodes()
       .pipe(
@@ -340,6 +346,11 @@ export class RecipesComponent implements OnInit, OnDestroy {
     // TODO: get tmp files to display or
   }
 
+  openLoadSaves(){
+    this.showSaveNoti = false;
+    this.saveTab = true;
+  }
+
   scrollToTop() {
     const table = this.tableCtx!.nativeElement;
     table.scrollTo({ top: 0, behavior: 'smooth' });
diff --git a/server/data/database.db b/server/data/database.db
index 4005aa161b82d30fa28e4992ffc33db86063d162..ebe981344b03d0dec7a29bf502be74837b70e1d6 100644
GIT binary patch
delta 537
zcmZut!A{#i5M6@{jV0SeQ02g7bErfFhTS!>0yj5U6ct+JMin`kC0;u#Y_CZcsXc}C
z#F3sWBz^(qk2v!Y-5{Ze!bl^%dGBfTX0A@J?zEfLsty2nr~0|({%p7(bg((NGp%c&
zo43Gvux`v->-+sh!yJv>`NdkjuKmW6o@J~j@|?>k6X^`;?J)2=0qppn4g)yj;hIt5
zG5q0&?azL=Mw-nAJPr?z{ICnZ1l<jzk`L1tvZ8teMkR|QD&d}5I_ex81&U@dmtyeB
z+^0p#qJ(Gcg=92beWA8r*8neK_H%fVamgZjDaF$q%`!%KhNoY7KYh#b+(K=AUF)ig
zCx0zgH%vup_6e|0Ce@{{_GtW3TXep;?s&E7d939j++vtg>=8_yogD`e2O*51C|Loe
zC`(?XaF_`RF+s$2lnZ$fqup)1OSVgT&XtYERMLVD>G@^W6G@UVmeXFJ7pyIcgr{4w
tPq(H5bD4r1k*L{1>X!0X^u~%!nU}<P3jPS}$4M1F*elEPPUZi|{{ZromxTZT

delta 56
zcmZozz}S#5L0XWBfq{V;h+%+nqK+|8P%mDZ7bwKUH-Ulg5#NN(f&vPBn<wxUC;|ZQ
C=LwDg