@eeplatform/nuxt-layer-common 1.2.6 → 1.2.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @eeplatform/nuxt-layer-common
 
+## 1.2.7
+
+### Patch Changes
+
+- 95d9527: Revise header component - added other apps section
+
 ## 1.2.6
 
 ### Patch Changes

package/components/Layout/Header.vue

@@ -67,18 +67,48 @@
               </v-card>
             </v-col>
 
-            <v-col cols=" 12" class="mt-2">
+            <v-col cols="12" class="mt-2">
               <v-card
                 width="100%"
                 min-height="50px"
                 variant="tonal"
-                rounded="b-xl"
+                :rounded="others.length ? 'none' : 'b-xl'"
               >
                 <v-card-title class="text-center pb-0"> Apps </v-card-title>
 
                 <v-row no-gutters class="px-2 pb-2">
                   <v-col
-                    v-for="item in apps"
+                    v-for="item in props.apps"
+                    :key="item.title"
+                    cols="4"
+                    class="pa-2"
+                  >
+                    <v-btn
+                      stacked
+                      width="100%"
+                      :prepend-icon="item.icon"
+                      rounded="xl"
+                      variant="text"
+                      class="text-center text-capitalize text-caption"
+                      @click="redirect(item.link, item.landingPage)"
+                    >
+                      {{ item.title }}
+                    </v-btn>
+                  </v-col>
+                </v-row>
+              </v-card>
+            </v-col>
+
+            <v-col v-if="others.length" cols="12" class="mt-2">
+              <v-card
+                width="100%"
+                min-height="50px"
+                variant="tonal"
+                rounded="b-xl"
+              >
+                <v-row no-gutters class="px-2 pb-2">
+                  <v-col
+                    v-for="item in props.others"
                     :key="item.title"
                     cols="4"
                     class="pa-2"
@@ -174,6 +204,14 @@ const props = defineProps({
     type: String,
     default: "Title",
   },
+  apps: {
+    type: Array as PropType<Array<TApp>>,
+    default: () => [],
+  },
+  others: {
+    type: Array as PropType<Array<TApp>>,
+    default: () => [],
+  },
 });
 
 import { useTheme } from "vuetify";
@@ -191,7 +229,7 @@ watch(
   }, 1000)
 );
 
-const { redirect, apps, drawer } = useLocal();
+const { redirect, drawer } = useLocal();
 
 const { APP_MAIN, APP_ACCOUNT, APP_ADMIN, APP_NAME, APP_NAME_ROUTE } =
   useRuntimeConfig().public;
@@ -230,7 +268,7 @@ const name = computed(() => {
   return name;
 });
 
-const defaultApps = computed(() => [
+const defaultApps = computed<Array<TApp>>(() => [
   {
     title: "Account",
     icon: "ph:user-circle-bold",

package/components/LinkHome.vue

@@ -4,6 +4,12 @@
     style="color: unset"
     :to="{ name: 'index' }"
   >
-    EEPlatform
+    {{ title }}
   </nuxt-link>
 </template>
+
+<script setup lang="ts">
+const APP_NAME = useRuntimeConfig().public.APP_NAME;
+
+const title = computed(() => APP_NAME || "EEPlatform");
+</script>

package/composables/useLocal.ts

@@ -12,7 +12,7 @@ export default function useLocal() {
   const { APP_STUDENT, APP_PARENT, APP_SCHOOL, APP_DIVISION, APP_REGION } =
     appConfig;
 
-  const apps = computed(() => {
+  const apps = computed<Array<TApp>>(() => {
     return [
       {
         title: "Student",
@@ -60,6 +60,8 @@ export default function useLocal() {
   const pages = ref(0);
   const pageRange = ref("");
 
+  const landingPage = useCookie("landing-page", cookieConfig);
+
   return {
     cookieConfig,
     getUserFromCookie,
@@ -71,5 +73,6 @@ export default function useLocal() {
     page,
     pages,
     pageRange,
+    landingPage,
   };
 }

package/nuxt.config.ts

@@ -22,11 +22,19 @@ export default defineNuxtConfig({
       APP_MAIN: (process.env.APP_MAIN as string) ?? "",
       APP_ACCOUNT: (process.env.APP_ACCOUNT as string) ?? "",
       APP_ADMIN: (process.env.APP_ADMIN as string) ?? "",
-      APP_SCHOOL: (process.env.APP_SCHOOL as string) ?? "",
-      APP_DIVISION: (process.env.APP_DIVISION as string) ?? "",
-      APP_REGION: (process.env.APP_REGION as string) ?? "",
-      APP_PARENT: (process.env.APP_PARENT as string) ?? "",
-      APP_STUDENT: (process.env.APP_STUDENT as string) ?? "",
+      APP_BASIC_EDU: (process.env.APP_BASIC_EDU as string) ?? "",
+      APP_BASIC_EDU_RO: (process.env.APP_BASIC_EDU_RO as string) ?? "",
+      APP_BASIC_EDU_SDO: (process.env.APP_BASIC_EDU_SDO as string) ?? "",
+      APP_BASIC_EDU_SCHOOL: (process.env.APP_BASIC_EDU_SCHOOL as string) ?? "",
+      APP_HIGHER_EDU: (process.env.APP_HIGHER_EDU as string) ?? "",
+      APP_HIGHER_EDU_RO: (process.env.APP_HIGHER_EDU_RO as string) ?? "",
+      APP_HIGHER_EDU_UNI: (process.env.APP_HIGHER_EDU_UNI as string) ?? "",
+      APP_HIGHER_EDU_COLLEGE:
+        (process.env.APP_HIGHER_EDU_COLLEGE as string) ?? "",
+      APP_LOCAL_GOV: (process.env.APP_LOCAL_GOV as string) ?? "",
+      APP_LOCAL_GOV_PROV: (process.env.APP_LOCAL_GOV_PROV as string) ?? "",
+      APP_LOCAL_GOV_CITY: (process.env.APP_LOCAL_GOV_CITY as string) ?? "",
+      APP_LOCAL_GOV_BRGY: (process.env.APP_LOCAL_GOV_BRGY as string) ?? "",
     },
   },
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@eeplatform/nuxt-layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"

package/types/local.d.ts

@@ -17,3 +17,10 @@ declare type TNavigationItem = {
   children?: TNavigationItem[];
   disabled?: boolean;
 };
+
+declare type TApp = {
+  title: string;
+  icon: string;
+  link: string;
+  landingPage?: string;
+};