គំរូក្បាលទំព័រនៅក្នុងផ្នែកគ្រប់គ្រង មិនចាំបាច់មានម៉ឺនុយនោះទេ សំខាន់គឺត្រូវមានរបារស្វែងរកមួយសំរាប់ស្វែងរកទិន្នន័យផ្សេងៗដែលត្រូវបានរក្សាទុកនៅក្នុងមូលដ្ឋានទិន្នន័យ MongoDB ។ មួយវិញទៀត ផ្នែកគ្រប់គ្រងនឹងមានទំព័រជាច្រើនទៀត ប្រើសំរាប់បង្កើតទិន្នន័យខុសៗគ្នា ហើយផ្នែកនេះជាកន្លែងសំរាប់តែអ្នកនិពន្ធអត្ថបទតែប៉ុណ្ណោះ ដូចនេះការចូលមកក្នុងទំព័រគ្រប់គ្រង ត្រូវមានការត្រួតពិនិត្យថាតើអ្នកដែលចុះឈ្មោះចូលមកនោះ ពិតជាអ្នកនិពន្ធដែលមានឈ្មោះក្នុងមូលដ្ឋានទិន្នន័យ MongoDB ដែរឬទេ។
<!--src/layouts/admin/Header.astro-->
---
const { pageTitle="ក្បាលទំព័រ" } = Astro.props
const { userAuth } = Astro.locals
---
<section class="bg-teal-600 text-white md:px-0 px-2">
<div class="max-w-5xl mx-auto py-1 flex flex-col md:flex-row items-center">
<div class="flex flex-col md:flex-row items-center gap-2 md:w-1/4 w-full">
<a class="hover:opacity-75" href="/admin">
<img class="w-12" src="/images/siteLogo.png" />
</a>
<span class="font-title text-2xl md:pt-2 pt-0 md:py-0 py-2">
{pageTitle}
</span>
</div>
<form class="flex flex-row md:w-1/2 w-full text-gray-800" action="/api/admin/search" method="post">
<select name="type" class="pl-2">
<option>ការផ្សាយ</option>
<option>ទំព័រស្តាទិក</option>
<option>ជំពូក</option>
<option>អ្នកនិពន្ធ</option>
</select>
<input class="grow px-2" name="q" type="text" required placeholder="Search..." />
<input class="bg-gray-200 hover:opacity-75 px-2 py-1"
type="submit" value="ស្វែងរក" />
</form>
<div class="md:w-1/4 w-full md:text-right text-center md:py-0 py-2">
<span class="">{userAuth?.userName}</span> |
<a class="hover:opacity-75" href="/">ទំព័រមុខ</a> |
<a class="hover:opacity-75" href="/api/logout">ចេញក្រៅ</a>
</div>
</div>
</section>
<!--src/layouts/admin/Base.astro-->
---
const { pageTitle="ទំព័រគ្រឹះ" } = Astro.props
import Footer from "../Footer.astro"
import Header from "./Header.astro"
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<link rel="icon" href="/images/siteLogo.png" />
<link href="/fonts/setup.css" rel="stylesheet" />
<script is:inline src="/scripts/jquery.js"></script>
</head>
<body class="text-sm leading-normal">
<Header pageTitle={pageTitle}/>
<slot/>
<Footer/>
</body>
</html>