edvoyui-component-library-test-flight 0.0.95 → 0.0.96

package/src/components/table/GrowthTableView.vue

@@ -0,0 +1,108 @@
+<!-- <template>
+  <div class="max-w-screen-xl mx-auto">
+    <pre class="text-[0.5rem] p-2 border border-gray-300 rounded-lg max-h-72 overflow-y-auto">{{ selectedRows.map(x => x?._id)}}</pre>
+    <GrowthTable
+      checkable
+      paginated
+      :checked-rows.sync="checkedRows"
+      backend-pagination
+      :per-page="limit"
+      :headers="growthTableHeaders"
+      :items="growthTableData"
+      :footers="growthTableFooter"
+      :total="totalCount"
+      :default-sort-direction="defaultSortOrder"
+      default-sort="introducer_details"
+      :current-page="offset"
+      @sort="onSort"
+      @mouseenter="select"
+      @mouseleave="(selectedIndex = null), (selected = null)"
+    >
+
+          <template #[`item.active_allagents`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-violet-50 pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_allagents" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`item.active_active_allagents`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-violet-50 pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_active_allagents" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`item.active_dormant`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-violet-50 pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_dormant" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`item.totalDepositCount`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-violet-50 pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.totalDepositCount" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`item.totalStudentCount`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-violet-50 pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.totalStudentCount" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+
+<template #[`footer.active_allagents`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-[#FCD34D] pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_allagents" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`footer.active_active_allagents`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-[#FCD34D] pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_active_allagents" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`footer.active_dormant`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-[#FCD34D] pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.active_dormant" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`footer.totalDepositCount`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-[#FCD34D] pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.totalDepositCount" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+      <template #[`footer.totalStudentCount`]="{ row, rowIndex }">
+        <div class="flex flex-row items-center gap-4 justify-between bg-[#FCD34D] pl-2 pr-10 rounded-[0.625rem] py-2 h-full">
+           <span v-for="(data, idx) in row?.totalStudentCount" :key="`year_${idx}`">{{ data.value || '-' }}</span>
+        </div>
+      </template>
+    </GrowthTable>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { growthTableData, growthTableFooter, growthTableHeaders } from "../../data/table";
+import GrowthTable from "./GrowthTable.vue";
+
+//TODO: Dashboard Table
+const checkedRows = ref([]);
+const defaultSortOrder = ref("asc");
+const limit = ref(5);
+const offset = ref(1);
+const selectedIndex = ref<{ index: string } | null>(null);
+const selected = ref<{ index: string } | null>(null);
+
+const select = (_item: any, index: any) => {
+  selectedIndex.value = index;
+};
+
+const onSort = (field: string, order: string) => {
+  const modifier = order === "desc" ? -1 : 1;
+  growthTableData.sort((a: any, b: any) => {
+    if (a[field] < b[field]) return -1 * modifier;
+    if (a[field] > b[field]) return 1 * modifier;
+    return 0;
+  });
+};
+
+const totalCount = computed(() => {
+  return growthTableData.length;
+});
+</script>
+
+<style scoped></style> -->

package/src/data/table.ts

@@ -5390,3 +5390,259 @@ export const studentData = [
     },
   },
 ];
+
+export const growthTableHeaders = [
+  {
+    value: "teamName",
+    text: "Team",
+    width: 200,
+    sortable: true,
+  },
+  {
+    value: "totalIntroducerCount",
+    text: "Total agent",
+    width: 180,
+    sortable: true,
+  },
+  {
+    value: "active_allagents",
+    text: "Active agent",
+    width: 320,
+    sortable: true,
+    activeYear: [2020, 2021, 2022, 2023, 2024, 2025],
+  },
+  {
+    value: "active_active_allagents",
+    text: "Active - Active agent",
+    width: 320,
+    sortable: true,
+    activeYear: [2020, 2021, 2022, 2023, 2024, 2025],
+  },
+  {
+    value: "active_dormant",
+    text: "Active - Dormant",
+    width: 320,
+    sortable: true,
+    activeYear: [2020, 2021, 2022, 2023, 2024, 2025],
+  },
+  {
+    value: "totalDepositCount",
+    text: "Deposits",
+    width: 320,
+    sortable: true,
+    activeYear: [2020, 2021, 2022, 2023, 2024, 2025],
+  },
+  {
+    value: "totalStudentCount",
+    text: "Enrolments",
+    width: 320,
+    sortable: true,
+    activeYear: [2020, 2021, 2022, 2023, 2024, 2025],
+  },
+  {
+    value: "agebtsTotalStudent",
+    text: "Agents with students",
+    width: 100,
+  },
+  {
+    value: "agebtsTotalStudentPercentage",
+    text: "Agents with students (%)",
+    width: 100,
+  },
+  {
+    value: "agentsTotalDepositCount",
+    text: "Agents with deposit",
+    width: 100,
+  },
+  {
+    value: "agentsTotalDepositPercentage",
+    text: "Agents with deposit (%)",
+    width: 100,
+  },
+];
+
+export const growthTableData = [
+  {
+    _id: "63f832d7a7df90013cdf4b6e",
+    teamName: "Hyderabad B2C",
+    totalIntroducerCount: 200,
+    active: 30,
+    dormant: 10,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 70,
+    agebtsTotalStudentPercentage: 70,
+    agentsTotalDepositCount: 200,
+    agentsTotalDepositPercentage: 20,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b6f",
+    teamName: "Mumbai B2B",
+    totalIntroducerCount: 150,
+    active: 40,
+    dormant: 15,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 60,
+    agebtsTotalStudentPercentage: 60,
+    agentsTotalDepositCount: 180,
+    agentsTotalDepositPercentage: 25,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b70",
+    teamName: "Delhi B2C",
+    totalIntroducerCount: 180,
+    active: 35,
+    dormant: 12,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 75,
+    agebtsTotalStudentPercentage: 75,
+    agentsTotalDepositCount: 190,
+    agentsTotalDepositPercentage: 22,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b71",
+    teamName: "Bangalore B2C",
+    totalIntroducerCount: 220,
+    active: 50,
+    dormant: 18,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 80,
+    agebtsTotalStudentPercentage: 80,
+    agentsTotalDepositCount: 210,
+    agentsTotalDepositPercentage: 30,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b72",
+    teamName: "Chennai B2C",
+    totalIntroducerCount: 170,
+    active: 32,
+    dormant: 14,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 65,
+    agebtsTotalStudentPercentage: 65,
+    agentsTotalDepositCount: 175,
+    agentsTotalDepositPercentage: 28,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b73",
+    teamName: "Pune B2C",
+    totalIntroducerCount: 140,
+    active: 28,
+    dormant: 10,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 55,
+    agebtsTotalStudentPercentage: 55,
+    agentsTotalDepositCount: 160,
+    agentsTotalDepositPercentage: 26,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b74",
+    teamName: "Kolkata B2B",
+    totalIntroducerCount: 160,
+    active: 38,
+    dormant: 13,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 68,
+    agebtsTotalStudentPercentage: 68,
+    agentsTotalDepositCount: 170,
+    agentsTotalDepositPercentage: 24,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b75",
+    teamName: "Ahmedabad B2C",
+    totalIntroducerCount: 130,
+    active: 25,
+    dormant: 8,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 50,
+    agebtsTotalStudentPercentage: 50,
+    agentsTotalDepositCount: 140,
+    agentsTotalDepositPercentage: 22,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b76",
+    teamName: "Jaipur B2B",
+    totalIntroducerCount: 120,
+    active: 22,
+    dormant: 7,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 45,
+    agebtsTotalStudentPercentage: 45,
+    agentsTotalDepositCount: 130,
+    agentsTotalDepositPercentage: 21,
+  },
+  {
+    _id: "63f832d7a7df90013cdf4b77",
+    teamName: "Lucknow B2C",
+    totalIntroducerCount: 110,
+    active: 20,
+    dormant: 5,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 40,
+    agebtsTotalStudentPercentage: 40,
+    agentsTotalDepositCount: 120,
+    agentsTotalDepositPercentage: 18,
+  },
+];
+
+function generateYearlyData() {
+  return ["2020", "2021", "2022", "2023", "2024", "2025"].map((year) => ({
+    year,
+    value: Math.floor(Math.random() * 80) + 10, // Generates random values between 10 and 80
+  }));
+}
+
+export const growthTableFooter = [
+  {
+    teamName: "Consolidated",
+    totalIntroducerCount: 2000,
+    active_allagents: generateYearlyData(),
+    active_active_allagents: generateYearlyData(),
+    active_dormant: generateYearlyData(),
+    totalDepositCount: generateYearlyData(),
+    totalStudentCount: generateYearlyData(),
+    agebtsTotalStudent: 40,
+    agebtsTotalStudentPercentage: 40,
+    agentsTotalDepositCount: 120,
+    agentsTotalDepositPercentage: 18,
+  },
+];

package/dist/EUIButton.vue.d.ts

@@ -1,5 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=script&setup=true&lang.ts";
-import "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/button/EUIButton.vue?vue&type=style&index=0&lang.scss";
-export default _sfc_main;
-//# sourceMappingURL=EUIButton.vue.d.ts.map

package/dist/EUIButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUIButton.vue.d.ts","sourceRoot":"","sources":["../src/components/button/EUIButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wHAAwH,CAAC;AAC/I,cAAc,wHAAwH,CAAC;AACvI,OAAO,sHAAsH,CAAC;AAC9H,eAAe,SAAS,CAAC"}

package/dist/selectSearch/EUISelectSearch.vue.d.ts

@@ -1,4 +0,0 @@
-import _sfc_main from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export * from "/Users/rajmohan/Documents/Workspace/edvoy-ui-v2/src/components/selectSearch/EUISelectSearch.vue?vue&type=script&setup=true&lang.ts";
-export default _sfc_main;
-//# sourceMappingURL=EUISelectSearch.vue.d.ts.map

package/dist/selectSearch/EUISelectSearch.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUISelectSearch.vue.d.ts","sourceRoot":"","sources":["../../src/components/selectSearch/EUISelectSearch.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}