feat: add text explaining closure submit override

keenthekeen · keenthekeen · commit 631169945892 · 2025-08-18T21:34:24.000+07:00
diff --git a/resources/js/Pages/ProjectApprovalIndex.vue b/resources/js/Pages/ProjectApprovalIndex.vue
@@ -4,11 +4,8 @@
         <template #header>
             <div class="flex flex-wrap gap-y-4 items-center">
                 <div class="flex-grow">
-                    <Link :href="route('projects.index')" class="mb-4 block flex items-center text-gray-700">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="inline h-3 mr-2">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18"
-                                  class="text-gray-500"/>
-                        </svg>
+                    <Link :href="route('projects.index')" class="mb-4 flex items-center text-gray-700">
+                        <ArrowLeftIcon class="inline h-3 mr-2"/>
                         <p>โครงการ</p>
                     </Link>
                     <h2 class="font-semibold text-xl text-gray-800 leading-tight">
@@ -98,7 +95,11 @@
             </div>
             <p class="mt-6 mb-4 text-xs text-gray-500">
                 สถานะโครงการ ได้แก่ <span class="bg-yellow-300">ส่งปิดโครง</span> > <span class="bg-blue-300">ผู้เกี่ยวข้องยืนยัน</span>ตามเกณฑ์ที่กำหนด
-                > <span class="bg-green-300">อนุมัติ</span> หรือ <span class="bg-gray-300">ไม่อนุมัติ</span> หรือ <span class="bg-gray-300">ไม่อนุมัติ ให้แก้ไข</span>
+                > <span class="bg-green-300">อนุมัติ</span> หรือ <span class="bg-gray-300">ไม่อนุมัติ</span> หรือ <span class="bg-gray-300">ไม่อนุมัติ ให้แก้ไข</span><br/>
+                กรณีต้องการส่งขออนุมัติรายงานผลโครงการนอกกำหนดเวลา ให้แจ้งให้นิสิตบันทึกข้อมูลผลการดำเนินโครงการให้เรียบร้อย (กด "ไม่ส่ง"
+                พิจารณาบันทึกลงใน Activity Transcript) แล้วให้อาจารย์กด "บันทึกผลการดำเนินโครงการ" จาก
+                <Link :href="route('projects.index')" class="text-blue-600">หน้าข้อมูลโครงการ</Link>
+                แทนนิสิต
             </p>
         </div>
     </AppLayout>
@@ -108,7 +109,7 @@
 import AppLayout from '@/Layouts/AppLayout.vue'
 import SearchInput from '@/Components/SearchInput.vue';
 import {Head, Link, router} from '@inertiajs/vue3';
-import {UserIcon} from '@heroicons/vue/20/solid';
+import {ArrowLeftIcon, UserIcon} from '@heroicons/vue/20/solid';
 import {ref, watch} from 'vue';
 import {debounce} from 'lodash';
 
diff --git a/resources/js/Pages/ProjectShow.vue b/resources/js/Pages/ProjectShow.vue
@@ -2,10 +2,8 @@
     <app-layout>
         <Head :title="item.name"/>
         <template #header>
-            <inertia-link :href="route('projects.index')" class="mb-4 block flex items-center text-gray-700">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="inline h-3 mr-2">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16l-4-4m0 0l4-4m-4 4h18" class="text-gray-500"/>
-                </svg>
+            <inertia-link :href="route('projects.index')" class="mb-4 flex items-center text-gray-700">
+                <ArrowLeftIcon class="inline h-3 mr-2"/>
                 โครงการ
             </inertia-link>
             <h2 class="font-semibold text-xl text-gray-800 leading-tight">
@@ -125,10 +123,7 @@
                         <inertia-link v-if="item.can['update-project'] && (item.closure_status === 0 || item.closure_status === -2)"
                                       :href="route('projects.edit', {project: item.id})"
                                       class="text-yellow-600 hover:text-yellow-900 text-sm ml-4">
-                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline" viewBox="0 0 20 20" fill="currentColor">
-                                <path
-                                    d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"/>
-                            </svg>
+                            <PencilIcon class="h-5 w-5 inline"/>
                             แก้ไขแผนโครงการ
                         </inertia-link>
                     </h3>
@@ -409,6 +404,12 @@
                 <span v-if="item.updated_at && (item.created_at !== item.updated_at)">
                     &emsp;แก้ไขเมื่อ {{ item.updated_at }}
                 </span>
+                <span v-if="item.closure_status <= 0 || item.can['update-project']">
+                    &emsp;
+                        <inertia-link :href="route('projects.closureForm', {project: item.id})" class="text-amber-600">
+                            บันทึกผลการดำเนินโครงการ
+                        </inertia-link>
+                </span>
             </p>
         </div>
         <ClosureCancelDialog :show-modal="showCancelDialog" :project="item" @close="showCancelDialog = false"/>
@@ -419,11 +420,13 @@
 import AppLayout from '@/Layouts/AppLayout.vue'
 import JetButton from '@/Jetstream/Button.vue'
 import {
+    ArrowLeftIcon,
     ArrowUpTrayIcon,
     CheckCircleIcon,
     CheckIcon,
     DocumentChartBarIcon,
     DocumentTextIcon,
+    PencilIcon,
     PlusIcon,
     PrinterIcon,
     XMarkIcon
@@ -435,10 +438,11 @@ import {PROJECT_PARTICIPANT_ROLES} from "@/static";
 import ClosureStatusText from "@/Components/ClosureStatusText.vue";
 import ClosureCancelDialog from "@/Components/ClosureCancelDialog.vue";
 import SDGSelector from "@/Components/SDGSelector.vue";
-import {Head} from "@inertiajs/vue3";
+import {Head, Link as InertiaLink} from "@inertiajs/vue3";
 
 export default {
     components: {
+        InertiaLink,
         Head,
         SDGSelector,
         ClosureCancelDialog,
@@ -451,8 +455,8 @@ export default {
         PlusIcon,
         XMarkIcon,
         JetButton,
-        ArrowUpTrayIcon,
-        PrinterIcon,
+        ArrowLeftIcon, ArrowUpTrayIcon,
+        PencilIcon, PrinterIcon,
     },
     computed: {
         participantsGrouped() {
