pakin/Taobin-Recipe-Manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update select department page

Browse source
This commit is contained in:
Kenta420 2023-12-12 00:23:20 +07:00
parent 872f0f2383
commit baa5382c8b
5 changed files with 325 additions and 244 deletions
Download patch file Download diff file Expand all files Collapse all files

66
client/src/app/features/recipes/recipes.component.html
View file

@ -2,7 +2,7 @@
class="relative overflow-auto max-h-[80%] h-[88vh] shadow-md sm:rounded-lg"
#table
>
<table class="table">
<table class="table w-full">
<caption class="p-5 text-lg font-semibold text-left text-gray-900">
<div
class="divide-y divide-solid divide-gray-400"
@ -24,7 +24,7 @@
</button>
<dialog id="select_file_modal" class="modal">
<div
class="modal-box max-w-[600px] overflow-visible flex flex-col justify-center items-center gap-5"
class="modal-box overflow-visible flex flex-col justify-center items-center gap-5"
>
<h3 class="font-bold text-lg">Select Recipe File</h3>
<div class="flex flex-row gap-5">
@ -34,7 +34,7 @@
type="search"
tabindex="1"
placeholder="Select Country"
class="input input-bordered input-sm w-full max-w-xs"
class="input input-bordered input-sm w-full"
[value]="selectedCountry"
(input)="setCountryFilter($event)"
(focus)="getRecipeCountries()"
@ -120,20 +120,32 @@
</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="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">
<tr class="bg-primary ">
<tr class="bg-primary">
<th>Commit ID</th>
<th>Comment</th>
<th>Editor</th>
<th>Date</th>
</tr>
<tr class="row hover:bg-secondary" *ngFor="let file of savedTmpfiles">
<tr
class="row hover:bg-secondary"
*ngFor="let file of savedTmpfiles"
>
<td>{{ file.Id }}</td>
<td>{{ file.Msg }}</td>
<td>{{ file.Editor }}</td>
@ -141,7 +153,6 @@
<button class="btn bg-blue-400">Select</button>
</tr>
</table>
</div>
</label>
@ -159,21 +170,38 @@
</form>
</dialog> -->
<input type="checkbox" id="detect_save_noti" class="modal-toggle" #checkBox="ngModel" [(ngModel)]="showSaveNoti">
<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>
<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>
<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">
<span class=""
>Last Updated:
@ -236,7 +264,9 @@
</svg>
Export
</button>
<button class="btn rounded-lg"> Upgrade to {{ recipesDashboard.configNumber + 1 }}</button>
<button class="btn rounded-lg">
Upgrade to {{ recipesDashboard.configNumber + 1 }}
</button>
</div>
</div>
</div>