hrms-bangkok/hrms-exam
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ css หน้ารายละเอียดประกาศ แก้ตามประชุมวันนี้

Browse source
This commit is contained in:
Tanyalak 2023-04-07 17:58:02 +07:00
parent faaae95956
commit b8bf44ba3a
12 changed files with 142 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

15
cms/src/app.postcss
View file

@ -26,8 +26,23 @@
padding-right: 0rem !important; padding-right: 0rem !important;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.breadTaxt{
width:150px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.tableScroll {
display: table !important;
height: auto !important;
}
} }
.tableScroll {
display: block;
height: 520px;
overflow-y: auto;
}
.p-one{ .p-one{
background-image: linear-gradient(to top,rgba(71, 85, 105, 0.647),rgba(67, 84, 107, 0.807)),url('/images/p1.jpg'); background-image: linear-gradient(to top,rgba(71, 85, 105, 0.647),rgba(67, 84, 107, 0.807)),url('/images/p1.jpg');
} }

9
cms/src/lib/components/Footer.svelte
View file

@ -26,13 +26,18 @@
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
<div class="flex flex-wrap text-center lg:text-left"> <div class="flex flex-wrap text-center lg:text-left">
<div class="w-full lg:w-6/12 px-4"> <div class="w-full lg:w-6/12 px-4">
<div class=" mb-4">
<div class="w-12 rounded-full">
<img src="/images/logo.png" alt="logo">
</div>
</div>
<h5 class="text-2xl font-semibold">กองสรรหาบุคคล</h5> <h5 class="text-2xl font-semibold">กองสรรหาบุคคล</h5>
<h6 class="text-md mt-1 mb-2 text-blueGray-600"> <h6 class="text-md mt-1 mb-2 text-blueGray-600">
173 ถนนดินสอ แขวงเสาชิงช้า เขตพระนคร กรุงเทพมหานคร 10200 173 ถนนดินสอ แขวงเสาชิงช้า เขตพระนคร กรุงเทพมหานคร 10200
</h6> </h6>
<div class="mt-6 lg:mb-0 mb-6"> <div class="mt-6 lg:mb-0 mb-6">
<button <!-- <button
class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2" class="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
type="button" type="button"
> >
@ -43,7 +48,7 @@
type="button" type="button"
> >
<i class="fab fa-dribbble"></i> <i class="fab fa-dribbble"></i>
</button> </button> -->
</div> </div>
</div> </div>
<div class="w-full lg:w-6/12 px-4"> <div class="w-full lg:w-6/12 px-4">

4
cms/src/lib/data/competitive-exam.json
View file

@ -8,7 +8,7 @@
"img":"/images/c1.jpg", "img":"/images/c1.jpg",
"files":[ "files":[
{ {
"title":"รายละเอียดประกาศคลิกที่นี่ !!", "title":"รายละเอียดประกาศ",
"url":"https://drive.google.com/file/d/1gJ7IglN2l40CtojY-iIBfuy3onJ8zurY/view?usp=share_link" "url":"https://drive.google.com/file/d/1gJ7IglN2l40CtojY-iIBfuy3onJ8zurY/view?usp=share_link"
}, },
{ {
@ -54,7 +54,7 @@
{ {
"id":"18", "id":"18",
"date":"9 เม.ย. 2566", "date":"9 เม.ย. 2566",
"start":"2023-04-09", "start":"2023-03-28T09:00:00",
"detail":"แผนที่การเดินทางมาสนามสอบคนพิการฯ ครั้งที่ 1/2565", "detail":"แผนที่การเดินทางมาสนามสอบคนพิการฯ ครั้งที่ 1/2565",
"title":"แผนที่การเดินทางมาสนามสอบคนพิการฯ ครั้งที่ 1/2565", "title":"แผนที่การเดินทางมาสนามสอบคนพิการฯ ครั้งที่ 1/2565",
"img":"/images/c3.jpg" "img":"/images/c3.jpg"

16
cms/src/lib/data/qualify-exam.json
View file

@ -4,28 +4,28 @@
"date":"24 เม.ย. 2566","institute":"สำนักงาน ก.ก.","institute_id":1, "date":"24 เม.ย. 2566","institute":"สำนักงาน ก.ก.","institute_id":1,
"start":"2023-04-24", "start":"2023-04-24",
"title":"ด่วน !! ประกาศวัน เวลา สถานที่ และระเบียบการคัดเลือกลูกจ้างกทม.", "title":"ด่วน !! ประกาศวัน เวลา สถานที่ และระเบียบการคัดเลือกลูกจ้างกทม.",
"detail":"<p>สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร ประกาศกำหนดวัน เวลา สถานที่คัดเลือก และระเบียบ เกี่ยวกับการคัดเลือกบุคลากรกรุงเทพมหานครหรือผู้ปฏิบัติงานอื่นในกรุงเทพมหานครเพื่อบรรจุและแต่งตั้ง เป็นข้าราชการกรุงเทพมหานครสามัญ ครั้งที่ 1 / 2565</p><p> <center> <br> <img src='https://webportal.bangkok.go.th/public/user_files_editor/305/bkkgovjob202303_12.jpg'></center></p>", "detail":"<p><center><img src='https://webportal.bangkok.go.th/public/user_files_editor/305/bkkgovjob202303_12.jpg'></center></p><br/><center><h2>สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร ประกาศกำหนดวัน เวลา สถานที่คัดเลือก และระเบียบ เกี่ยวกับการคัดเลือกบุคลากรกรุงเทพมหานครหรือผู้ปฏิบัติงานอื่นในกรุงเทพมหานครเพื่อบรรจุและแต่งตั้ง เป็นข้าราชการกรุงเทพมหานครสามัญ ครั้งที่ 1 / 2565</h2></center>",
"img":"/images/sel1.png", "img":"/images/sel1.png",
"docUrl":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8%E0%B8%84%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87.pdf", "docUrl":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8%E0%B8%84%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87.pdf",
"files":[ "files":[
{ {
"title":"รายละเอียดประกาศฯ คลิกที่นี่ !!", "title":"รายละเอียดประกาศฯ",
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8%E0%B8%A7%E0%B8%B1%E0%B8%99%20%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%20%E0%B8%AA%E0%B8%96%E0%B8%B2%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%84%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%AF.pdf" "url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A8%E0%B8%A7%E0%B8%B1%E0%B8%99%20%E0%B9%80%E0%B8%A7%E0%B8%A5%E0%B8%B2%20%E0%B8%AA%E0%B8%96%E0%B8%B2%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%84%E0%B8%B1%E0%B8%94%E0%B9%80%E0%B8%A5%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%AF.pdf"
}, },
{ {
"title":"ค้นหาสถานที่คัดเลือก คลิกที่นี่ !!", "title":"ค้นหาสถานที่คัดเลือก",
"url":"https://bangkokgov.thaijobjob.com/bkkgovjob/searchApp.php?z=333" "url":"https://bangkokgov.thaijobjob.com/bkkgovjob/searchApp.php?z=333"
}, },
{ {
"title":"แผนที่ตั้งของสนามสอบ คลิกที่นี่ !!", "title":"แผนที่ตั้งของสนามสอบ",
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_9" "url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_9"
}, },
{ {
"title":"แผนผังสนามสอบ คลิกที่นี่ !!", "title":"แผนผังสนามสอบ",
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14" "url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14"
}, },
{ {
"title":"แผนผังสนามสอบ คลิกที่นี่ !!", "title":"แผนผังสนามสอบ",
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14" "url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14"
}, },
{ {
@ -56,7 +56,7 @@
}, },
{ {
"id":"18", "id":"18",
"date":"50 พ.ย. 2565","institute":"สำนักอนามัย","institute_id":2, "date":"50 พ.ย. 2566","institute":"สำนักอนามัย","institute_id":2,
"start":"2023-11-05T09:00:00", "start":"2023-11-05T09:00:00",
"title":"สอบครั้งที่ 1/2565", "title":"สอบครั้งที่ 1/2565",
"detail":"สอบเป็นลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร", "detail":"สอบเป็นลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร",
@ -65,7 +65,7 @@
}, },
{ {
"id":"17", "id":"17",
"date":"1 พ.ย. 2565","institute":"สำนักงาน ก.ก.","institute_id":1, "date":"1 พ.ย. 2566","institute":"สำนักงาน ก.ก.","institute_id":1,
"start":"2023-11-01", "start":"2023-11-01",
"title":"รับสมัครสอบตำแหน่งลูกจ้างและผู้ปฎิบัติงาน 1/2565", "title":"รับสมัครสอบตำแหน่งลูกจ้างและผู้ปฎิบัติงาน 1/2565",
"detail":"รับสมัครสอบตำแหน่ง ลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร", "detail":"รับสมัครสอบตำแหน่ง ลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร",

59
cms/src/routes/+page.svelte
View file

@ -12,7 +12,7 @@
const c3 = "/images/c3.jpg"; const c3 = "/images/c3.jpg";
</script> </script>
<section class="reative flex bg-gradient pt-10 pb-48 md:pb-38"> <section class="reative flex bg-gradient pt-10 pb-44 md:pb-38">
<div class="container mx-auto items-start flex flex-wrap"> <div class="container mx-auto items-start flex flex-wrap">
<div class="w-full md:w-6/12 lg:w-6/12 xl:w-6/12 px-6"> <div class="w-full md:w-6/12 lg:w-6/12 xl:w-6/12 px-6">
<div class="pt-16 sm:pt-18"> <div class="pt-16 sm:pt-18">
@ -96,13 +96,13 @@
<div class="card-body"> <div class="card-body">
<div class="text-sm font-medium text-gray-500"> <div class="text-sm font-medium text-gray-500">
ข่าววันที่ : {qualify_exams[0].date} ข่าววันที่ : {qualify_exams[0].date}
<div class="badge badge-secondary text-white ml-4">NEW</div> <div class="badge bg-blue-100 text-blue-500 border-none ml-4">NEW</div>
</div> </div>
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[0].title} <a class="hover:text-gray-500" href="/qualifying/{qualify_exams[0].id}">{qualify_exams[0].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <div class="text-sm flex flex-wrap justify-end">
<div> <!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -111,7 +111,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/qualifying/{qualify_exams[0].id}" href="/qualifying/{qualify_exams[0].id}"
@ -136,10 +136,10 @@
{qualify_exams[1].date} {qualify_exams[1].date}
</h2> </h2>
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[1].title} <a class="hover:text-gray-500" href="/qualifying/{qualify_exams[1].id}">{qualify_exams[1].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <div class="text-sm flex flex-wrap justify-end">
<div> <!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -148,7 +148,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/qualifying/{qualify_exams[1].id}" href="/qualifying/{qualify_exams[1].id}"
@ -171,10 +171,10 @@
{qualify_exams[2].date} {qualify_exams[2].date}
</div> </div>
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[2].title} <a class="hover:text-gray-500" href="/qualifying/{qualify_exams[2].id}">{qualify_exams[2].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <div class="text-sm flex flex-wrap justify-end">
<div> <!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -183,7 +183,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/qualifying/{qualify_exams[2].id}" href="/qualifying/{qualify_exams[2].id}"
@ -226,13 +226,14 @@
<div class="card-body"> <div class="card-body">
<div class="text-sm font-medium text-gray-500"> <div class="text-sm font-medium text-gray-500">
ข่าววันที่ : {competitive_exams[0].date} ข่าววันที่ : {competitive_exams[0].date}
<div class="badge badge-secondary text-white ml-4">NEW</div> <div class="badge ml-4 bg-blue-100 text-blue-500 border-none">NEW</div>
</div> </div>
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[0].title} <a class="hover:text-gray-500" href="/competitive/{competitive_exams[0].id}">{competitive_exams[0].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <!-- <div class="mt-4 text-sm flex flex-wrap justify-between"> -->
<div> <div class="text-sm flex flex-wrap justify-end">
<!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -241,7 +242,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/competitive/{competitive_exams[0].id}" href="/competitive/{competitive_exams[0].id}"
@ -266,10 +267,10 @@
{competitive_exams[1].date} {competitive_exams[1].date}
</h2> </h2>
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[1].title} <a class="hover:text-gray-500" href="/competitive/{competitive_exams[1].id}">{competitive_exams[1].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <div class="text-sm flex flex-wrap justify-end">
<div> <!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -278,7 +279,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/competitive/{competitive_exams[1].id}" href="/competitive/{competitive_exams[1].id}"
@ -298,13 +299,13 @@
</figure> </figure>
<div class="card-body w-full lg:w-7/12"> <div class="card-body w-full lg:w-7/12">
<div class="text-sm font-medium text-gray-500"> <div class="text-sm font-medium text-gray-500">
{competitive_exams[2].title} {competitive_exams[2].date}
</div> </div>
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[2].title} <a class="hover:text-gray-500" href="/competitive/{competitive_exams[2].id}">{competitive_exams[2].title}</a>
</div> </div>
<div class="mt-4 text-sm flex flex-wrap justify-between"> <div class="text-sm flex flex-wrap justify-end">
<div> <!-- <div>
<i class="fab fa-twitter text-blue-500"></i> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
@ -313,7 +314,7 @@
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div> </div> -->
<a <a
href="/competitive/{competitive_exams[2].id}" href="/competitive/{competitive_exams[2].id}"
@ -365,6 +366,6 @@
} }
.imgCard{ .imgCard{
max-height: 220px; height: 210px;
} }
</style> </style>

2
cms/src/routes/competitive/+page.server.ts
View file

@ -6,7 +6,7 @@ export const load: PageServerLoad = async () => {
const exams = await getCompetitiveExams() const exams = await getCompetitiveExams()
const events:CalendarEvent[]=[] const events:CalendarEvent[]=[]
exams.forEach(({id,title,start})=>{ exams.forEach(({id,title,start})=>{
const backgroundColor ="#9999FF" const backgroundColor ="rgb(153 153 255 / 34%)"
const url = "/competitive/"+id const url = "/competitive/"+id
events.push({id,title,start,url,backgroundColor}) events.push({id,title,start,url,backgroundColor})
}) })

15
cms/src/routes/competitive/+page.svelte
View file

@ -11,8 +11,8 @@
</div> </div>
</section> </section>
<section class="pb-40 relative bg-blueGray-100"> <section class="pb-40 relative bg-blueGray-100">
<div class="p-3">{@html data.content}</div>
<div class="container mx-auto justify-center flex flex-wrap"> <div class="container mx-auto justify-center flex flex-wrap">
<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" > <div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
<div class="text-sm breadcrumbs"> <div class="text-sm breadcrumbs">
<ul> <ul>
@ -27,6 +27,9 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- <div class="w-full row pt-8 justify-start px-7">
<div class="full-width text-left">{@html data.content}</div>
</div> -->
</div> </div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11"> <div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="w-full lg:w-7/12 cardxl"> <div class="w-full lg:w-7/12 cardxl">
@ -50,18 +53,18 @@
</div> </div>
</div> </div>
<div class="block w-full overflow-x-auto"> <div class="block w-full overflow-x-auto">
<table class="items-center w-full bg-transparent border-collapse"> <table class="items-center w-full bg-transparent border-collapse tableScroll">
<thead> <thead>
<tr> <tr>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th> <th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th> <th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{#each exams as exam} {#each exams as exam}
<tr> <tr>
<th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href="/competitive/{exam.id}">{exam.date}</a></th> <th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href="/competitive/{exam.id}">{exam.date}</a></th>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href="/competitive/{exam.id}">{exam.title}</a></td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href="/competitive/{exam.id}">{exam.title}</a></td>
{/each} {/each}
</tbody> </tbody>
</table> </table>

42
cms/src/routes/competitive/[id]/+page.svelte
View file

@ -18,7 +18,7 @@
</a> </a>
</li> </li>
<li> <li>
<span class="breadTaxt">{data.title}</span> <span class="breadTaxt">ประกาศเกี่ยวกับการสอบแข่งขัน</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -26,26 +26,36 @@
</div> </div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center"> <div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl "> <div class="card bg-white shadow-xl w-full p-8 max-w-4xl ">
<div> <div class="text-2xl mb-3 font-medium">{data.title}</div>
<div class="text-sm">
<i class="fa-regular fa-calendar mr-4 text-blue-500"></i><span class="text-blue-500">{data.date}</span>
</div>
<hr class="border-blueGray-200 my-7" />
<div class="">
{@html data.detail} {@html data.detail}
</div> </div>
<div></div>
{#if data.docUrl} {#if data.docUrl}
<div><a href={data.docUrl} >เอกสาร</a></div> <hr class="border-blueGray-200 mb-4 mt-7" />
<div class="text-lg py-1">
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={data.docUrl} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a><span class="font-medium">เอกสารประกอบ</span>
</div>
{/if} {/if}
{#if data.files}
{#each data.files as file}
<hr class="border-blueGray-200 mb-4 mt-4" />
<div class="text-lg py-1">
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={file.url} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a> <span class="font-medium">{file.title}</span>
</div>
{/each}
{/if}
<hr class="border-blueGray-200 my-7" />
<div>
<a href="javascript:history.back()" class="btn btn-outline text-gray-500">
<i class="fa-solid fa-arrow-left mr-4"></i>
ย้อนกลับ
</a>
</div>
</div> </div>
</div> </div>
{#if data.files}
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl">
{#each data.files as file}
<div>
<a href={file.url}>{file.title}</a>
</div>
{/each}
</div>
</div>
{/if}
</section> </section>

20
cms/src/routes/qualifying/+page.svelte
View file

@ -12,8 +12,9 @@
</div> </div>
</section> </section>
<section class="pb-40 relative bg-blueGray-100"> <section class="pb-40 relative bg-blueGray-100">
<div class="p-3">{@html data.content}</div>
<div class="container mx-auto justify-center flex flex-wrap"> <div class="container mx-auto justify-center flex flex-wrap">
<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" > <div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
<div class="text-sm breadcrumbs"> <div class="text-sm breadcrumbs">
<ul> <ul>
@ -28,6 +29,9 @@
</ul> </ul>
</div> </div>
</div> </div>
<!-- <div class="w-full row pt-8 justify-start px-7">
<div class="full-width text-left">{@html data.content}</div>
</div> -->
</div> </div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11"> <div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
<div class="w-full lg:w-7/12 cardxl"> <div class="w-full lg:w-7/12 cardxl">
@ -48,20 +52,20 @@
</div> </div>
</div> </div>
<div class="block w-full overflow-x-auto"> <div class="block w-full overflow-x-auto">
<table class="items-center w-full bg-transparent border-collapse"> <table class="items-center w-full bg-transparent border-collapse tableScroll">
<thead> <thead>
<tr> <tr>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th> <th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">วันที่</th>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th> <th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">การสอบ</th>
<th class="px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">หน่วยงาน</th> <th class="px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100">หน่วยงาน</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{#each exams as exam} {#each exams as exam}
<tr> <tr>
<th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.date}</a></th> <th class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.date}</a></th>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.title}</a></td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left"><a href={"/qualifying/"+exam.id}>{exam.title}</a></td>
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left">{exam.institute}</td> <td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 text-left">{exam.institute}</td>
{/each} {/each}
</tbody> </tbody>
</table> </table>

42
cms/src/routes/qualifying/[id]/+page.svelte
View file

@ -21,7 +21,7 @@
</a> </a>
</li> </li>
<li> <li>
<span class="breadTaxt">{data.title}</span> <span class="breadTaxt">ประกาศเกี่ยวกับการคัดเลือกบุคลากรกทม.</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -29,27 +29,37 @@
</div> </div>
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center"> <div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl "> <div class="card bg-white shadow-xl w-full p-8 max-w-4xl ">
<div> <div class="text-2xl mb-3 font-medium">{data.title}</div>
<div class="text-sm">
<i class="fa-regular fa-calendar mr-4 text-blue-500"></i><span class="text-blue-500">{data.date}</span>
</div>
<hr class="border-blueGray-200 my-7" />
<div class="">
{@html data.detail} {@html data.detail}
</div> </div>
<div></div>
{#if data.docUrl} {#if data.docUrl}
<div><a href={data.docUrl} >เอกสาร</a></div> <hr class="border-blueGray-200 my-4" />
<div class="text-lg py-1">
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={data.docUrl} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a><span class="font-medium">เอกสารประกอบ</span>
</div>
{/if} {/if}
{#if data.files}
{#each data.files as file}
<hr class="border-blueGray-200 mb-4 mt-4" />
<div class="text-lg py-1">
<i class="fa-solid fa-bookmark mr-3 text-xs text-blue-400"></i><a href={file.url} class="text-blue-400 hover:text-blue-600" target="_blank">คลิกที่นี่เพื่ออ่าน </a> <span class="font-medium">{file.title}</span>
</div>
{/each}
{/if}
<hr class="border-blueGray-200 my-7" />
<div>
<a href="javascript:history.back()" class="btn btn-outline text-gray-500">
<i class="fa-solid fa-arrow-left mr-4"></i>
ย้อนกลับ
</a>
</div>
</div> </div>
</div> </div>
{#if data.files}
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11 justify-center">
<div class="card bg-white shadow-xl w-full p-8 max-w-4xl">
{#each data.files as file}
<div>
<a href={file.url}>{file.title}</a>
</div>
{/each}
</div>
</div>
{/if}
</section> </section>

BIN
cms/static/images/logo.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Before After
Before After

8
cms/static/styles/fullcalendar.css
View file

@ -102,8 +102,8 @@ table.fc-border-separate{
.fc-h-event .fc-event-title{ .fc-h-event .fc-event-title{
padding-left: 0.5em; padding-left: 0.5em;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
color:#334155; color:#334155;
font-weight:400 !important; font-weight:400 !important;
} }
@ -112,4 +112,8 @@ table.fc-border-separate{
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 400; font-weight: 400;
}
.fc-event-title{
font-size: 0.875rem !important;
} }