DONE: centralize theme color, interactive dashboard, increase winner result, refer TODO

resources/assets/js/components/demo/voter/home/attendance.vue

@@ -133,19 +133,7 @@
                             :value="data.user.unit" required />
                     </div>
                 </div>
-
             </form>
-
-            <div class="attendance-hero">
-                <div class="attendance-section-kicker">Pengesahan Kehadiran</div>
-                <h4 class="attendance-page-title">Sahkan Kehadiran Mesyuarat Agung</h4>
-                <p class="attendance-page-subtitle">
-                    Sila semak maklumat anda, pilih kaedah kehadiran, dan sahkan penyertaan sebelum meneruskan.
-                </p>
-                <a :href="etikaUrl" target="_blank" class="attendance-download-button">
-                    Muat Turun Etika Mesyuarat Agung
-                </a>
-            </div>
         </div>
     </div>
 </template>
@@ -526,8 +514,6 @@ export default {
         //         })
         // },
 
-
-
         edit: function () {
             if (this.loading) return;
 

resources/assets/js/components/demo/voter/home/index.vue

@@ -144,7 +144,7 @@
     </div>
 
     <!-- Kad Ahli Digital -->
-    <div class="col-xs-12">
+    <!-- <div class="col-xs-12">
       <div class="home-section-container home-section-container--kad">
         <h2 class="home-section-heading">
           <span class="home-section-heading-icon" aria-hidden="true"><i class="fa fa-credit-card"></i></span>
@@ -188,7 +188,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
 
     <!-- Saham Vote Blocked Message -->
     <div v-if="showSahamVoteBlockedMessage" class="row home-saham-block-row">
@@ -220,6 +220,13 @@ export default {
   },
 
   computed: {
+    etikaUrl: function () {
+      var url = this.portalSettings && this.portalSettings.attendance_etika_url
+        ? String(this.portalSettings.attendance_etika_url).trim()
+        : '';
+      return url;
+    },
+
     bannerUrl() {
       const p = this.portalSettings && this.portalSettings.home_banner_image_path
         ? this.portalSettings.home_banner_image_path
@@ -296,7 +303,17 @@ export default {
           href: this.matLinkUrl,
           variant: "home-cta-link--violet",
           external: true
-        }
+        },
+        // Muat Turun Etika Mesyuarat Agung
+        {
+          key: "etika-mesyuarat",
+          title: "Etika Mesyuarat Agung",
+          desc: "Muat Turun etika mesyuarat agung",
+          icon: "fa-file-pdf-o",
+          href: this.etikaUrl,
+          variant: "home-cta-link--grey",
+          external: true
+        },
       ];
 
       if (
@@ -328,15 +345,15 @@ export default {
         });
       }
 
-      links.push({
-        key: "penyata",
-        title: "Penyata Ahli",
-        desc: "Lihat dan kemaskini penyata ahli",
-        icon: "fa-file-text-o",
-        route: { name: "penyata", params: { no_anggota: noAnggota } },
-        variant: "home-cta-link--amber",
-        external: false
-      });
+      // links.push({
+      //   key: "penyata",
+      //   title: "Penyata Ahli",
+      //   desc: "Lihat dan kemaskini penyata ahli",
+      //   icon: "fa-file-text-o",
+      //   route: { name: "penyata", params: { no_anggota: noAnggota } },
+      //   variant: "home-cta-link--amber",
+      //   external: false
+      // });
 
       return links;
     },
@@ -884,6 +901,15 @@ export default {
   box-shadow: 0 18px 44px rgba(245, 158, 11, 0.45);
 }
 
+.home-cta-link--grey {
+  background: linear-gradient(135deg, #64748b 0%, #94a3b8 50%, #64748b 100%);
+  box-shadow: 0 14px 36px rgba(100, 116, 139, 0.3);
+}
+
+.home-cta-link--grey:hover {
+  box-shadow: 0 18px 44px rgba(100, 116, 139, 0.42);
+}
+
 .home-cta-icon {
   flex-shrink: 0;
   width: 52px;