change color theme

2026-02-05 08:12:34 +07:00
parent 458e4c7158
commit f72984775b
12 changed files with 212 additions and 104 deletions
@@ -5,8 +5,15 @@ import sidebarItems from "~/components/layout/full/vertical-sidebar/sidebarItem"
 import Customizer from "~/components/layout/full/customizer/Customizer.vue";
 import { Menu2Icon } from "vue-tabler-icons";
 import { useCustomizerStore } from "~/store/customizer";
+import { usePendaftaranStore } from "~/store/pendaftaran";
+import { storeToRefs } from 'pinia';
+
 const sidebarMenu = shallowRef(sidebarItems);
 const customizer = useCustomizerStore();
+const pendaftaranStore = usePendaftaranStore();
+
+const { snackbar, snackbarMessage, snackbarColor } = storeToRefs(pendaftaranStore);
+
 const { mdAndDown } = useDisplay();
 const sDrawer = ref(true);
 onMounted(() => {
@@ -66,6 +73,24 @@ watch(mdAndDown, (val) => {
          <p class="text-caption textSecondary">&copy; 2026 RSUD Dr. Saiful Anwar Provinsi Jawa Timur. All rights reserved.</p>
        </v-container>
      </v-main>
+
+      <!-- Global Snackbar -->
+      <v-snackbar
+        v-model="snackbar"
+        :color="snackbarColor"
+        :timeout="3000"
+        location="top"
+      >
+        {{ snackbarMessage }}
+        <template #actions>
+          <v-btn
+            variant="text"
+            @click="pendaftaranStore.closeSnackbar()"
+          >
+            Close
+          </v-btn>
+        </template>
+      </v-snackbar>
    </v-app>
  </v-locale-provider>
 </template>