@eeplatform/nuxt-layer-common 1.2.11 → 1.3.1

package/components/SchoolFormUpload.vue

@@ -2,7 +2,7 @@
   <v-card width="100%">
     <v-toolbar>
       <v-row no-gutters class="fill-height px-6" align="center">
-        <span class="font-weight-bold text-h5"> Bulk Upload Schools </span>
+        <span class="font-weight-bold text-h5"> School Bulk Upload </span>
       </v-row>
     </v-toolbar>
     <v-card-text style="max-height: 100vh; overflow-y: auto">
@@ -46,25 +46,6 @@
             </v-row>
           </v-col>
 
-          <v-col cols="12" class="mt-4">
-            <v-row no-gutters>
-              <v-col cols="12">
-                <v-btn
-                  variant="outlined"
-                  color="primary"
-                  class="text-none"
-                  size="large"
-                  block
-                  prepend-icon="mdi-download"
-                  @click="downloadTemplate"
-                  :disabled="disable"
-                >
-                  Download Template
-                </v-btn>
-              </v-col>
-            </v-row>
-          </v-col>
-
           <v-col cols="12" class="mt-2">
             <v-divider></v-divider>
           </v-col>
@@ -128,9 +109,7 @@
             <v-alert type="info" variant="tonal" class="text-caption">
               <strong>File Requirements:</strong><br />
               • Supported formats: CSV, Excel (.xlsx, .xls)<br />
-              • Required columns: schoolName, schoolId, district<br />
               • Maximum file size: 16MB<br />
-              • Download the template above for the correct format
             </v-alert>
           </v-col>
 
@@ -149,14 +128,15 @@
       </v-form>
     </v-card-text>
 
-    <v-toolbar>
-      <v-row class="px-6">
+    <v-toolbar density="compact">
+      <v-row no-gutters>
         <v-col cols="6">
           <v-btn
+            tile
             block
             variant="text"
             class="text-none"
-            size="large"
+            size="48"
             @click="cancel"
             :disabled="disable"
           >
@@ -166,11 +146,12 @@
 
         <v-col cols="6">
           <v-btn
+            tile
             block
             variant="flat"
             color="black"
             class="text-none"
-            size="large"
+            size="48"
             :disabled="!isFormValid || disable"
             @click="submit"
             :loading="disable"
@@ -306,30 +287,6 @@ function formatFileSize(bytes: number): string {
   return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
 }
 
-function downloadTemplate() {
-  // Create CSV template with the expected format
-  const headers = ["schoolName", "schoolId", "district"];
-  const sampleData = ["Sample Elementary School", "ELEM001", "District 1"];
-
-  const csvContent = [
-    headers.join(","),
-    sampleData.map((field) => `"${field}"`).join(","),
-  ].join("\n");
-
-  // Create and download file
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
-  const link = document.createElement("a");
-  const url = URL.createObjectURL(blob);
-
-  link.setAttribute("href", url);
-  link.setAttribute("download", "school-bulk-upload-template.csv");
-  link.style.visibility = "hidden";
-
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-
 async function submit() {
   disable.value = true;
   try {

package/composables/useOffice.ts

@@ -0,0 +1,40 @@
+export default function useOffice() {
+  function add(value: TOffice) {
+    return useNuxtApp().$api<Record<string, any>>("/api/offices", {
+      method: "POST",
+      body: value,
+    });
+  }
+
+  async function getAll({
+    page = 1,
+    search = "",
+    limit = 10,
+    type = "",
+    status = "active",
+  } = {}) {
+    return useNuxtApp().$api<Record<string, any>>("/api/offices", {
+      method: "GET",
+      query: { page, limit, search, type, status },
+    });
+  }
+
+  function updateById(id: string) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/offices/${id}`, {
+      method: "PUT",
+    });
+  }
+
+  function deleteById(id: string) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/offices/${id}`, {
+      method: "DELETE",
+    });
+  }
+
+  return {
+    add,
+    getAll,
+    updateById,
+    deleteById,
+  };
+}

package/composables/usePlantilla.ts

@@ -0,0 +1,52 @@
+export default function usePlantilla() {
+  function addPlantilla(plantilla: TPlantilla) {
+    return useNuxtApp().$api<{ message: string }>("/api/plantillas", {
+      method: "POST",
+      body: plantilla,
+    });
+  }
+
+  function getAll({
+    page = 1,
+    status = "active",
+    search = "",
+    org = "",
+    app = "admin",
+  } = {}) {
+    return useNuxtApp().$api<Record<string, any>>("/api/plantillas", {
+      method: "GET",
+      query: { page, status, search, org, app },
+    });
+  }
+
+  function bulkAdd(file: File | null, region: string, division: string) {
+    if (!file) {
+      throw new Error("File not found.");
+    }
+
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("region", region);
+    formData.append("division", division);
+
+    return useNuxtApp().$api<{
+      message: string;
+      details: {
+        successful: number;
+        failed: number;
+        total: number;
+        totalSizeMB: number;
+        errors: string[];
+      };
+    }>("/api/plantillas/bulk", {
+      method: "POST",
+      body: formData,
+    });
+  }
+
+  return {
+    addPlantilla,
+    getAll,
+    bulkAdd,
+  };
+}

package/package.json

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

package/plugins/API.ts

@@ -1,5 +1,6 @@
 export default defineNuxtPlugin(() => {
   const { cookieConfig } = useRuntimeConfig().public;
+  const { redirect } = useLocal();
 
   const api = $fetch.create({
     baseURL: "/",
@@ -10,6 +11,17 @@ export default defineNuxtPlugin(() => {
       const sid = useCookie("sid", cookieConfig).value ?? "";
       options.headers.set("authorization", sid);
     },
+    onResponse({ response }) {
+      if (response.status === 401) {
+        // Clear cookie
+        let sid = useCookie("sid", cookieConfig).value;
+        if (sid) {
+          sid = null;
+          const { APP_MAIN } = useRuntimeConfig().public;
+          redirect(APP_MAIN, "logout");
+        }
+      }
+    },
   });
 
   // Expose to useNuxtApp().$api

package/plugins/vuetify.ts

@@ -14,6 +14,8 @@ const darkTheme = {
   dark: true,
 };
 
+import { VMaskInput } from "vuetify/labs/VMaskInput";
+
 export default defineNuxtPlugin((app) => {
   const vuetify = createVuetify({
     defaults: {
@@ -37,6 +39,10 @@ export default defineNuxtPlugin((app) => {
         variant: "outlined",
         density: "comfortable",
       },
+      VMaskInput: {
+        variant: "outlined",
+        density: "comfortable",
+      },
     },
     theme: {
       defaultTheme: "defaultTheme",
@@ -53,6 +59,9 @@ export default defineNuxtPlugin((app) => {
         },
       },
     },
+    components: {
+      VMaskInput,
+    },
   });
 
   app.vueApp.use(vuetify);

package/types/office.d.ts

@@ -0,0 +1,12 @@
+declare type TOffice = {
+  _id?: string;
+  code: string;
+  name: string;
+  type: string;
+  parent?: string;
+  path: string;
+  status?: string;
+  createdAt?: string;
+  updatedAt?: string;
+  deletedAt?: string;
+};

package/types/plantilla.d.ts

@@ -0,0 +1,29 @@
+declare type TPlantilla = {
+  _id?: string;
+  itemNumber: string;
+  positionTitle: string;
+  salaryGrade: number;
+  step: number;
+  school?: string;
+  schoolName?: string;
+  office?: string;
+  officeName?: string;
+  region?: string;
+  regionName?: string;
+  division?: string;
+  divisionName?: string;
+  effectivityDate?: string;
+  incumbentName?: string;
+  basicAnnualSalary?: number;
+  basicMonthlySalary?: number;
+  positionCategory?: string;
+  yearCreated?: string;
+  appointmentDate?: string;
+  lastPromotionDate?: string;
+  eligibility?: string;
+  actualDeployment?: string;
+  status?: string;
+  createdBy?: string;
+  createdAt?: string;
+  updatedAt?: string;
+};