@simitgroup/simpleapp-generator 1.3.5-alpha → 1.4.1-alpha

package/templates/nuxt/nuxt.config.ts._eta

@@ -1,8 +1,8 @@
 /**
- * This file was automatically generated by simpleapp generator during initialization. It is changable.
- * --remove-this-line-to-prevent-override--
- * last change 2024-02-22
- * author: Ks Tan
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
  */
 import path from 'path'
 export default defineNuxtConfig({
@@ -27,6 +27,15 @@ export default defineNuxtConfig({
         }
     }
 },
+app: {
+  // pageTransition: {
+    // name: 'slide-fade',
+    // mode: 'out-in',
+    // css: false,
+    
+  // },
+  // layoutTransition: { name: 'layout', mode: 'default' }
+},
 tailwindcss: {
     // Options
   },
@@ -36,7 +45,7 @@ devServer: {
   modules: [
     // "@hebilicious/authjs-nuxt",
     '@nuxtjs/color-mode',
-     '@nuxtjs/device',
+    '@nuxtjs/device',
     '@nuxtjs/i18n',
     'dayjs-nuxt',
     '@sidebase/nuxt-auth',
@@ -52,19 +61,18 @@ devServer: {
         ['defineStore', 'definePiniaStore'], // import { defineStore as definePiniaStore } from 'pinia'
       ],
     }],
-    
-    
-
-  ], 
+  ],  
+  dayjs:{
+    plugins: [ 'utc', 'duration']
+  },
   device: {
     refreshOnResize: true
-  }, 
+  },
   i18n: {
     lazy: true,
     langDir: "lang/",
     strategy: "no_prefix",
-    locales: [
-  
+    locales: [    
       {
         code: "en",
         iso: "en",
@@ -82,17 +90,18 @@ devServer: {
     defaultLocale: "en",    
   },
   primevue: {
+    
     options: {
-      //unstyled: true,
       ripple: true,
-      inputStyle: 'filled'
+      inputStyle: 'filled',
+    
     }, 
     components: {
       include: '*',      
-      exclude: ['chart']
+      // exclude: ['chart']
     }, 
     directives: {
-      include: ['Ripple', 'Tooltip','BadgeDirective','FocusTrap']
+      include: ['Ripple', 'Tooltip','Badge','FocusTrap']
     },
     cssLayerOrder: 'tailwind-base, primevue, tailwind-utilities',
     importPT: { as: 'SimpleAppPT', from:  path.resolve(__dirname,'./assets/primevue/passthrough.ts') },
@@ -105,9 +114,6 @@ devServer: {
   auth: {
     globalAppMiddleware: false
   },
-  dayjs:{
-    plugins: [ 'utc', 'duration']
-  },
   // security: {
     // corsHandler:{
       //  origin: '*' //| 'null' | (string | RegExp)[] | ((origin: string) => boolean);
@@ -136,10 +142,11 @@ devServer: {
   css: [ 
     'primeicons/primeicons.css',
     path.resolve(__dirname,'./assets/css/style.css'),
+    path.resolve(__dirname,'./assets/css/listview.css'),
     path.resolve(__dirname,'./assets/css/calendar.css'),
     ],        
   },
-
+  
   // devtools: { enabled: true },
   // build: {
   //               // transpile: ["primevue"]

package/templates/nuxt/pages/[xorg]/{user/index.vue.eta → docnoformat/[id].vue.eta}

@@ -1,21 +1,20 @@
 <template>
-  <Crud _id="" @after="after" />
+  <LazyFormDocnoformat :_id="_id" @after="after" />
 </template>
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
+ * This file was automatically generated by simpleapp generator.
+ * last change 2023-09-09
+ * author: Ks Tan
  */
-import Crud from "./form.vue";
-import { User } from "~/simpleapp/generate/types";
 
-const doc = useNuxtApp().$UserDoc();
+import { Docnoformat } from "~/simpleapp/generate/types";
+const doc = useNuxtApp().$DocnoformatDoc();
 
 const props = defineProps<{ _id: string }>();
-const after = (actionName: string, data: User, result: any) => {
+const after = (actionName: string, data: Docnoformat) => {
+  console.log("Docnoformat capture after emits ", actionName);
   switch (actionName) {
     case "new":
       goTo(doc.getDocName(), "new");
@@ -23,13 +22,16 @@ const after = (actionName: string, data: User, result: any) => {
     case "create":
       goTo(doc.getDocName(), data._id);
       refreshDocumentList(doc.getDocName());
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());
       break;
     case "update":
       refreshDocumentList(doc.getDocName());
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());
       break;
     case "delete":
       goTo(doc.getDocName(), "new");
       refreshDocumentList(doc.getDocName());
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());
       break;
   }
 };

package/templates/nuxt/pages/[xorg]/docnoformat.vue.eta

@@ -1,28 +1,59 @@
 <template>
-  <div class="grid grid-cols-5 p-4">
-    <title>{{ t('docnoformat')}} </title>
-    <ListView
-      :list="getAllDocFormats()"
-      idField="docType"
-      titleField="docName"
-      subTitleField="docType"
-      :withFilter="true"
-      :url="getDocumentUrl('docnoformat')"
-    ></ListView>
-    <div class="col-span-4">
-      <NuxtPage></NuxtPage>
-    </div>
-  </div>
+  <PageDocList
+    :document="doc"
+    :columns="columns"
+    :data="docdata"
+    :sorts="sorts"
+  >
+    <template #mobileList="{ item }">
+      <!-- <div class="flex flex-row justify justify-end"> -->
+        <div class="flex flex-col flex-1">
+          <text-primary>{{ item.docNoFormatName }}</text-primary>
+          <div class="flex flex-row gap-2">
+            <text-subtitle>{{ item.docNoPattern }}</text-subtitle>
+            <renderer-boolean v-model="item.active"/>
+          
+          </div>
+        </div>
+        <div class="flex flex-col text-right">
+          <text-subtitle>{{ item.docNoType }}</text-subtitle>
+          <text-subtitle>{{ item.nextNumber }}</text-subtitle>          
+          
+        </div>
+      <!-- </div> -->
+    </template>
+    <template #dataTableColumns>
+    </template>
+    <template #default
+      ><div><NuxtPage :_id="id ?? 'new'" /></div
+    ></template>
+  </PageDocList>
 </template>
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
+ * This file was automatically generated by simpleapp generator.
+ * last change 2023-09-09
+ * author: Ks Tan
  */
+
+
+const doc = useNuxtApp().$DocnoformatDoc()
+const docdata = doc.getReactiveData();
+
 definePageMeta({
   menuPath: "setting/docnoformat",
-  })
-</script>
+});
 
+const columns = [
+  "docNoFormatNo",
+  "docNoFormatName",
+  "active",
+  "docNoType",
+  "docNoPattern",
+  "nextNumber",
+];
+
+const sorts: string[][] = [["docNoType", "asc"],["docNoFormatNo","asc"]];
+
+const id = computed(() => useRoute().params.id);
+</script>

package/templates/nuxt/pages/[xorg]/mobile/docnoformat/index.vue.eta

@@ -0,0 +1,59 @@
+<template>
+  <PageDocList
+    :document="doc"
+    :columns="columns"
+    :data="docdata"
+    :sorts="sorts"
+  >
+    <template #mobileList="{ item }">
+      <!-- <div class="flex flex-row justify justify-end"> -->
+        <div class="flex flex-col flex-1">
+          <text-primary>{{ item.docNoFormatName }}</text-primary>
+          <div class="flex flex-row gap-2">
+            <text-subtitle>{{ item.docNoPattern }}</text-subtitle>
+            <renderer-boolean v-model="item.active"/>
+          
+          </div>
+        </div>
+        <div class="flex flex-col text-right">
+          <text-subtitle>{{ item.docNoType }}</text-subtitle>
+          <text-subtitle>{{ item.nextNumber }}</text-subtitle>          
+          
+        </div>
+      <!-- </div> -->
+    </template>
+    <template #dataTableColumns>
+    </template>
+    <template #default
+      ><div><NuxtPage :_id="id ?? 'new'" /></div
+    ></template>
+  </PageDocList>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+
+
+const doc = useNuxtApp().$DocnoformatDoc()
+const docdata = doc.getReactiveData();
+
+definePageMeta({
+  menuPath: "setting/docnoformat",
+});
+
+const columns = [
+  "docNoFormatNo",
+  "docNoFormatName",
+  "active",
+  "docNoType",
+  "docNoPattern",
+  "nextNumber",
+];
+
+const sorts: string[][] = [["docNoType", "asc"],["docNoFormatNo","asc"]];
+
+const id = computed(() => useRoute().params.id);
+</script>

package/templates/nuxt/pages/[xorg]/mobile/index.vue._eta

@@ -0,0 +1,19 @@
+<template>
+  <div class="frontpage-container">
+    <client-only>
+      <title>{{ getUserProfile()?.branchName }}</title>
+    </client-only>
+    <h1 class="border text-3xl text-center m-20 p-20">
+      {{ t("createYourContentHere") }}
+    </h1>
+  </div>
+</template>
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+useNuxtApp().$event('SetTitle',t('home'))
+</script>

package/templates/nuxt/pages/[xorg]/mobile/organization/index.vue.eta

@@ -0,0 +1,138 @@
+<template>
+  
+  <div class="w-full flex-col flex">
+    <title>{{ t("organization") }}</title>
+    <MobileToolbar class="bg-gray-600">
+      <template #center><TextTitle class="text-white">{{ t("organization") }}</TextTitle></template>
+      <template #end>
+        <ButtonText @click="showEditOrg = true" class="text-white"
+          ><i class="pi pi-pencil"></i
+        ></ButtonText>
+      </template>
+    </MobileToolbar>
+    
+    <div class="w-full flex flex-row p-2 border-b border-gray-300 ">
+      <div class="p-4">
+        <div class="border w-12 h-12 md:w-24 md:h24"></div>
+      </div>
+      <div class="flex flex-col flex-1 ">
+        <TextTitle>{{ data.orgName }} / {{ data.orgCode }}</TextTitle>
+        <TextSubtitle>
+          {{ data.description }}
+        </TextSubtitle>        
+      </div>
+    </div>
+
+    <div class="w-full p-2 flex flex-col ">
+      
+      <div class="flex flex-row justify-end">
+        <TextTitle class="flex-1 p-2">{{ t('branches') }}</TextTitle>
+        <div>
+          <ButtonPrimary @click="goBranch('new')">
+            <i class="pi pi-plus"></i> <span>{{ t("addBranches") }}</span>
+          </ButtonPrimary>
+        </div>
+      </div>
+      <ListView class="border rounded-lg border-gray-400 dark:border-gray-600"        
+        :list="branchlist"
+        title-field="branchName"
+        sub-title-field="branchCode"
+        :url="getDocumentUrl('organization', id)"
+        #default="{item}"
+      >
+        <div class="flex flex-row">
+          <div class="flex-col flex flex-1">
+            <TextPrimary>{{ item.branchName }}</TextPrimary>
+            <TextSubtitle>{{ item.description }}</TextSubtitle>
+          </div>
+          <div class="flex-col flex text-right">
+            <div>{{ item.branchCode }}</div>
+            <renderer-boolean v-model="item.active"></renderer-boolean>
+          </div>
+        </div>
+      
+      </ListView>
+    </div>
+
+    <OverlaySideBarCrud v-model="showEditOrg" close-event-name="organization">
+      <FormOrganization
+        :_id="getUserProfile()?.orgRecordId"
+        @after="afterOrganization"
+      ></FormOrganization>
+    </OverlaySideBarCrud>
+
+    <OverlaySideBarCrud v-model="showEditBranch" close-event-name="branch">
+      <NuxtPage :_id="id"></NuxtPage>
+    </OverlaySideBarCrud>
+  </div>
+</template>
+
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+import { FormCrudEvent, SimpleAppInputType } from "~/types";
+import ConfirmPopup from "primevue/confirmpopup";
+import { useConfirm } from "primevue/useconfirm";
+const confirm = useConfirm();
+const showEditOrg = ref<boolean>(false);
+const showEditBranch = ref<boolean>(false);
+
+const { $OrganizationDoc, $BranchDoc, $event, $listen } = useNuxtApp();
+
+const orgId = computed(() => <string>getUserProfile()?.orgRecordId);
+const doc = $OrganizationDoc();
+const brancdoc = $BranchDoc();
+const data = doc.getReactiveData();
+const branchlist = ref([]);
+const isReadOnly = ref(true);
+const getCurrentOrg = async () => {
+  await doc.getById(orgId.value);
+  await fetchRecord();
+};
+const fetchRecord = async () => {
+  //fetch org
+  // await doc.getById(data.value.orgId);
+  //fetch branch
+  branchlist.value = await brancdoc.search({
+    filter: { orgId: data.value.orgId },
+  });
+
+  console.log("reload data", branchlist);
+};
+
+const id = computed((): string => String(useRoute().params.id ?? ""));
+
+definePageMeta({
+  menuPath: "setting/organization",
+});
+
+//branch record update then reload
+$listen("RefreshDocumentList", async (data) => {
+  console.log("trigger RefreshDocumentList", data);
+  if (data.documentName == "branch" || data.documentName == "organization") {
+    await fetchRecord();
+  }
+});
+
+const showBranchDialogIfRequired = () => {
+  if (useRoute().path.includes("/new") || id.value) showEditBranch.value = true;
+};
+
+const afterOrganization = (actionName: FormCrudEvent) => {
+  if (actionName == FormCrudEvent.update) {
+    showEditOrg.value = false;
+    getCurrentOrg();
+  }
+};
+
+watch(
+  () => useRoute().path,
+  () => showBranchDialogIfRequired(),
+);
+onMounted(() => showBranchDialogIfRequired());
+getCurrentOrg();
+</script>

package/templates/nuxt/pages/[xorg]/mobile/pickgroup.vue._eta

@@ -0,0 +1,35 @@
+<template>
+    <div class="flex flex-col w-full gap-4 p-4">
+      <TextTitle class="text-center">{{ t("pickGroup") }}</TextTitle>
+      <div v-for="(groupName, index) in getUserProfile()?.groups" :key="index">
+        <div
+          class="border rounded-lg bg-primary-500 text-white p-4 text-center"
+          @click="pickGroup(groupName)"
+        >
+          {{ t(groupName) }}
+        </div>
+      </div>    
+    </div>
+  </template>
+  <script lang="ts" setup>
+  /**
+   * This file was automatically generated by simpleapp generator during initialization. It is changable.
+   * --remove-this-line-to-prevent-override--
+   * last change 2024-04-09
+   * author: Ks Tan
+   */
+  const pickGroup = async (groupName: string) => {
+      try{        
+          useCookie('currentGroup').value= groupName
+          localStorage.setItem('currentGroup',groupName)
+          useNuxtApp().$userstore.currentGroup = groupName;
+          useNuxtApp().$event("pickGroup", groupName);
+          goTo("");
+      }catch(e){
+          alert("something wrong")
+          console.error(e)
+      }
+    
+  };
+  </script>
+