Beautify subpage with css and data
This commit is contained in:
schooltechx
parent
c3ff670473
commit
faaae95956
6 changed files with 112 additions and 26 deletions
|
|
@ -14,7 +14,7 @@
|
|||
<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">
|
||||
href="https://webportal.bangkok.go.th/KSB">
|
||||
กองสรรหาบุคคล
|
||||
</a>
|
||||
<div class="textline2">สำนักงาน ก.ก.</div>
|
||||
|
|
|
|||
|
|
@ -3,10 +3,43 @@
|
|||
"id":"20",
|
||||
"date":"24 เม.ย. 2566 ",
|
||||
"start":"2023-04-24",
|
||||
"detail":"<b>ประกาศรายชื่อผู้ผ่านภาค</b> ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565",
|
||||
"detail":"<p><b>ประกาศรายชื่อผู้ผ่านภาค</b> ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565</p> <p> <img src='https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%97%E0%B8%B4%E0%B8%99%E0%B8%A7%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B2%E0%B8%84%E0%B8%84.%E0%B8%84%E0%B8%99%E0%B8%9E%E0%B8%B4%E0%B8%81%E0%B8%B2%E0%B8%A3.jpg'> </p>",
|
||||
"title":"ประกาศรายชื่อผู้ผ่านภาค ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565",
|
||||
"img":"/images/c1.jpg"
|
||||
|
||||
"img":"/images/c1.jpg",
|
||||
"files":[
|
||||
{
|
||||
"title":"รายละเอียดประกาศคลิกที่นี่ !!",
|
||||
"url":"https://drive.google.com/file/d/1gJ7IglN2l40CtojY-iIBfuy3onJ8zurY/view?usp=share_link"
|
||||
},
|
||||
{
|
||||
"title":"เจ้าพนักงานการเงินและบัญชีปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B9%80%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%9A%E0%B8%B1%E0%B8%8D%E0%B8%8A%E0%B8%B5%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":" เจ้าพนักงานธุรการปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B9%80%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%98%E0%B8%B8%E0%B8%A3%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":"เจ้าพนักงานพัสดุปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B9%80%E0%B8%88%E0%B9%89%E0%B8%B2%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%9E%E0%B8%B1%E0%B8%AA%E0%B8%94%E0%B8%B8%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":"นายช่างโยธาปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%8A%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B9%82%E0%B8%A2%E0%B8%98%E0%B8%B2%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":"นายช่างสำรวจปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%8A%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%AA%E0%B8%B3%E0%B8%A3%E0%B8%A7%E0%B8%88%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":"พนักงานปกครองปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B8%9E%E0%B8%99%E0%B8%B1%E0%B8%81%E0%B8%87%E0%B8%B2%E0%B8%99%E0%B8%9B%E0%B8%81%E0%B8%84%E0%B8%A3%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
},
|
||||
{
|
||||
"title":"โภชนากรปฏิบัติงาน",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/%E0%B9%82%E0%B8%A0%E0%B8%8A%E0%B8%99%E0%B8%B2%E0%B8%81%E0%B8%A3%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4%E0%B8%87%E0%B8%B2%E0%B8%99.pdf"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id":"19",
|
||||
|
|
@ -16,6 +49,7 @@
|
|||
"title":"ใครลืมส่งเอกสาร !! สำหรับการคัดเลือกคนพิการฯ ครั้งที่ 1/2565 ส่งเอกสารเพิ่มได้",
|
||||
"img":"/images/c2.jpg",
|
||||
"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"
|
||||
|
||||
},
|
||||
{
|
||||
"id":"18",
|
||||
|
|
|
|||
|
|
@ -4,9 +4,37 @@
|
|||
"date":"24 เม.ย. 2566","institute":"สำนักงาน ก.ก.","institute_id":1,
|
||||
"start":"2023-04-24",
|
||||
"title":"ด่วน !! ประกาศวัน เวลา สถานที่ และระเบียบการคัดเลือกลูกจ้างกทม.",
|
||||
"detail":"<p>สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร ประกาศกำหนดวัน เวลา สถานที่คัดเลือก และระเบียบ เกี่ยวกับการคัดเลือกบุคลากรกรุงเทพมหานครหรือผู้ปฏิบัติงานอื่นในกรุงเทพมหานครเพื่อบรรจุและแต่งตั้ง เป็นข้าราชการกรุงเทพมหานครสามัญ ครั้งที่ 1 / 2565</p><p><img width='50%' src='https://webportal.bangkok.go.th/public/user_files_editor/305/bkkgovjob202303_12.jpg'></p>",
|
||||
"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>",
|
||||
"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":[
|
||||
{
|
||||
"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"
|
||||
},
|
||||
{
|
||||
"title":"ค้นหาสถานที่คัดเลือก คลิกที่นี่ !!",
|
||||
"url":"https://bangkokgov.thaijobjob.com/bkkgovjob/searchApp.php?z=333"
|
||||
},
|
||||
{
|
||||
"title":"แผนที่ตั้งของสนามสอบ คลิกที่นี่ !!",
|
||||
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_9"
|
||||
},
|
||||
{
|
||||
"title":"แผนผังสนามสอบ คลิกที่นี่ !!",
|
||||
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14"
|
||||
},
|
||||
{
|
||||
"title":"แผนผังสนามสอบ คลิกที่นี่ !!",
|
||||
"url":"https://file.thaijobjob.com/prakad/bkkgovjob202303/bkkgovjob202303_14"
|
||||
},
|
||||
{
|
||||
"title":"การแต่งกาย",
|
||||
"url":"https://webportal.bangkok.go.th/public/user_files_editor/305/bkkgovjob202303_12.jpg"
|
||||
}
|
||||
|
||||
|
||||
]
|
||||
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -24,13 +24,28 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
|
||||
<div class="card bg-white shadow-xl w-full p-8">
|
||||
<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>
|
||||
{@html data.detail}
|
||||
</div>
|
||||
<div class="pt-12"></div>
|
||||
<div></div>
|
||||
<div></div>
|
||||
{#if data.docUrl}
|
||||
<div><a href={data.docUrl} >เอกสาร</a></div>
|
||||
{/if}
|
||||
</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>
|
||||
|
|
@ -37,19 +37,16 @@
|
|||
</div>
|
||||
<div class="w-full lg:w-5/12">
|
||||
<div
|
||||
class=" card bg-white shadow-xl flex flex-col min-w-0 break-words w-full auto-rows-max"
|
||||
>
|
||||
<div class="rounded-t mb-0 px-4 py-3 border-0">
|
||||
<div class="flex flex-wrap items-center">
|
||||
<div class="relative w-full px-4 max-w-full flex-grow flex-1">
|
||||
<h3
|
||||
class="text-lg text-blueGray-700'"
|
||||
>
|
||||
รายการสอบ
|
||||
</h3>
|
||||
class=" card bg-white shadow-xl flex flex-col min-w-0 break-words w-full auto-rows-max">
|
||||
<div class="rounded-t mb-0 px-4 py-3 border-0">
|
||||
<div class="flex flex-wrap items-center">
|
||||
<div class="relative w-full px-4 max-w-full flex-grow flex-1">
|
||||
<h3 class="text-lg text-blueGray-700'">
|
||||
รายการสอบ
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block w-full overflow-x-auto">
|
||||
<table class="items-center w-full bg-transparent border-collapse">
|
||||
<thead>
|
||||
|
|
@ -63,7 +60,7 @@
|
|||
{#each exams as exam}
|
||||
<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>
|
||||
<td class="border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-nowrap p-4 text-left">{exam.title}</td>
|
||||
<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-xs whitespace-nowrap p-4 text-left">{exam.institute}</td>
|
||||
{/each}
|
||||
</tbody>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
</section>
|
||||
<section class="pb-40 relative bg-blueGray-100">
|
||||
<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="text-sm breadcrumbs">
|
||||
<ul>
|
||||
|
|
@ -27,8 +27,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
|
||||
<div class="card bg-white shadow-xl w-full p-8">
|
||||
<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>
|
||||
{@html data.detail}
|
||||
</div>
|
||||
|
|
@ -38,6 +38,18 @@
|
|||
{/if}
|
||||
</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>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue