ปรับ FullCalendar และหัวข้อปแต่ละหน้า

This commit is contained in:
Tanyalak 2023-04-05 16:56:04 +07:00
parent 08bd7b0b6a
commit 9fc92cfbcd
11 changed files with 352 additions and 97 deletions

View file

@ -6,13 +6,16 @@
let calendarRef;
export let events:CalendarEvent[]
let options = {
themeSystem: 'bootstrap5',
initialView: 'dayGridMonth',
plugins: [daygridPlugin],
locale: 'th',
headerToolbar: {
start: 'prev,next',
center: 'title'
headerToolbar: {
left: 'title',
center: '',
right: 'prev,next today'
},
contentHeight:"auto",
selectable: true,
buttonText: {

View file

@ -59,6 +59,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/KSB"
target="_blank"
>
กองสรรหาบุคคล
</a>
@ -67,6 +68,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/pdbma"
target="_blank"
>
กองพัฒนาระบบราชการ
</a>
@ -75,6 +77,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/csc_personal"
target="_blank"
>
กองอัตรากำลัง
</a>
@ -83,6 +86,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="http://203.155.220.238/csc/index.php/en/discipline-morality"
target="_blank"
>
กองทะเบียนประวัติข้าราชการ
</a>
@ -100,6 +104,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://main.bangkok.go.th/"
target="_blank"
>
กรุงเทพมหานคร
</a>
@ -108,6 +113,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/pdd"
target="_blank"
>
สนป.กทม./กองการเจ้าหน้าที่
</a>
@ -116,6 +122,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://webportal.bangkok.go.th/bangkokeducation"
target="_blank"
>
สำนักการศึกษา กทม.
</a>
@ -124,6 +131,7 @@
<a
class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
href="https://www.ocsc.go.th/"
target="_blank"
>
สำนักงาน ก.พ.
</a>

View file

@ -53,3 +53,6 @@
</script>
<div bind:this={calendarEl} class={classes} {style} />
<style>
</style>

View file

@ -1,4 +1,4 @@
<div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4">
<div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4 ">
<div
class="container px-4 mx-auto flex flex-no-wrap items-center justify-between"
>
@ -13,6 +13,7 @@
</div>
<div class="content-center grid pl-4">
<a class="textline1"
target="_blank"
href="https://webportal.bangkok.go.th/KSB/page/top/1119/%E0%B8%81%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%AB%E0%B8%B2%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5">
กองสรรหาบุคคล
</a>
@ -28,11 +29,11 @@
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
</label>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
<li><a href="/">หน้าหลัก</a></li>
<li><a href="/qualifying">การสอบคัดเลือก</a></li>
<li><a href="/competitive">การสอบแข่งขัน</a></li>
<li><a href="/about">เกี่ยวกับเรา</a></li>
<ul tabindex="0" style="width: 150px;" class="menu menu-compact dropdown-content mt-3 right-0 p-2 shadow bg-base-100 rounded-box w-52">
<li ><a class="hover:text-gray-500 active:bg-white" href="/">หน้าหลัก</a></li>
<li><a class="hover:text-gray-500 active:bg-white" href="/qualifying">การสอบคัดเลือก</a></li>
<li><a class="hover:text-gray-500 active:bg-white" href="/competitive">การสอบแข่งขัน</a></li>
<li><a class="hover:text-gray-500 active:bg-white" href="/about">เกี่ยวกับเรา</a></li>
</ul>
</div>
<div class="tabs hidden lg:flex w-full"><!-- tab-active -->
@ -61,5 +62,4 @@ letter-spacing: 0.05rem;
font-weight: 400;
color: #96a9ad;
}
</style>