From 6088dfad463b08e708992bf4be67b690e95bd1de Mon Sep 17 00:00:00 2001
From: hafifierahman <muhdhafifie97@gmail.com>
Date: Sun, 20 Mar 2022 16:28:29 +0800
Subject: [PATCH] fix skit2

---
 public/img/leaderapproval.png           | Bin 0 -> 2829 bytes
 resources/js/Permohonan/StatusMohon.vue | 327 ++++++++++++++++--------
 2 files changed, 227 insertions(+), 100 deletions(-)
 create mode 100644 public/img/leaderapproval.png

diff --git a/public/img/leaderapproval.png b/public/img/leaderapproval.png
new file mode 100644
index 0000000000000000000000000000000000000000..4325529077a700da031511fd6bbe3f1ff36f02e6
GIT binary patch
literal 2829
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

literal 0
HcmV?d00001

diff --git a/resources/js/Permohonan/StatusMohon.vue b/resources/js/Permohonan/StatusMohon.vue
index ea5df08..80bfc15 100644
--- a/resources/js/Permohonan/StatusMohon.vue
+++ b/resources/js/Permohonan/StatusMohon.vue
@@ -1,116 +1,243 @@
 <template>
-<div class="container px-1 px-md-4 py-5 mx-auto">
-    <div class="card">
-        <div class="row d-flex justify-content-between px-3 top">
-            <div class="d-flex">
-                <h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
-            </div>
-        </div> <!-- Add class 'active' to progress -->
-        <div class="row d-flex justify-content-center">
-            <div class="w-full">
-                <ul id="progressbar" class="text-center">
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                    <li class="active step0"></li>
-                </ul>
-            </div>
-        </div>
+    <div class="container px-1 px-md-4 py-5 mx-auto">
+    
+    <router-link to="/permohonan">
+        <i class="fas fa-backspace text-yellow-500"></i>
+    </router-link>
 
-        <div class="flex w-full">
-            <div class="row flex flex-col justify-center items-center icon-content w-1/5 "> <img class="icon mx-auto" src="/img/proposal.png">
-                <div class="flex flex-column">
-                    <p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
+        <div class="card">
+    
+            <div class="row d-flex justify-content-between px-3 top">
+    
+                <div class="d-flex">
+    
+                    <h5>NO PERMOHONAN : <span class="text-primary font-weight-bold">ARKB120191020-1425</span></h5>
+    
                 </div>
+    
             </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
-                <div class="flex flex-column">
-                    <p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
+    
+            <!-- Add class 'active' to progress -->
+    
+            <div class="row flex justify-content-center">
+    
+                <div class="w-full">
+    
+                    <ul id="progressbar" class="text-center flex">
+    
+                        <li class="active step0 w-1/6"></li>
+    
+                        <li class="active step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                        <li class="step0 w-1/6"></li>
+    
+                    </ul>
+    
                 </div>
+    
             </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/operasicek.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
+    
+    
+    
+            <div class="flex w-full">
+    
+                <div class="row flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/proposal.png">
+    
+                    <div class="flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PPC / PC<br>Mohon Wang</p>
+    
+                    </div>
+    
                 </div>
-            </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/chequetick.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
+    
+                    <div class="flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Operasi <br> Mengesahkan <br> Permohonan</p>
+    
+                    </div>
+    
                 </div>
-            </div>
-            <div class="flex flex-col justify-center items-center icon-content w-1/5"> <img class="icon mx-auto" src="/img/money.png">
-                <div class="d-flex flex-column">
-                    <p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/operasicek.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Akaun <br> Mengesahkan<br> Permohonan</p>
+    
+                    </div>
+    
                 </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/leaderapproval.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PB <br> Mengesahkan <br> Permohonan</p>
+    
+                    </div>
+    
+                </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/chequetick.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">Akaun <br> Menghantar <br> Deposit</p>
+    
+                    </div>
+    
+                </div>
+    
+                <div class="flex flex-col justify-center items-center icon-content w-1/6"> <img class="icon mx-auto" src="/img/money.png">
+    
+                    <div class="d-flex flex-column">
+    
+                        <p class="font-weight-bold text-center">PPC / PC <br> Terima Wang</p>
+    
+                    </div>
+    
+                </div>
+    
             </div>
+    
         </div>
-    </div>
-    <div class="">
+    
+        <div class="">
+    
+    
+    
+            <div class="p-4 flex justify-center items-center">
+    
+                <table class="w-2/3 leading-normal">
+    
+                    <thead class="text-center">
+    
+                        <tr>
+    
+                            <th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Tarikh
+    
+                            </th>
+    
+                            <th class="w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Masa
+    
+                            </th>
+    
+                            <th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
+    
+                                Status Permohonan
+    
+                            </th>
+    
+                        </tr>
+    
+                    </thead>
+    
+                    <tbody>
+    
+                        <td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
+    
+                                        2022-03-22
+                                    </p>
+    
+                                </div>
+    
+                            </div>
+    
+                        </td>
+    
+                        <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="text-center flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
+    
+                                        10:30pagi
+    
+                                    </p>
+    
+                                </div>
+    
+                            </div>
+    
+                        </td>
+    
+                        <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
+    
+                            <div class="flex items-center">
+    
+                                <div class="ml-3">
+    
+                                    <p class="text-gray-900 whitespace-no-wrap">
 
-        <div class="p-4 flex justify-center items-center">
-            <table class="w-2/3 leading-normal">
-                <thead class="text-center">
-                    <tr>
-                        <th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Tarikh
-                        </th>
-                        <th class="text-center w-1/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Masa
-                        </th>
-                        <th class="w-3/5 px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">
-                            Status Permohonan
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <td class="text-center px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
+                                        PENGURUS CAWANGAN MEMBUAT PERMOHONAN WANG DARIPADA PKB.
+                                    </p>
+    
+                                </div>
+    
                             </div>
-                        </div>
-                    </td>
-                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="text-center flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
-                            </div>
-                        </div>
-                    </td>
-                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
-                        <div class="flex items-center">
-                            <div class="ml-3">
-                                <p class="text-gray-900 whitespace-no-wrap">
-                                    Kota Bharu 2
-                                </p>
-                            </div>
-                        </div>
-                    </td>
-                </tbody>
-            </table>
+    
+                        </td>
+    
+                    </tbody>
+    
+                </table>
+    
+            </div>
+    
+            <!-- <div class="row flex justify-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
+    
+                     </div>
+    
+                 </div>
+    
+                 <div class="row d-flex justify-content-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
+    
+                     </div>
+    
+                 </div>
+    
+                 <div class="row d-flex justify-content-between px-3 top">
+    
+                     <div class="d-flex">
+    
+                         <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
+    
+                     </div>
+    
+                 </div> -->
+    
         </div>
-        <!-- <div class="row flex justify-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-05-27 11:26:08 AM </span>REQUEST CREATED</h6>
-                 </div>
-             </div>
-             <div class="row d-flex justify-content-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>ATTEMPT 1 COMPLETED. ~ ***[AUTO GENERATED BY GRASSHOPPERS]***</h6>
-                 </div>
-             </div>
-             <div class="row d-flex justify-content-between px-3 top">
-                 <div class="d-flex">
-                     <h6><span class="text-primary font-weight-bold">2020-06-04 06:59:48 AM </span>RETURN TO VENDOR RECORD CREATED ~ RC806_118 </h6>
-                 </div>
-             </div> -->
+    
     </div>
-</div>
 </template>
 
 <style scoped>
@@ -140,7 +267,7 @@
 #progressbar li {
     list-style-type: none;
     font-size: 13px;
-    width: 20%;
+    width: 17%;
     float: left;
     position: relative;
     font-weight: 400;
@@ -194,7 +321,7 @@
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     position: absolute;
-    left: 50%
+    left: 50%;
 }
 
 #progressbar li:last-child:after {