mirfalah-tech
/
pasca
Watch 10
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

responsive UI

master
azri 12 hours ago
parent
d6a0242515
commit
875f947f82
6 changed files with 112 additions and 72 deletions
Unified View Show Diff Stats
  1. 1
    1
      resources/views/agency.blade.php
  2. 1
    1
      resources/views/agency_performance.blade.php
  3. 7
    9
      resources/views/home.blade.php
  4. 38
    35
      resources/views/layouts/main.blade.php
  5. 64
    25
      resources/views/project.blade.php
  6. 1
    1
      routes/web.php

+ 1
- 1
resources/views/agency.blade.php View File

13 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
 13 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
14 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Senarai Agensi</span>
 14 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Senarai Agensi</span>
15 
             </p>
 15 
             </p>
16 
-            <div class="relative cursor-pointer">
16 
+            <div class="relative cursor-pointer hidden md:block">
17 
                 @if ($hasNotification)
 17 
                 @if ($hasNotification)
18 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
 18 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
19 
                 @endif
 19 
                 @endif

+ 1
- 1
resources/views/agency_performance.blade.php View File

13 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
 13 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
14 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Senarai Agensi</span>
 14 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Senarai Agensi</span>
15 
             </p>
 15 
             </p>
16 
-            <div class="relative cursor-pointer">
16 
+            <div class="relative cursor-pointer hidden md:block">
17 
                 @if ($hasNotification)
 17 
                 @if ($hasNotification)
18 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
 18 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
19 
                 @endif
 19 
                 @endif

+ 7
- 9
resources/views/home.blade.php View File

31 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
 31 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
32 
                 <span>Dashboard</span>
 32 
                 <span>Dashboard</span>
33 
             </p>
 33 
             </p>
34 
-            <div class="relative cursor-pointer">
34 
+            <div class="relative cursor-pointer hidden md:block">
35 
                 @if ($hasNotification)
 35 
                 @if ($hasNotification)
36 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
 36 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
37 
                 @endif
 37 
                 @endif
40
40
41 
         </div>
 41 
         </div>
42
42
43 
-
44 
         <div class="border rounded p-5">
 43 
         <div class="border rounded p-5">
45 
             <h6 class="font-semibold mb-4">Senarai Agensi Mengikut Status</h6>
 44 
             <h6 class="font-semibold mb-4">Senarai Agensi Mengikut Status</h6>
46 
             <div class="mx-auto text-center" style="width:25%">
 45 
             <div class="mx-auto text-center" style="width:25%">
87 
             </div>
 86 
             </div>
88 
         </div>
 87 
         </div>
89
88
90 
-        <button
91 
-            class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200 ml-auto">
92 
-            <i class="fa-solid fa-download text-white text-xs"></i>
93 
-            <span>Simpan</span>
94 
-        </button>
95 
-
96 
         <div class="border rounded p-5">
 89 
         <div class="border rounded p-5">
97
90
98 
             <h5 class="font-semibold mb-4">Rekod Penetapan KPI Pelaburan</h5>
 91 
             <h5 class="font-semibold mb-4">Rekod Penetapan KPI Pelaburan</h5>
100 
                     class="text-[#BD8736]">DEADLINE, 2 WEEK from JPPP MEETING.</span></p>
 93 
                     class="text-[#BD8736]">DEADLINE, 2 WEEK from JPPP MEETING.</span></p>
101 
             <p class="text-xs font-bold">15-04-2025 | Jumlah Pelaburan Komited telah dikemaskini berdasarkan data yang diisi
 94 
             <p class="text-xs font-bold">15-04-2025 | Jumlah Pelaburan Komited telah dikemaskini berdasarkan data yang diisi
102 
                 oleh S-GLC. Jumlah pelaburan komited berjumlah RM 2,000,333.00.</p>
 95 
                 oleh S-GLC. Jumlah pelaburan komited berjumlah RM 2,000,333.00.</p>
103 
-
104 
         </div>
 96 
         </div>
105
97
98 
+        <button
99 
+            class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200 ml-auto">
100 
+            <i class="fa-solid fa-edit text-white text-xs"></i>
101 
+            <span>Kemaskini</span>
102 
+        </button>
103 
+
106
104
107 
     </div>
 105 
     </div>
108 
 @endsection
 106 
 @endsection

+ 38
- 35
resources/views/layouts/main.blade.php View File

16
16
17 
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 17 
     @vite(['resources/css/app.css', 'resources/js/app.js'])
18 
     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
 18 
     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
19 
-
20 
 </head>
 19 
 </head>
21
20
22 
 <body class="antialiased bg-gray-100 text-gray-800">
 21 
 <body class="antialiased bg-gray-100 text-gray-800">
23
22
24 
-    <div x-data="{ sidebarOpen: true }" class="min-h-screen flex p-6" style="gap:25px">
23 
+    <div x-data="{ sidebarOpen: false }" @keydown.window.escape="sidebarOpen = false" class="flex flex-col md:flex-row p-0 md:p-6 gap-3"
24 
+        style="max-height: 100vh;">
25
25
26 
         <!-- Sidebar -->
 26 
         <!-- Sidebar -->
27 
-        <div :class="sidebarOpen ? 'w-56' : 'w-16'"
28 
-            class="bg-white border-r border-gray-200 transition-all duration-300 flex flex-col rounded">
27 
+        <div :class="{
28 
+            'translate-x-0': sidebarOpen,
29 
+            '-translate-x-full': !sidebarOpen
30 
+        }"
31 
+            class="fixed z-40 inset-y-0 left-0 w-56 bg-white border-rtransform transition-transform duration-300 md:relative md:translate-x-0 md:flex md:flex-col md:w-56 md:z-auto md:rounded">
29 
             <div class="p-4 flex justify-between items-center">
 32 
             <div class="p-4 flex justify-between items-center">
30 
-                <span x-show="sidebarOpen" class="font-bold border-b-2 p-5">
33 
+                <span class="font-bold border-b-2 p-5">
31 
                     <img src="./assets/image/logoinvestpahang.png" />
 34 
                     <img src="./assets/image/logoinvestpahang.png" />
32 
                 </span>
 35 
                 </span>
33 
-                {{-- <button @click="sidebarOpen = !sidebarOpen" class="text-gray-600 focus:outline-none">
34 
-                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
35 
-                        <path :class="sidebarOpen ? 'block' : 'hidden'" stroke-linecap="round" stroke-linejoin="round"
36 
-                            stroke-width="2" d="M6 18L18 6M6 6l12 12" />
37 
-                        <path :class="!sidebarOpen ? 'block' : 'hidden'" stroke-linecap="round" stroke-linejoin="round"
38 
-                            stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
39 
-                    </svg>
40 
-                </button> --}}
41 
             </div>
 36 
             </div>
42
37
43 
-            <nav class="flex-1 px-2 space-y-2" x-show="sidebarOpen">
38 
+            <nav class="flex-1 px-2 space-y-2">
44
39
45 
                 <!-- Dashboard -->
 40 
                 <!-- Dashboard -->
46 
                 <a href="/" class="flex items-center gap-2 px-4 py-2 rounded hover:bg-gray-200">
 41 
                 <a href="/" class="flex items-center gap-2 px-4 py-2 rounded hover:bg-gray-200">
63 
                     <span>Laporan Agensi</span>
 58 
                     <span>Laporan Agensi</span>
64 
                 </a>
 59 
                 </a>
65
60
66 
-                <!-- Projects (with children) -->
67 
-                {{-- <div x-data="{ open: false }" class="space-y-1">
68 
-                    <button @click="open = !open"
69 
-                        class="w-full flex items-center justify-between px-4 py-2 rounded hover:bg-gray-200 text-left">
70 
-                        <div class="flex items-center gap-2">
71 
-                            <i class="fas fa-folder w-4 text-xs text-[#BD8736]"></i>
72 
-                            <span>Projects</span>
73 
-                        </div>
74 
-                        <svg :class="{ 'rotate-90': open }" class="w-4 h-4 transition-transform" fill="none"
75 
-                            stroke="currentColor" viewBox="0 0 24 24">
76 
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
77 
-                        </svg>
78 
-                    </button>
79 
-                    <div x-show="open" x-transition class="pl-10">
80 
-                        <a href="#" class="block px-2 py-1 rounded hover:bg-gray-100">All Projects</a>
81 
-                        <a href="#" class="block px-2 py-1 rounded hover:bg-gray-100">Create Project</a>
82 
-                    </div>
83 
-                </div> --}}
84 
-
85 
             </nav>
 61 
             </nav>
62 
+        </div>
86
63
64 
+        <!-- Mobile Overlay -->
65 
+        <div x-show="sidebarOpen" @click="sidebarOpen = false" x-transition.opacity
66 
+            class="fixed inset-0 bg-black bg-opacity-50 z-30 md:hidden"></div>
67 
+
68 
+
69 
+        <!-- Top Bar -->
70 
+        <div class="flex items-center gap-4 p-1 px-5 bg-white md:hidden">
71 
+            <!-- Mobile Toggle Button -->
72 
+            <button @click="sidebarOpen = true" class="md:hidden bg-white p-2">
73 
+                <svg class="w-6 h-6 text-gray-700" fill="none" stroke="currentColor" stroke-width="2"
74 
+                    viewBox="0 0 24 24">
75 
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
76 
+                </svg>
77 
+            </button>
78 
+
79 
+            <span class="font-bold mx-auto">
80 
+                <img src="./assets/image/logoinvestpahang.png" width="95" />
81 
+            </span>
82 
+
83 
+            <div class="relative cursor-pointer">
84 
+                @if ($hasNotification)
85 
+                    <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
86 
+                @endif
87 
+                <i class="fa-regular fa-bell text-md hover:text-[#BD8736]"></i>
88 
+            </div>
87 
         </div>
 89 
         </div>
88
90
91 
+
89 
         <!-- Content -->
 92 
         <!-- Content -->
90 
-        <div class="flex-1 overflow-y-scroll overflow-x-hidden" style="max-height: 93vh">
93 
+        <div class="flex-1 overflow-y-scroll overflow-x-hidden" style="max-height: 97vh">
91 
             @yield('content')
 94 
             @yield('content')
92 
         </div>
 95 
         </div>
93 
-        @yield('scripts')
94
96
97 
+        @yield('scripts')
95 
     </div>
 98 
     </div>
96
99
97 
 </body>
 100 
 </body>

+ 64
- 25
resources/views/project.blade.php View File

14 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
 14 
                 <i class="fa-solid fa-house text-[#BD8736] mr-1"></i>
15 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Lihat Projek</span>
 15 
                 <span>Dashboard <i class="fa-solid fa-chevron-right"></i> Lihat Projek</span>
16 
             </p>
 16 
             </p>
17 
-            <div class="relative cursor-pointer">
17 
+            <div class="relative cursor-pointer hidden md:block">
18 
                 @if ($hasNotification)
 18 
                 @if ($hasNotification)
19 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
 19 
                     <div class="absolute top-[2px] left-0 w-2 h-2 bg-[#E50A0A] rounded-full"></div>
20 
                 @endif
 20 
                 @endif
23 
             </div>
 23 
             </div>
24 
         </div>
 24 
         </div>
25
25
26 
-        <div class="flex" style="gap:10px">
27 
-            <div class="relative w-fit">
26 
+        <div class="flex flex-col lg:flex-row gap-2 w-full">
27 
+            <div class="relative w-full lg:w-fit">
28 
                 <input type="text" placeholder="Carian"
 28 
                 <input type="text" placeholder="Carian"
29 
                     class="w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500" />
 29 
                     class="w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500" />
30 
                 <div class="pointer-events-none absolute text-gray-500 text-xs"
 30 
                 <div class="pointer-events-none absolute text-gray-500 text-xs"
33 
                 </div>
 33 
                 </div>
34 
             </div>
 34 
             </div>
35
35
36 
-            <div class="relative w-fit">
36 
+            <div class="relative w-full lg:w-fit">
37 
                 <select id="selectProjectType"
 37 
                 <select id="selectProjectType"
38 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
 38 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
39 
                     onchange="fetchAndRenderProjects()">
 39 
                     onchange="fetchAndRenderProjects()">
42 
                 </select>
 42 
                 </select>
43 
             </div>
 43 
             </div>
44
44
45 
-            <div class="relative w-fit">
46 
-                <select
47 
-                    id="selectProjectStatus"
45 
+            <div class="relative w-full lg:w-fit">
46 
+                <select id="selectProjectStatus"
48 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
 47 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
49 
                     onchange="renderFDITable()">
 48 
                     onchange="renderFDITable()">
50 
                     <option value="all" selected>Status</option>
 49 
                     <option value="all" selected>Status</option>
53 
                 </select>
 52 
                 </select>
54 
             </div>
 53 
             </div>
55
54
56 
-            <div class="relative w-fit">
57 
-                <select
58 
-                    id="selectProjectArea"
55 
+            <div class="relative w-full lg:w-fit">
56 
+                <select id="selectProjectArea"
59 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
 57 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
60 
                     onchange="renderFDITable()">
 58 
                     onchange="renderFDITable()">
61 
                     <option value="all" selected>Daerah</option>
 59 
                     <option value="all" selected>Daerah</option>
64 
                 </select>
 62 
                 </select>
65 
             </div>
 63 
             </div>
66
64
67 
-            <div class="relative w-fit">
68 
-                <select
69 
-                    id="selectProjectYear"
65 
+            <div class="relative w-full lg:w-fit">
66 
+                <select id="selectProjectYear"
70 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
 67 
                     class="appearance-none w-full pl-4 pr-10 py-1 px-5 border border-gray-300 rounded-lg text-sm text-gray-700 cursor-pointer bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500"
71 
                     onchange="renderFDITable()">
 68 
                     onchange="renderFDITable()">
72 
                     <option value="all" selected>Tahun</option>
 69 
                     <option value="all" selected>Tahun</option>
76 
             </div>
 73 
             </div>
77
74
78 
             <button
 75 
             <button
79 
-                class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200 ml-auto">
76 
+                class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-full lg:w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200">
80 
                 <span><i class="fa-solid fa-file-excel text-white text-xs pe-3"></i> Eksport</span>
 77 
                 <span><i class="fa-solid fa-file-excel text-white text-xs pe-3"></i> Eksport</span>
81 
             </button>
 78 
             </button>
82 
-
83 
         </div>
 79 
         </div>
84
80
81 
+
85 
         <div class="border rounded">
 82 
         <div class="border rounded">
86 
             <h5 class="font-semibold m-5">Senarai Pelaburan Komited Perbadanan Kemajuan Negeri Pahang (PKNP) 2025</h5>
 83 
             <h5 class="font-semibold m-5">Senarai Pelaburan Komited Perbadanan Kemajuan Negeri Pahang (PKNP) 2025</h5>
87 
             <div class="bg-[#012961] text-white p-5">
 84 
             <div class="bg-[#012961] text-white p-5">
171 
                             <th class="text-xs px-4 py-5">Keluasan (Ekar)</th>
 168 
                             <th class="text-xs px-4 py-5">Keluasan (Ekar)</th>
172 
                         </tr>
 169 
                         </tr>
173 
                     </thead>
 170 
                     </thead>
174 
-                    <tbody>
171 
+                    <tbody id="DDItableBody">
175 
                         @foreach ($commitedDDIProject as $index => $project)
 172 
                         @foreach ($commitedDDIProject as $index => $project)
176 
                             <tr>
 173 
                             <tr>
177 
                                 <td class="px-4 py-2">{{ $index + 1 }}</td>
 174 
                                 <td class="px-4 py-2">{{ $index + 1 }}</td>
220 
             </div>
 217 
             </div>
221 
         </div>
 218 
         </div>
222
219
223 
-        <button
224 
-            class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200 ml-auto">
225 
-            <i class="fa-solid fa-download text-white text-xs"></i>
226 
-            <span>Simpan</span>
227 
-        </button>
228 
-
229 
         <div class="border rounded p-5">
 220 
         <div class="border rounded p-5">
230
221
231 
             <h5 class="font-semibold mb-4">Rekod Penetapan KPI Pelaburan</h5>
 222 
             <h5 class="font-semibold mb-4">Rekod Penetapan KPI Pelaburan</h5>
234 
             <p class="text-xs font-bold">15-04-2025 | Jumlah Pelaburan Komited telah dikemaskini berdasarkan data yang
 225 
             <p class="text-xs font-bold">15-04-2025 | Jumlah Pelaburan Komited telah dikemaskini berdasarkan data yang
235 
                 diisi
 226 
                 diisi
236 
                 oleh S-GLC. Jumlah pelaburan komited berjumlah RM 2,000,333.00.</p>
 227 
                 oleh S-GLC. Jumlah pelaburan komited berjumlah RM 2,000,333.00.</p>
237 
-
238 
         </div>
 228 
         </div>
239
229
230 
+        <button
231 
+            class="bg-[#012961] hover:bg-blue-700 text-white font-semibold w-fit text-xs py-2 px-4 rounded-lg shadow-md transition duration-200 ml-auto">
232 
+            <i class="fa-solid fa-edit text-white text-xs"></i>
233 
+            <span>Kemaskini</span>
234 
+        </button>
235 
+
240 
     </div>
 236 
     </div>
241 
 @endsection
 237 
 @endsection
242
238
243 
 @section('scripts')
 239 
 @section('scripts')
244 
     <script>
 240 
     <script>
245 
-
246 
         var FDIProject = [];
 241 
         var FDIProject = [];
247 
         var DDIProject = [];
 242 
         var DDIProject = [];
248
243
258 
                 if (!data.FDIProject || !data.DDIProject) return
 253 
                 if (!data.FDIProject || !data.DDIProject) return
259
254
260 
                 FDIProject = data.FDIProject
 255 
                 FDIProject = data.FDIProject
256 
+                DDIProject = data.DDIProject
261 
                 renderFDITable()
 257 
                 renderFDITable()
258 
+                renderDDITable()
262
259
263 
             } catch (error) {
 260 
             } catch (error) {
264 
                 console.error('Error fetching projects:', error);
 261 
                 console.error('Error fetching projects:', error);
307
304
308 
         }
 305 
         }
309
306
310 
-        function filterData(data){
307 
+        function renderDDITable() {
308 
+
309 
+            const tbody = document.getElementById('DDItableBody');
310 
+            tbody.innerHTML = ''; // Clear existing content
311 
+
312 
+            data = filterData(DDIProject)
313 
+
314 
+            data.forEach((project, index) => {
315 
+                const statusHTML = (() => {
316 
+                    switch (project.status) {
317 
+                        case 1:
318 
+                            return `<div class="px-3 py-1 text-xs rounded-lg border inline-block"
319 
+                                style="color:#E5A20A; background-color:#FFFBF4; border-color:#E5A20A;width:100%">
320 
+                                Perjanjian Muktamad</div>`;
321 
+                        case 0:
322 
+                            return `<div class="px-3 py-1 text-xs rounded-lg border inline-block"
323 
+                                style="color:#49B452; background-color:#F7FFF7; border-color:#49B452;width:100%">
324 
+                                Deraf Perjanjian</div>`;
325 
+                        default:
326 
+                            return `<div>-</div>`;
327 
+                    }
328 
+                })();
329 
+
330 
+                const row = `
331 
+                    <tr>
332 
+                        <td class="px-4 py-2">${index + 1}</td>
333 
+                        <td class="px-4 py-2">${project.company_name}</td>
334 
+                        <td class="px-4 py-2">${project.type}</td>
335 
+                        <td class="px-4 py-2 text-center">${statusHTML}</td>
336 
+                        <td class="px-4 py-2 text-xs">${project.note}</td>
337 
+                        <td class="px-4 py-2 text-xs">${project.moa_date}</td>
338 
+                        <td class="px-4 py-2 text-xs">${project.area}</td>
339 
+                        <td class="px-4 py-2 text-xs">${Number(project.invesment_approx).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2})}</td>
340 
+                        <td class="px-4 py-2 text-xs">${project.labour_approx}</td>
341 
+                        <td class="px-4 py-2 text-xs">${project.land_area ? Number(project.land_area).toLocaleString() : '<span class="text-md font-bold">TBC</span>'}</td>
342 
+                    </tr>
343 
+                `;
344 
+                tbody.insertAdjacentHTML('beforeend', row);
345 
+            });
346 
+
347 
+        }
348 
+
349 
+        function filterData(data) {
311
350
312 
             const status = document.getElementById("selectProjectStatus").value
 351 
             const status = document.getElementById("selectProjectStatus").value
313 
             const area = document.getElementById("selectProjectArea").value
 352 
             const area = document.getElementById("selectProjectArea").value

+ 1
- 1
routes/web.php View File

408 
                 "id" => 1,
 408 
                 "id" => 1,
409 
                 "company_name" => "Kicap Bentong Sdn. Bhd (Jualan)",
 409 
                 "company_name" => "Kicap Bentong Sdn. Bhd (Jualan)",
410 
                 "type" => "Kilang Memproses Kicap (Pembesaran)",
 410 
                 "type" => "Kilang Memproses Kicap (Pembesaran)",
411 
-                "status" => 0,
411 
+                "status" => null,
412 
                 "note" => "Dalam Proses Submit",
 412 
                 "note" => "Dalam Proses Submit",
413 
                 "moa_date" => "",
 413 
                 "moa_date" => "",
414 
                 "area" => "Kawasan Perindustrian Bentong",
 414 
                 "area" => "Kawasan Perindustrian Bentong",

Write Preview
Loading…
Cancel
Save