From ae1bbf0b8a5ac3827937f39c33e999c7f3efa1ea Mon Sep 17 00:00:00 2001 From: AnandaTon Date: Tue, 3 Oct 2023 10:49:46 +0700 Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?= =?UTF-8?q?=20ui=20=E0=B8=AA=E0=B8=A1=E0=B8=B1=E0=B8=84=E0=B8=A3=E0=B8=AA?= =?UTF-8?q?=E0=B8=AD=E0=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit -เพิ่ม positionsTrue,positionsfalse --- cms/src/lib/data/CMSDataType.ts | 68 +++---- cms/src/routes/qualifying/[id]/+page.svelte | 206 ++++++++++++-------- 2 files changed, 165 insertions(+), 109 deletions(-) diff --git a/cms/src/lib/data/CMSDataType.ts b/cms/src/lib/data/CMSDataType.ts index 644c8fa..0833dd4 100644 --- a/cms/src/lib/data/CMSDataType.ts +++ b/cms/src/lib/data/CMSDataType.ts @@ -1,38 +1,40 @@ export interface Exam { - id:string; - title:string; - detail?:string; - date?:string; - announcement_startDate?:string; - announcement_endDate?:string; - announcementExam?:boolean; - register_startDate?:string; - register_endDate?:string; - payment_startDate?:string; - payment_endDate?:string; - examDate?:string; - categoryId?:string - category?:string - image?:string; - images?:{title:string,url:string}[]; - files?:{title:string,url:string}[]; - positions?:{id:string,title:string,path:string}[]; + id: string; + title: string; + detail?: string; + date?: string; + announcement_startDate?: string; + announcement_endDate?: string; + announcementExam?: boolean; + register_startDate?: string; + register_endDate?: string; + payment_startDate?: string; + payment_endDate?: string; + examDate?: string; + categoryId?: string; + category?: string; + image?: string; + images?: { title: string; url: string }[]; + files?: { title: string; url: string }[]; + positions?: { id: string; title: string; path: string }[]; + positionsTrue?: { id: string; title: string; path: string }[]; + positionsFalse?: { id: string; title: string; path: string }[]; } export interface CalendarEvent { - id:string; - title:string; - start:Date|string; - end?:Date|string; - url?:string; - backgroundColor?:string; + id: string; + title: string; + start: Date | string; + end?: Date | string; + url?: string; + backgroundColor?: string; +} +export interface CMSInfo { + logo_url: string; + title: string; + subtitle: string; + supervised: string; + address: string; + divisions: { title: string; url: string }[]; + institutes: { title: string; url: string }[]; } -export interface CMSInfo{ - logo_url:string; - title:string; - subtitle:string; - supervised:string; - address:string; - divisions:{title:string,url:string}[]; - institutes:{title:string,url:string}[]; -} \ No newline at end of file diff --git a/cms/src/routes/qualifying/[id]/+page.svelte b/cms/src/routes/qualifying/[id]/+page.svelte index 6e94685..2c0d131 100644 --- a/cms/src/routes/qualifying/[id]/+page.svelte +++ b/cms/src/routes/qualifying/[id]/+page.svelte @@ -1,114 +1,168 @@ +
-
-

การคัดเลือก

-
+
+

การคัดเลือก

+
-
-
+
+
    -
  • - - - -
    • -
  • - ประกาศเกี่ยวกับการคัดเลือกบุคลากรของกทม. -
    • +
  • + + + +
    • +
  • + ประกาศเกี่ยวกับการคัดเลือกบุคลากรของกทม. +
-
+
{data.title}
- วันประกาศ : {data.date} + วันประกาศ : {data.date}
{#if data.announcementExam} -
- {#if data.register_startDate} -
สมัคร : {formatDate(data.register_startDate,data.register_endDate)}
- {/if} - {#if data.payment_startDate} -
ชำระเงิน : {formatDate(data.payment_startDate,data.payment_endDate)}
- {/if} - {#if data.examDate } -
สอบ : {formatDate(data.examDate)}
- {/if} -
+
+ {#if data.register_startDate} +
+ สมัคร : + {formatDate(data.register_startDate, data.register_endDate)} +
+ {/if} + {#if data.payment_startDate} +
+ ชำระเงิน : + {formatDate(data.payment_startDate, data.payment_endDate)} +
+ {/if} + +
{/if}
-
- {@html data.detail} -
+
+ {@html data.detail} +
{#if data.images} {#each data.images as i} -
{i.title}
+
{i.title}
{/each} {/if} - {#if data.announcementExam  && data.positions} + {#if data.announcementExam && data.positions}
สมัครสอบ
- {#each data.positions as p} +
- -
-
- - - สมัครสอบ - -
- {p.title} -
-
+
+ {#if data.positionsTrue} + {#each data.positionsTrue as p} +
+
ปริญญาบัตรขึ้นไป
+
+ + + สมัครสอบ + +
+ {p.title} +
+
+
+ {/each} + {/if} + {#if data.positionsFalse} + {#each data.positionsFalse as a} +
+
ต่ำกว่าปริญญาบัตร
+
+ + + สมัครสอบ + +
+ {a.title} +
+
+
+ {/each} + {/if}
- {/each} -
+ +
{/if} - + {#if data.files} -
เอกสารประกอบ
- {#each data.files as file} -
- -
-
- - - อ่านเพิ่มเติม - -
- - {file.title} -
- -
+
+ เอกสารประกอบ
+ {#each data.files as file} +
+ +
+
+ + + อ่านเพิ่มเติม + +
+ + {file.title} +
+
+
{/each} {/if}
-
-
+
+
- -