2026-02-25 06:59:34 +00:00
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
use common\models\CmsPage;
|
|
|
|
|
use yii\helpers\Html;
|
|
|
|
|
use yii\helpers\Url;
|
|
|
|
|
use yii\widgets\ActiveForm; ?>
|
|
|
|
|
|
|
|
|
|
<style>
|
2026-02-27 00:03:00 +00:00
|
|
|
/* Sidebar Wrapper */
|
|
|
|
|
#menu-sidebar-container {
|
|
|
|
|
background: #fff;
|
|
|
|
|
border-right: 1px solid #eee;
|
|
|
|
|
padding-bottom: 2rem;
|
2026-02-25 06:59:34 +00:00
|
|
|
}
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
/* Section Banner Style - Consistent Gold Gradient */
|
|
|
|
|
.banner {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
padding: 12px 0;
|
|
|
|
|
background: linear-gradient(90deg, #FFC068 0%, #ff8f00 50%, #FFC068 100%);
|
|
|
|
|
border-top: 2px solid #fff;
|
|
|
|
|
border-bottom: 2px solid #fff;
|
|
|
|
|
box-shadow: 0 4px 10px rgba(255, 143, 0, 0.15);
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
position: relative;
|
2026-02-25 06:59:34 +00:00
|
|
|
}
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
/* Traditional Thai Accent */
|
|
|
|
|
.banner::before, .banner::after {
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' viewBox='0 0 20 40'%3E%3Cpath d='M0 20 Q10 0 20 20 Q10 40 0 20' fill='%23ffffff' fill-opacity='0.2'/%3E%3C/svg%3E");
|
|
|
|
|
background-repeat: repeat-y;
|
2026-02-25 06:59:34 +00:00
|
|
|
}
|
2026-02-27 00:03:00 +00:00
|
|
|
.banner::before { left: 5px; }
|
|
|
|
|
.banner::after { right: 5px; }
|
2026-02-25 06:59:34 +00:00
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
.banner-text {
|
2026-02-25 06:59:34 +00:00
|
|
|
color: #fff;
|
2026-02-27 00:03:00 +00:00
|
|
|
font-weight: 700;
|
|
|
|
|
font-size: 18px !important;
|
|
|
|
|
text-shadow: 1px 1px 2px rgba(44, 24, 16, 0.2);
|
|
|
|
|
letter-spacing: 0.5px;
|
|
|
|
|
font-family: 'Kanit', sans-serif !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Menu List Style */
|
|
|
|
|
.thai-menu-list {
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thai-menu-item {
|
|
|
|
|
color: #2c1810 !important; /* Deep Brown */
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
padding: 12px 20px;
|
|
|
|
|
border-bottom: 1px solid #fff5ed !important;
|
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
text-decoration: none !important;
|
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
|
font-family: 'Google Sans', 'Product Sans', sans-serif !important;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Hover & Active State: Matching Top Navbar Gold Gradient */
|
|
|
|
|
.thai-menu-item:hover, .thai-menu-item.active {
|
|
|
|
|
background: linear-gradient(135deg, #FFC068 0%, #ff8f00 100%) !important;
|
|
|
|
|
color: #fff !important;
|
|
|
|
|
border-left: 5px solid #8e1d1d; /* Dark Red Accent */
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
box-shadow: 0 4px 12px rgba(255, 143, 0, 0.2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thai-menu-item i {
|
|
|
|
|
margin-right: 12px;
|
|
|
|
|
color: #FFC068; /* Warm Gold Icons */
|
|
|
|
|
width: 20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thai-menu-item:hover i, .thai-menu-item.active i {
|
|
|
|
|
color: #FFDBBB !important; /* Soft Peach Icon on Hover */
|
|
|
|
|
transform: scale(1.1);
|
2026-02-25 06:59:34 +00:00
|
|
|
}
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
/* Service Icons Grid */
|
|
|
|
|
.service-grid {
|
|
|
|
|
padding: 15px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
gap: 15px;
|
2026-02-25 06:59:34 +00:00
|
|
|
}
|
2026-02-27 00:03:00 +00:00
|
|
|
|
|
|
|
|
.service-link {
|
|
|
|
|
display: block;
|
|
|
|
|
transition: transform 0.2s ease;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.service-link:hover {
|
|
|
|
|
transform: translateY(-3px);
|
|
|
|
|
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Utility */
|
|
|
|
|
.mt-20 { margin-top: 20px; }
|
2026-02-25 06:59:34 +00:00
|
|
|
</style>
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
<div id="menu-sidebar-container">
|
|
|
|
|
|
|
|
|
|
<!-- Section: ข้อมูลพื้นฐาน -->
|
|
|
|
|
<div class="sidebar-section">
|
|
|
|
|
<div class="banner">
|
|
|
|
|
<span class="banner-text">ข้อมูลพื้นฐาน</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="thai-menu-list">
|
|
|
|
|
<a class="thai-menu-item" href="<?= Yii::$app->homeUrl ?>">
|
|
|
|
|
<i class="fa fa-home"></i> หน้าแรก
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 6]) ?>">
|
|
|
|
|
<i class="fa fa-bullseye"></i> วิสัยทัศน์และพันธกิจ
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 1]) ?>">
|
|
|
|
|
<i class="fa fa-certificate"></i> ประวัติและตราสัญลักษณ์
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 3]) ?>">
|
|
|
|
|
<i class="fa fa-map-marked-alt"></i> ข้อมูลสภาพทั่วไป
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 48]) ?>">
|
|
|
|
|
<i class="fa fa-balance-scale"></i> เจตจำนงสุจริตของผู้บริหาร
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 56]) ?>">
|
|
|
|
|
<i class="fa fa-sitemap"></i> โครงสร้างการบริหารงาน
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 60]) ?>">
|
|
|
|
|
<i class="fa fa-users-cog"></i> เขตการปกครองและประชากร
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2026-02-25 06:59:34 +00:00
|
|
|
</div>
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
<!-- Section: ทำเนียบบุคลากร -->
|
|
|
|
|
<div class="sidebar-section">
|
|
|
|
|
<div class="banner">
|
|
|
|
|
<span class="banner-text">ทำเนียบบุคลากร</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="thai-menu-list">
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 66]) ?>">
|
|
|
|
|
<i class="fa fa-user-circle"></i> คณะผู้บริหาร
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 3]) ?>">
|
|
|
|
|
<i class="fa fa-briefcase"></i> สภาตำบล
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 2]) ?>">
|
|
|
|
|
<i class="fa fa-user-tie"></i> หัวหน้าส่วนราชการ
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 4]) ?>">
|
|
|
|
|
<i class="fa fa-landmark"></i> สำนักปลัด
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 5]) ?>">
|
|
|
|
|
<i class="fa fa-calculator"></i> กองคลัง
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 6]) ?>">
|
|
|
|
|
<i class="fa fa-tools"></i> กองช่าง
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 7]) ?>">
|
|
|
|
|
<i class="fa fa-graduation-cap"></i> กองการศึกษาฯ
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['personnel/index', 'id' => 14]) ?>">
|
|
|
|
|
<i class="fa fa-search-plus"></i> หน่วยตรวจสอบภายใน
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2026-02-25 06:59:34 +00:00
|
|
|
</div>
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
<!-- Section: CMS Page 65 (Custom Description) -->
|
|
|
|
|
<div class="sidebar-section custom-cms-content">
|
|
|
|
|
<?php
|
|
|
|
|
$cms65 = CmsPage::findOne(65);
|
|
|
|
|
if ($cms65) echo $cms65->description;
|
|
|
|
|
?>
|
2026-02-25 06:59:34 +00:00
|
|
|
</div>
|
|
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
<!-- Section: บริการประชาชน -->
|
|
|
|
|
<div class="sidebar-section">
|
|
|
|
|
<div class="banner">
|
|
|
|
|
<span class="banner-text">บริการประชาชน</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="thai-menu-list">
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['complaint/index']) ?>">
|
|
|
|
|
<i class="fa fa-bullhorn"></i> ช่องทางร้องเรียนร้องทุกข์
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['corrupt/index']) ?>">
|
|
|
|
|
<i class="fa fa-user-shield"></i> ช่องทางร้องเรียนการทุจริต
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['ebook/index']) ?>">
|
|
|
|
|
<i class="fa fa-book-open"></i> คลังความรู้
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['forum/index', 'id' => 1]) ?>">
|
|
|
|
|
<i class="fa fa-comments"></i> รับฟังความคิดเห็น
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['forum/index', 'id' => 2]) ?>">
|
|
|
|
|
<i class="fa fa-question-circle"></i> คำถาม คำตอบ (Q&A)
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['site/form-service']) ?>">
|
|
|
|
|
<i class="fa fa-user-check"></i> แบบสอบถามความพึงพอใจหน่วยงาน
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['site/form-website']) ?>">
|
|
|
|
|
<i class="fa fa-globe-asia"></i> แบบสอบถามความพึงพอใจเว็บไซต์
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['post/index', 'id' => 58, 'display' => 'list']) ?>">
|
|
|
|
|
<i class="fa fa-book-reader"></i> คู่มือประชาชน
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['file/index']) ?>">
|
|
|
|
|
<i class="fa fa-desktop"></i> e-Service
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['page/view', 'id' => 51]) ?>">
|
|
|
|
|
<i class="fa fa-file-signature"></i> การลดขั้นตอนการปฏิบัติงาน
|
|
|
|
|
</a>
|
|
|
|
|
<a class="thai-menu-item" href="<?= Url::to(['post/index', 'id' => 50, 'display' => 'list']) ?>">
|
|
|
|
|
<i class="fa fa-chart-line"></i> สถิติการให้บริการประชาชน
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2026-02-25 06:59:34 +00:00
|
|
|
|
2026-02-27 00:03:00 +00:00
|
|
|
<!-- Section: ลิงค์สำคัญ / กราฟิก -->
|
|
|
|
|
<div class="sidebar-section service-grid">
|
|
|
|
|
<a class="service-link" href="<?= Url::to(['post/view', 'id' => 731]) ?>" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/ita68.png', ['class' => 'img-fluid', 'alt' => 'ITA']) ?>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="service-link" href="<?= Url::to(['page/view', 'id' => 63]) ?>" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/llpa68.png', ['class' => 'img-fluid', 'alt' => 'LPA']) ?>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="service-link" href="https://webmail.kokjan.go.th" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/service-ico/email.png', ['class' => 'img-fluid', 'alt' => 'Email']) ?>
|
|
|
|
|
</a>
|
|
|
|
|
<a class="service-link" href="<?= Url::to(['file/index']) ?>" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/service-ico/e-service2.png', ['class' => 'img-fluid', 'alt' => 'e-Service']) ?>
|
|
|
|
|
</a>
|
|
|
|
|
<!--<a class="service-link" href="<?= Url::to(['post/index', 'id' => 65]) ?>" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/service-ico/baby-school.png', ['class' => 'img-fluid', 'alt' => 'ศูนย์พัฒนาเด็กเล็ก']) ?>
|
|
|
|
|
</a>-->
|
|
|
|
|
<a class="service-link" href="<?= Url::to(['page/view', 'id' => 61]) ?>" target="_blank">
|
|
|
|
|
<?= Html::img(Yii::getAlias('@web') . '/img/service-ico/trophy.png', ['class' => 'img-fluid', 'alt' => 'รางวัล']) ?>
|
|
|
|
|
</a>
|
2026-02-25 06:59:34 +00:00
|
|
|
</div>
|
2026-02-27 00:03:00 +00:00
|
|
|
|
|
|
|
|
</div>
|
