Add mock data for sub pages

This commit is contained in:
schooltechx 2023-04-05 19:35:08 +07:00
parent 18382d7429
commit 320d11723f
16 changed files with 107 additions and 87 deletions

View file

@ -3,7 +3,7 @@
"id":"20",
"date":"24 เม.ย. 2566 ",
"start":"2023-04-24",
"detail":"ประกาศรายชื่อผู้ผ่านภาค ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565",
"detail":"<b>ประกาศรายชื่อผู้ผ่านภาค</b> ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565",
"title":"ประกาศรายชื่อผู้ผ่านภาค ข. และมีสิทธิสอบภาค ค. ในการคัดเลือกคนพิการ ครั้งที่ 1/2565",
"img":"/images/c1.jpg"
@ -14,7 +14,8 @@
"start":"2023-04-20T09:00:00",
"detail":"ใครลืมส่งเอกสาร !! สำหรับการคัดเลือกคนพิการฯ ครั้งที่ 1/2565 ส่งเอกสารเพิ่มได้",
"title":"ใครลืมส่งเอกสาร !! สำหรับการคัดเลือกคนพิการฯ ครั้งที่ 1/2565 ส่งเอกสารเพิ่มได้",
"img":"/images/c2.jpg"
"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",

View file

@ -1 +1,2 @@
การสรรหาและเลือกสรรบุคคลเข้ารับราชการเป็นข้าราชการกรุงเทพมหานครสามัญ และข้าราชการครูกรุงเทพมหานครเฉพาะสังกัดสำนักพัฒนาชุมชน...
<h2>ความสำคัญ</h2>
การสอบ<u>แข่งขัน</u>เป็นการสอบ<b>ภายใน</b>เพื่อ ...

View file

@ -1 +1 @@
การสรรหาและเลือกสรรบุคคลเข้ารับราชการเป็นข้าราชการกรุงเทพมหานครสามัญ และข้าราชการครูกรุงเทพมหานครเฉพาะสังกัดสำนักพัฒนาชุมชน...
การสรรหาและเลือกสรรบุคคลเข้ารับราชการเป็นข้าราชการกรุงเทพมหานครสามัญ และข้าราชการครูกรุงเทพมหานครเฉพาะสังกัดสำนักพัฒนาชุมชน..

View file

@ -1 +1,2 @@
การสรรหาและเลือกสรรบุคคลเข้ารับราชการเป็นข้าราชการกรุงเทพมหานครสามัญ และข้าราชการครูกรุงเทพมหานครเฉพาะสังกัดสำนักพัฒนาชุมชน...
<h1>ความสำคัญ</h1>
การสอบ<u>คัดเลือก</u>เป็นการสอบ<b>ภายใน</b>เพื่อ ...

View file

@ -28,21 +28,21 @@
},
{
"id":"18",
"date":"2023/11/05","institute":"สำนักอนามัย","institute_id":2,
"date":"50 พ.ย. 2565","institute":"สำนักอนามัย","institute_id":2,
"start":"2023-11-05T09:00:00",
"title":"สอบครั้งที่ 1/2565",
"detail":"สอบเป็นลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร",
"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"
},
{
"id":"17",
"date":"2023/11/01","institute":"สำนักงาน ก.ก.","institute_id":1,
"date":"1 พ.ย. 2565","institute":"สำนักงาน ก.ก.","institute_id":1,
"start":"2023-11-01",
"title":"รับสมัครสอบตำแหน่งลูกจ้างและผู้ปฎิบัติงาน 1/2565",
"detail":"รับสมัครสอบตำแหน่ง ลูกจ้างและผู้ปฎิบัติงานในกรุงเทพมหานคร เป็นข้าราชการกรุงเทพมหานคร",
"img":"/images/sel2.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"
}
]

View file

@ -1,6 +1,3 @@
//import homeContent from "$lib/data/home.md?raw"
// import { marked } from 'marked'
// const detail = marked.parse(homeContent)
import content from "$lib/data/content/home.html?raw"
import { getQualifyExams,getCompetitiveExams } from '$lib/data/info';
import type { PageServerLoad } from './$types';

View file

@ -90,7 +90,6 @@
class="w-full lg:w-6/12 cardxl"
>
<div class="card bg-white shadow-xl w-full ">
<<<<<<< HEAD
<figure style="height: 250px;" class="img-hover-zoom--brightness">
<img src={qualify_exams[0].img} alt="1" />
</figure>
@ -98,15 +97,6 @@
<div class="text-sm font-medium text-gray-500">
ข่าววันที่ : {qualify_exams[0].date}
<div class="badge badge-secondary text-white ml-4">NEW</div>
=======
<figure style="height: 250px;" class="img-drop">
<img src="{sel1}" alt="1" />
</figure>
<div class="card-body">
<div class="text-sm font-medium text-gray-500">
ข่าววันที่ : 24 มี.ค. 2566
<div class="badge bg-blue-100 text-blue-500 ml-4 border-0">NEW</div>
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</div>
<div class="card-title font-medium">
{qualify_exams[0].title}
@ -138,13 +128,8 @@
<div class="flex flex-wrap space-y-8">
<div class="flex flex-col w-full">
<div class="card card-side bg-white shadow-xl w-full">
<<<<<<< HEAD
<figure class="w-full lg:w-5/12 imgCard">
<img src={qualify_exams[1].img} alt="1" class="h-full" />
=======
<figure class="w-full lg:w-5/12 img-drop">
<img src="{sel2}" alt="1" class="h-full" />
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</figure>
<div class="card-body w-full lg:w-7/12">
<h2 class="text-sm font-medium text-gray-500">
@ -178,13 +163,8 @@
</div>
<div class=" flex flex-col w-full">
<div class="card card-side bg-white shadow-xl w-full">
<<<<<<< HEAD
<figure class="w-full lg:w-5/12 imgCard">
<img src={qualify_exams[2].img} alt="1" class="h-full"/>
=======
<figure class="w-full lg:w-5/12 img-drop">
<img src="{sel3}" alt="1" class="h-full"/>
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</figure>
<div class="card-body w-full lg:w-7/12">
<div class="text-sm font-medium text-gray-500">
@ -240,7 +220,6 @@
<div class="w-full lg:w-6/12 cardxl">
<div class="card bg-white shadow-xl w-full ">
<<<<<<< HEAD
<figure style="height: 250px;" class="img-hover-zoom--brightness">
<img src={competitive_exams[0].img} alt="1" />
</figure>
@ -248,15 +227,6 @@
<div class="text-sm font-medium text-gray-500">
ข่าววันที่ : {competitive_exams[0].date}
<div class="badge badge-secondary text-white ml-4">NEW</div>
=======
<figure style="height: 250px;" class="img-drop">
<img src="{c1}" alt="1" />
</figure>
<div class="card-body">
<div class="text-sm font-medium text-gray-500">
ข่าววันที่ : 24 มี.ค. 2566
<div class="badge bg-blue-100 text-blue-500 ml-4 border-0">NEW</div>
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</div>
<div class="card-title font-medium">
{competitive_exams[0].title}
@ -288,13 +258,8 @@
<div class="flex flex-wrap space-y-8">
<div class="flex flex-col w-full">
<div class="card card-side bg-white shadow-xl w-full">
<<<<<<< HEAD
<figure class="w-full lg:w-5/12 imgCard">
<img src={competitive_exams[1].img} alt="1" class="h-full" />
=======
<figure class="w-full lg:w-5/12 imgCard img-drop">
<img src="{c2}" alt="1" class="h-full" />
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</figure>
<div class="card-body w-full lg:w-7/12">
<h2 class="text-sm font-medium text-gray-500">
@ -328,13 +293,8 @@
</div>
<div class=" flex flex-col w-full">
<div class="card card-side bg-white shadow-xl w-full">
<<<<<<< HEAD
<figure class="w-full lg:w-5/12 imgCard">
<img src={competitive_exams[2].img} alt="1" class="h-full"/>
=======
<figure class="w-full lg:w-5/12 imgCard img-drop">
<img src="{c3}" alt="1" class="h-full"/>
>>>>>>> 9fc92cfbcdd0223b44545f835b02bf845116d14b
</figure>
<div class="card-body w-full lg:w-7/12">
<div class="text-sm font-medium text-gray-500">
@ -407,7 +367,4 @@
.imgCard{
max-height: 220px;
}
.img-drop {
filter: brightness(0.98);
}
</style>

View file

@ -30,10 +30,8 @@
<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>
{@html data.detail}
{@html data.content}
</div>
<div class="mt-4">{data.contact.description}</div>
<div class="pt-12">{ver.version}</div>
<div>{ver.builddate}</div>
</div>

View file

@ -1,4 +1,4 @@
import content from "$lib/data/content/competitive.html?raw"
import {getCompetitiveExams} from "$lib/data/info"
import type { PageServerLoad } from './$types'
import type {CalendarEvent} from '$lib/components/CalendarEvent'
@ -10,7 +10,7 @@ export const load: PageServerLoad = async () => {
const url = "/competitive/"+id
events.push({id,title,start,url,backgroundColor})
})
return {exams,events}
return {content,exams,events}
}

View file

@ -9,6 +9,13 @@
</div>
</section>
<section class="pb-40 relative bg-blueGray-100">
<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>
{@html data.content}
</div>
</div>
</div>
<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">
@ -52,9 +59,9 @@
<tbody>
{#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={"/exams/"+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.detail}</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>
<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>
<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"></td>
{/each}
</tbody>
</table>

View file

@ -1,10 +1,10 @@
import type { PageServerLoad } from './$types'
import { error } from '@sveltejs/kit'
import {getQualifyExams} from "$lib/data/info"
import exams from "$lib/data/competitive-exam.json"
export const load: PageServerLoad = async ({params}) => {
const id = params.id+""
const exams = await getQualifyExams()
//const exams = await getCompetitiveExams()
const post = exams.find((q)=>{
return q.id===id
})

View file

@ -1,15 +1,44 @@
<script lang="ts">
import ver from "$lib/ver.json"
import type { PageData } from './$types'
export let data: PageData;
</script>
<section class="items-start h-screen flex max-h-1000-px pt-12 bg-blueGray-100">
<div class="container mx-auto items-start flex flex-wrap px-4">
<h2 class="font-semibold text-2xl text-blueGray-600 mb-4">
การสอบแข่งขัน {data.id}
</h2>
<section>
<div class="p-one parallax-inner">
<h2>การสอบแข่งขัน</h2>
</div>
</section>
<section class="pb-40 relative bg-blueGray-100">
<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>
<li class="text-pink-500 hover:text-pink-700 ">
<a href="/" >
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
</a>
</li>
<li>
<span class="breadTaxt">{data.title}</span>
</li>
</ul>
</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>
{@html data.detail}
</div>
<div></div>
{#if data.docUrl}
<div><a href={data.docUrl} >เอกสาร</a></div>
{/if}
</div>
</div>
</section>

View file

@ -1,4 +1,4 @@
import content from "$lib/data/content/qualifying.html?raw"
import {getQualifyExams} from "$lib/data/info"
import type { PageServerLoad } from './$types'
import type {CalendarEvent} from '$lib/components/CalendarEvent'
@ -23,6 +23,6 @@ export const load: PageServerLoad = async () => {
const url = "/qualifying/"+id
events.push({id,title,start,url,backgroundColor})
})
return {exams,events}
return {exams,events,content}
}

View file

@ -12,6 +12,7 @@
</div>
</section>
<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=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
<div class="text-sm breadcrumbs">
@ -61,8 +62,8 @@
<tbody>
{#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={"/exams/"+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.detail}</td>
<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">{exam.institute}</td>
{/each}
</tbody>

View file

@ -1,10 +1,9 @@
import type { PageServerLoad } from './$types'
import { error } from '@sveltejs/kit'
import {getQualifyExams} from "$lib/data/info"
import exams from "$lib/data/qualify-exam.json"
export const load: PageServerLoad = async ({params}) => {
const id = params.id+""
const exams = await getQualifyExams()
const post = exams.find((q)=>{
return q.id===id
})

View file

@ -1,15 +1,44 @@
<script lang="ts">
import ver from "$lib/ver.json"
import type { PageData } from './$types'
export let data: PageData;
</script>
<section class="items-start h-screen flex max-h-1000-px pt-12 bg-blueGray-100">
<div class="container mx-auto items-start flex flex-wrap px-4">
<h2 class="font-semibold text-2xl text-blueGray-600 mb-4">
การสอบคัดเลือก {data.id}
</h2>
<section>
<div class="p-one parallax-inner">
<h2>การสอบคัดเลือก</h2>
</div>
</section>
<section class="pb-40 relative bg-blueGray-100">
<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>
<li class="text-pink-500 hover:text-pink-700 ">
<a href="/" >
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
</a>
</li>
<li>
<span class="breadTaxt">{data.title}</span>
</li>
</ul>
</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>
{@html data.detail}
</div>
<div></div>
{#if data.docUrl}
<div><a href={data.docUrl} >เอกสาร</a></div>
{/if}
</div>
</div>
</section>