@diasro/ucsd-its-frontend 0.0.2

package/dist/templates/router/routes.ts

@@ -0,0 +1,49 @@
+import type {RouteRecordRaw} from "vue-router";
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/admin',
+    name: 'Admin',
+    component: () => import( '../pages/admin/AdminPage.vue'),
+    meta: { requiresAuth: true, roles: ['admin'] }
+  },
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import( '../pages/Home.vue'),
+    meta: { /* pageHeader and pageSubHeader is optional */
+      pageHeader: 'Main Header'
+    },
+  },
+  {
+    path: '/dashboard',
+    name: 'Dashboard',
+    component: () => import( '../pages/DashBoard.vue'),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/customer/home',
+    name: 'CustomerHome',
+    component: () => import( '../pages/customer/CustomerHome.vue'),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/customer/search',
+    name: 'CustomerSearch',
+    component: () => import( '../pages/customer/CustomerSearch.vue'),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/customer/create',
+    name: 'CustomerCreate',
+    component: () => import( '../pages/customer/SimpleForm.vue'),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/invoices/home',
+    name: 'InvoiceHome',
+    component: () => import( '../pages/invoices/InvoiceHome.vue'),
+    meta: { requiresAuth: true }
+  }
+];
+export default routes;

package/dist/templates/stores/app.ts

@@ -0,0 +1,74 @@
+import {defineStore} from 'pinia'
+import {ref} from 'vue'
+import type {Audit, AuditDetail} from "ucsd-its-frontend";
+import {useUcsdAppUtils} from "ucsd-its-frontend";
+import axios from "axios";
+import {useItsAuthStore} from "ucsd-its-frontend";
+import type {LoginUser} from "ucsd-its-frontend";
+
+
+export const useAppStore = defineStore('app', () => {
+    const appUtils = useUcsdAppUtils();
+    const authStore = useItsAuthStore();
+    const invoiceCount = ref('10');
+
+    const initializeStore = () => {
+        console.log('Initializing store')
+    }
+
+    const fetchRoles = async () : Promise<{user:LoginUser,path:string}>  => {
+        try {
+           const response = await axios.get(import.meta.env.VITE_USER_ROLES_API_URL, {
+                headers: {
+                    Authorization: `Bearer ${authStore.decryptedToken()}`
+                }
+            })
+            const apiData = response.data[0];
+            const loginUser = {
+                id: apiData.PERSON_ID,
+                email: apiData.EMAIL_ADDRESS,
+                firstName: '',
+                lastName: '',
+                roles: apiData.OFC_ROLES.split(','),
+                departmentName: apiData.DEPARTMENT_NAME,
+                businessUnitName: apiData.BUSINESS_UNIT_NAME,
+                system18Id: apiData.SYSTEM18_ID
+            } as LoginUser
+            return new Promise((resolve) => {
+                resolve({user: loginUser,path:'/'})
+            })
+        } catch (error) {
+            throw error
+        }
+    }
+
+    const auditRecord = { // default audit record. Change this based on your domain
+        auditId: 0,
+        event: 'Update',
+        eventIcon: '',
+        nameSpace: 'edu.ucsd.its.fis.ciperb',
+        auditConstituent : {
+          constituentCode: 'Financial Information Systems',
+        },
+        details: [
+            {
+                detailKey: "0",
+                detailValue: '',
+            } as AuditDetail
+        ]
+    } as Audit;
+
+
+    const getAuditRecord = () : Audit => {
+        return <Audit>appUtils.deepClone(auditRecord)
+    }
+
+
+    return {
+        invoiceCount,
+        getAuditRecord,
+        initializeStore,
+        fetchRoles
+    }
+
+})

package/dist/templates/stores/index.ts

@@ -0,0 +1,9 @@
+// Utilities
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
+
+
+const pinia = createPinia()
+pinia.use(piniaPluginPersistedstate);
+export default pinia;
+

package/dist/templates/styles/README.md

@@ -0,0 +1,3 @@
+# Styles
+
+This directory is for configuring the styles of the application.

package/dist/templates/styles/settings.scss

@@ -0,0 +1,10 @@
+/**
+ * src/styles/settings.scss
+ *
+ * Configures SASS variables and Vuetify overwrites
+ */
+
+// https://vuetifyjs.com/features/sass-variables/`
+// @use 'vuetify/settings' with (
+//   $color-pack: false
+// );

package/dist/templates/vite.config.ts

@@ -0,0 +1,75 @@
+import {defineConfig, loadEnv} from 'vite'
+import vuetify, {transformAssetUrls} from "vite-plugin-vuetify";
+import dts from "vite-plugin-dts";
+import Vue from "@vitejs/plugin-vue";
+import Vuetify from "vite-plugin-vuetify";
+import path from 'path';
+
+export default defineConfig(({command, mode}) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const VITE_BASE_URL = env.VITE_BASE_URL || '';
+  console.log('Asset URL: ' + VITE_BASE_URL);
+  console.log('Mode:' + mode)
+  console.log('Command:' + command)
+  if (command === 'serve') {
+    return {  // dev specific config
+      server: {
+        proxy: {
+          '/api': {
+            target: 'http://localhost:8080',
+            changeOrigin: true,
+            rewrite: (path) => {
+              const newPath = path.replace(/^\//, '');
+              console.log("Rewritten API URL: ", newPath);
+              return newPath;
+            }
+          }
+        }
+      },
+      resolve: {
+        alias: {
+          '@': path.resolve(__dirname, './src'),
+        },
+      },
+      plugins: [
+        Vue({
+          template: { transformAssetUrls: transformAssetUrls },
+        }),
+        Vuetify({
+          autoImport: true,
+          styles: {
+            configFile: 'src/styles/settings.scss',
+          },
+        }),
+      ],
+    }
+  } else {     // command === 'build'
+    return {
+      plugins: [ Vue({
+            isProduction: true,
+            template: { transformAssetUrls },
+            features: { propsDestructure : true}
+          }
+      ), vuetify({ styles: 'none' }),
+        dts({exclude: ['node_modules','dist','.storybook']})],
+      resolve: {
+        alias: {
+          '@': path.resolve(__dirname, './src'),
+        },
+      },
+      build: {
+        assetsInlineLimit: 0, // Prevent inlining images as Base64
+        minify: true,
+        emptyOutDir: true,
+        target: 'esnext',
+        modulePreload: {polyfill: false},
+        rollupOptions: {
+          output: {
+            assetFileNames: 'assets/[name].[hash][extname]'
+          },
+        },
+      },
+      base: `${VITE_BASE_URL}`
+    }
+  }
+})

package/dist/types/ApiError.d.ts

@@ -0,0 +1,6 @@
+export interface ApiError {
+    status: string;
+    message: string;
+    developerMessage: string;
+    errors: Array<string>;
+}

package/dist/types/LoginUser.d.ts

@@ -0,0 +1,12 @@
+export interface LoginUser {
+    id: number;
+    firstName?: string;
+    lastName?: string;
+    email: string;
+    roles?: string[];
+    departmentName?: string;
+    businessUnitName?: string;
+    system18Id?: string;
+    targetEnv?: string;
+    appVersion?: string;
+}

package/dist/types/TileRecord.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Represents a tile record with various properties for display, interaction,
+ * and hierarchical relationships.
+ *
+ * Properties:
+ *
+ * @property label The display label for the tile.
+ * @property value A unique key formatted to represent the hierarchy (e.g., x-x-x...).
+ * @property [icon] An optional string for the icon associated with the tile.
+ * @property [getIcon] An optional callback function to dynamically retrieve an icon.
+ * @property [buttonColor] An optional color for the button.
+ * @property [badgeColor] An optional color for the badge.
+ * @property [badgeContent] An optional callback function to dynamically retrieve badge content.
+ * @property [action] An optional callback function to trigger a specific store action.
+ * @property [eventFunc] An optional string to trigger custom events stored in the event map.
+ * @property [link] An optional link, either a router link or an external link.
+ * @property [linkProp] An optional link param, value returned will be passed as router parameter
+ * @property [disabled] An optional flag to mark the tile as disabled.
+ * @property [active] An optional flag to mark the tile as active.
+ * @property [hide] An optional flag to hide the tile from view
+ * @property [childDropdown] An optional flag indicating if the tile has a child dropdown.
+ * @property [children] An optional array of child `TileRecord` objects for hierarchical relationships.
+ */
+export interface TileRecord {
+    label: string;
+    key: string;
+    icon?: string;
+    getIcon?: () => string;
+    buttonColor?: string;
+    badgeColor?: string;
+    badgeContent?: () => string;
+    action?: (args: TileRecord) => void;
+    eventFunc?: string;
+    link?: string;
+    linkProp?: () => string;
+    disabled?: boolean;
+    active?: boolean;
+    childDropdown?: boolean;
+    hide?: boolean;
+    children?: TileRecord[];
+}

package/dist/types/UcsdConfig.d.ts

@@ -0,0 +1,29 @@
+import { TileRecord } from "../types/TileRecord";
+/**
+ * Configuration interface for UCSD application settings.
+ *
+ * This interface defines the structure and properties required
+ * to configure the UCSD application, including layout, themes,
+ * headers, and various callback functions.
+ *
+ * Properties:
+ * - `defaultLayout`: Specifies the default layout configuration.
+ * - `defaultPageHdr`: Defines the default page header.
+ * - `defaultSubHdr`: Defines the default sub-header.
+ * - `defaultTheme`: Specifies the default theme of the application.
+ * - `initCallback` (optional): A callback function invoked during initialization.
+ * - `loginCallback` (optional): A callback function invoked after login with path before login.
+ * - `rootMenu`: Defines the main menu structure as a TileRecord.
+ * - `menus`: An array of TileRecords representing additional menus.
+ */
+export interface UcsdConfig {
+    defaultLayout: string;
+    defaultPageHdr: string;
+    defaultSubHdr: string;
+    defaultTheme: string;
+    initCallback?: () => void;
+    customAuth?: () => Promise<any>;
+    loginCallback?: () => Promise<any>;
+    rootMenu: TileRecord;
+    menus: Array<TileRecord>;
+}

package/dist/types/audit.d.ts

@@ -0,0 +1,57 @@
+export interface AuditDetail {
+    detailKey: string;
+    detailValue: string;
+}
+export interface AuditDocument {
+    documentId: number;
+    fileName: string;
+    fileDownloadUri: string;
+    fileType: string;
+    fileSize: number;
+    dateCreated: string;
+    auditId: number;
+}
+export interface AuditConstituent {
+    constituentId?: number;
+    constituentCode: string;
+}
+export interface Audit {
+    auditId?: number;
+    event: string;
+    eventIcon?: string;
+    eventColor?: string;
+    nameSpace: string;
+    dateCreated?: string;
+    auditConstituent: AuditConstituent;
+    documents?: AuditDocument[];
+    details?: AuditDetail[];
+}
+export interface Audits {
+    audits: Audit[];
+}
+export interface AuditTimeLine {
+    auditId: number;
+    color: string;
+    icon: string;
+    fullDate: string;
+    date: string;
+    time: string;
+    name: string;
+    email: string;
+    event: string;
+    details: string;
+}
+export interface KeyValue {
+    key: string;
+    value: string;
+}
+export interface ChangeData {
+    op: string;
+    path: string;
+    oldValue?: string;
+    newValue?: string;
+    oldValues?: Array<string>;
+    newValues?: Array<string>;
+    oldKeyValues?: Array<KeyValue>;
+    newKeyValues?: Array<KeyValue>;
+}