เปลี่ยน list รายการการสอบคัดเลือก,แข่งขัน
This commit is contained in:
Tanyalak
parent
ddaa8f8efb
commit
cf59bb8949
7 changed files with 118 additions and 35 deletions
|
|
@ -31,43 +31,67 @@
|
|||
</div> -->
|
||||
</div>
|
||||
<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="card bg-white shadow-xl w-full">
|
||||
<div class="w-full lg:w-8/12 cardxl">
|
||||
<div class="card bg-white shadow-lg w-full">
|
||||
<ActivityCalendar {events} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full lg:w-5/12">
|
||||
<div class="w-full lg:w-4/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="flex flex-col min-w-0 break-words w-full shadow-lg auto-rows-max card bg-white">
|
||||
<div class="rounded-t mb-0 p-3 border-0 ">
|
||||
<div class="flex flex-wrap items-center justify-between">
|
||||
<h3 class="text-lg text-blueGray-700 font-semibold">
|
||||
รายการสอบแข่งขัน
|
||||
</h3>
|
||||
<div class="text-xs font-light">จำนวน {exams.length} รายการ</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block w-full overflow-x-auto">
|
||||
<div class="w-full">
|
||||
<div class="flex flex-wrap space-y-3 card-list px-3">
|
||||
{#each exams as exam}
|
||||
<div class="flex flex-col w-full">
|
||||
<a href={"/competitive/"+exam.id}>
|
||||
<div class="card card-side card-outline w-full">
|
||||
<figure class="w-full lg:w-3/12 imgCard2">
|
||||
<img src={exam.image} alt="1" class="h-full fit2" />
|
||||
</figure>
|
||||
<div class="px-5 py-3 w-full lg:w-9/12">
|
||||
<h2 class="text-xs font-light text-gray-500">
|
||||
{exam.date??""}
|
||||
</h2>
|
||||
<div class="pt-1 text-sub">
|
||||
{exam.title}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
<!-- <div class="block w-full overflow-x-auto">
|
||||
<table class="items-center w-full bg-transparent border-collapse tableScroll">
|
||||
<thead>
|
||||
<tr>
|
||||
<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-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-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>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each exams as exam}
|
||||
<tr>
|
||||
<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-sm whitespace-nowrap p-4 text-left"><a href="/competitive/{exam.id}">{exam.title}</a></td>
|
||||
<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-sm 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">{exam.category??""}</td>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -33,24 +33,45 @@
|
|||
</div> -->
|
||||
</div>
|
||||
<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="card bg-white shadow-xl w-full">
|
||||
<div class="w-full lg:w-8/12 cardxl">
|
||||
<div class="card bg-white shadow-lg w-full">
|
||||
<ActivityCalendar {events} />
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full lg:w-5/12">
|
||||
<div class="w-full lg:w-4/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'">
|
||||
รายการสอบ
|
||||
class="flex flex-col min-w-0 break-words w-full shadow-lg auto-rows-max card bg-white">
|
||||
<div class="rounded-t mb-0 p-3 border-0 ">
|
||||
<div class="flex flex-wrap items-center justify-between">
|
||||
<h3 class="text-lg text-blueGray-700 font-semibold">
|
||||
รายการสอบคัดเลือก
|
||||
</h3>
|
||||
</div>
|
||||
<div class="text-xs font-light">จำนวน {exams.length} รายการ</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block w-full overflow-x-auto">
|
||||
<div class="w-full">
|
||||
<div class="flex flex-wrap space-y-3 card-list px-3">
|
||||
{#each exams as exam}
|
||||
<div class="flex flex-col w-full">
|
||||
<a href={"/qualifying/"+exam.id}>
|
||||
<div class="card card-side card-outline w-full">
|
||||
<figure class="w-full lg:w-3/12 imgCard2">
|
||||
<img src={exam.image} alt="1" class="h-full fit2" />
|
||||
</figure>
|
||||
<div class="px-5 py-3 w-full lg:w-9/12">
|
||||
<h2 class="text-xs font-light text-gray-500">
|
||||
{exam.date??""}
|
||||
</h2>
|
||||
<div class="pt-1 text-sub">
|
||||
{exam.title}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
<!-- <div class="block w-full overflow-x-auto">
|
||||
<table class="items-center w-full bg-transparent border-collapse tableScroll">
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
@ -72,7 +93,7 @@
|
|||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<hr class="border-blueGray-200 my-2" />
|
||||
|
||||
<div class="text-lg py-1">
|
||||
<div class="flex flex-wrap items-center">
|
||||
<div class="flex flex-wrap items-center">
|
||||
<a class="btn btn-sm btn-outline btn-info cursor-pointe" href={positions_base_url+p.path} target="_blank">
|
||||
<i class="fa-solid fa-pen-to-square text-sm pr-2"></i>
|
||||
สมัครสอบ
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue