@simitgroup/simpleapp-generator 1.6.3-alpha → 1.6.4-b-alpha

package/templates/nuxt/components/debug/DebugDocumentData.vue.eta

@@ -1,41 +1,51 @@
 <template>
-    <div :class="`p-0 absolute bg-yellow-200 bottom-100 right-0`" v-if="isdebug=='1'">
-        <button @click="visible=true"  class=" text-white text-xs bg-warning-800 p-0 m-0">
-            <i class="pi pi-code"></i>{{ label }}</button>      
-        <Sidebar v-model:visible="visible" class="text-red-100">
-            
-            <template #header >
-                <h1 class="text-gray-700 text-lg font-bold content-center">{{ label }} Data</h1>    
-            </template>
-            <template #default>                
-                <pre class="border rounder-lg m-0 p-0 dark:bg-gray-500">{{ modelValue }}
-                </pre>                
-            </template>
-                
-        </Sidebar>
-
+  <div :class="`p-0  bg-yellow-200 dark:bg-yellow-700 rounded-lg border`" v-if="isdebug == '1'">
+    <div
+      @click="visible = true"
+      class="cursor-pointer text-xs p-0 m-0 flex flex-col p-2 text-center"
+    >
+      <i class="pi pi-code"></i>
+      <span>{{ label }}</span>
     </div>
-        
+    <Sidebar
+      v-model:visible="visible"
+      :pt="{ root: { class: 'w-5/6' } }"
+      class="text-red-100"
+    >
+      <template #header>
+        <h1 class="text-gray-700 text-lg font-bold content-center">
+          {{ label }} Data
+        </h1>
+      </template>
+      <template #default>
+        <pre class="border rounder-lg m-0 p-0 bg-gray-500 text-white"
+          >{{ modelValue }}
+                </pre
+        >
+      </template>
+    </Sidebar>
+  </div>
 </template>
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization. 
+ * This file was automatically generated by simpleapp generator during initialization.
  * IT IS NOT CHANGABLE
  * last change 2024-02-22
  * author: Ks Tan
  */
 // import Panel from 'primevue/panel';
 // import ScrollPanel from 'primevue/scrollpanel';
-import Dialog from 'primevue/dialog';
-import Sidebar from 'primevue/sidebar';
+import Dialog from "primevue/dialog";
+import Sidebar from "primevue/sidebar";
 
-import {ref} from 'vue'
-const modelValue = defineModel()
-const isdebug = ref(useRuntimeConfig().public.DEBUGDATA)
-const visible = ref(false)
-const props = withDefaults(defineProps<{label?:string}>(),{label:'label'})
-const buttonlabel = computed(()=>props.label??'debug')
+import { ref } from "vue";
+const modelValue = defineModel();
+const isdebug = ref(useRuntimeConfig().public.DEBUGDATA);
+const visible = ref(false);
+const props = withDefaults(defineProps<{ label?: string }>(), {
+  label: "label",
+});
+const buttonlabel = computed(() => props.label ?? "debug");
 const op = ref();
-
 </script>

package/templates/nuxt/components/event/EventDocumentViewer.vue._eta

@@ -35,14 +35,12 @@
 <script setup lang="ts">
 /*
  * 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
  */
 import { onKeyStroke } from "@vueuse/core";
 import { useDialog } from "primevue/usedialog";
 import { defineAsyncComponent } from "vue";
-
 import { ViewRecord, FormCrudEvent } from "~/types";
 // import TabView from 'primevue/tabview';
 import Chip from "primevue/chip";
@@ -57,6 +55,7 @@ const lastDocumentName = computed(() => {
 });
 const { $listen } = useNuxtApp();
 const visible = ref(false);
+const autodeletetab = ref(true);
 const allview = ref<{ [key: string]: ViewRecord }>({});
 const after = (
   v: ViewRecord,
@@ -65,10 +64,12 @@ const after = (
   result: any,
 ) => {
   if (v.after) {
-    v.after(eventType, data);
-
+    v.after(eventType, data, visible);
+   
     //only after mount consider no remove tab
-    if (eventType != "mount") deleteTab();
+    if (eventType == "mount") return;
+    else if(eventType=='setDocStatus') return;
+    deleteTab();
   }
 };
 
@@ -80,18 +81,29 @@ onKeyStroke("Escape", (e) => {
 const deleteTab = () => {
   const keys = Object.keys(allview.value);
   const lastkey = keys[keys.length - 1];
-  delete allview.value[lastkey];
+  // console.log("Trigger delete tab");
+  if (keys.length == 1) {
+    const callback = allview.value[lastkey]?.after;
+    if (typeof callback == "function") {
+      callback(FormCrudEvent.exit, undefined, visible);
+    }
 
-  // updateprops.value++
-  if (Object.keys(allview.value).length == 0) {
-    visible.value = false;
-    useNuxtApp().$event("CloseDialog", "viewer");
-    return;
+    if (autodeletetab.value) {
+      delete allview.value[lastkey];
+      visible.value = false;
+      useNuxtApp().$event("CloseDialog", "viewer");
+    }
+  } else {
+    // console.log("Trigger delete tab2");
+    delete allview.value[lastkey];
   }
 };
 
 $listen("ViewRecord", (setting) => {
   visible.value = true;
+  if (setting["autoclose"] != undefined) {
+    autodeletetab.value = setting["autoclose"] == 0 ? false : true;
+  }
   allview.value[setting.eventId] = setting;
 });
 
@@ -113,11 +125,21 @@ $listen("CloseDialog", (documentName: string) => {
 // });
 //
 const clearView = () => {
+  const firstId = Object.keys(allview.value)[0];
+  // console.log("clear view", allview.value);
+  const callback = allview.value[firstId]?.after;
+  if (typeof callback == "function") {
+    callback(FormCrudEvent.exit, undefined, visible);
+  }
   allview.value = {};
 };
-
+// watch(visible,()=>{
+//       if(visible.value==false){
+//         v.after(FormCrudEvent.exit, data,visible);
+//       }
+//     })
 watch(visible, () => {
-  if (visible.value == false) {
+  if (!visible.value) {
     clearView();
   }
 });

package/templates/nuxt/components/form/FormBranch.vue._eta

@@ -7,9 +7,7 @@
         :document="doc"
         @on="actionListener"
       ></SimpleAppFormToolBar>
-      <div
-        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-2"
-      >
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-2">
         <SimpleAppInput
           :input-type="SimpleAppInputType.text"
           :setting="o.getField('#/properties/branchName')"
@@ -27,7 +25,53 @@
           :setting="o.getField('#/properties/active')"
           v-model="data.active"
         />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.selectmultiple"
+          :setting="o.getField('#/properties/offdays')"
+          v-model="data.offdays"
+        />
+
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/street1')"
+          v-model="data.street1"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/street2')"
+          v-model="data.street2"
+        />
 
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/postcode')"
+          v-model="data.postcode"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/city')"
+          v-model="data.city"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/region')"
+          v-model="data.region"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/country')"
+          v-model="data.country"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/tel')"
+          v-model="data.tel"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/email')"
+          v-model="data.email"
+        />
         <SimpleAppInput
           :input-type="SimpleAppInputType.textarea"
           :setting="o.getField('#/properties/description')"
@@ -41,8 +85,7 @@
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization. 
- * --remove-this-line-to-prevent-override--
+ * This file was automatically generated by simpleapp generator during initialization.
  * last change 2024-02-22
  * author: Ks Tan
  */
@@ -69,6 +112,10 @@ const getRecord = async () => {
     await doc.getById(id.value);
   } else {
     newData();
+    data.value.organization={
+      _id:getUserProfile()?.orgRecordId,
+      label:getUserProfile()?.orgName
+    }
   }
 };
 

package/templates/nuxt/components/form/FormDocnoformat.vue.eta

@@ -8,13 +8,21 @@
         @on="actionListener"
       ></SimpleAppFormToolBar>
       <div
-        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-2"
+        class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-2"
       >
         <SimpleAppInput
           :input-type="SimpleAppInputType.autocomplete"
           :setting="o.getField('#/properties/branch')"
           v-model="data.branch"
         />
+        <SimpleAppInput
+          :readonly="!doc.isNew()"
+          :input-type="SimpleAppInputType.select"
+          :setting="o.getField('#/properties/docNoType')"
+          :options="getAllDocFormats().map((item) => item.docType)"
+          v-model="data.docNoType"
+        />
+
 
         <SimpleAppInput
           :input-type="SimpleAppInputType.text"
@@ -39,14 +47,7 @@
           v-model="data.default"
         />
 
-        <SimpleAppInput
-          :readonly="!doc.isNew()"
-          :input-type="SimpleAppInputType.select"
-          :setting="o.getField('#/properties/docNoType')"
-          :options="getAllDocFormats().map((item) => item.docType)"
-          v-model="data.docNoType"
-        />
-
+        
         <SimpleAppInput
           :input-type="SimpleAppInputType.text"
           :setting="o.getField('#/properties/docNoPattern')"
@@ -91,7 +92,10 @@ const id = computed(() => props._id ?? "");
 
 /************ start default methods ****************/
 
-const newData = () => doc.setNew();
+const newData = () => {
+  doc.setNew()
+  delete data.value.branch
+}
 
 const getRecord = async () => {
   if (id.value && id.value != "new") {

package/templates/nuxt/components/form/FormUser.vue._eta

@@ -7,9 +7,7 @@
     <title v-if="id">{{ data.fullName ?? data.email }}</title>
     <TabView lazy>
       <TabPanel :header="t('profile')">
-        <div
-          class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-2"
-        >
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 p-2">
           <SimpleAppInput
             :input-type="SimpleAppInputType.text"
             :setting="o.getField('#/properties/fullName')"
@@ -37,7 +35,7 @@
           />
         </div>
 
-        <DebugDocumentData v-model="data" :label="doc.getDocName()" />
+        <!-- <DebugDocumentData v-model="data" :label="doc.getDocName()" /> -->
       </TabPanel>
       <TabPanel :header="t('permission')">
         <!-- <UserButtonPermissionInfo></UserButtonPermissionInfo> -->

package/templates/nuxt/components/form/user/FormUserPermission.vue.eta

@@ -1,83 +1,101 @@
 <template>
-  <div class=" w-full">    
+  <div class="w-full">    
+    <UserButtonPermissionInfo/>
     <div v-for="(b, index) in branchList" :key="index" class="flex flex-col">
-      <div>{{ b.branchName }}</div>    
-      <div>        
-        <SelectButton :options="grouplist" v-model="permdata[b.branchId??0].groups" 
-            @update:model-value="updatePermission($event,b.branchId ??0)"
-            multiple option-value="value" option-label="label"/>
-        </div>
+      <div>{{ b.branchName }}</div>
+      <div>
+        <SelectButton
+          :options="grouplist"
+          v-model="permdata[b.branchId ?? 0].groups"
+          @update:model-value="updatePermission($event, b.branchId ?? 0)"
+          multiple
+          option-value="value"
+          option-label="label"
+        />
+      </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-import { Branch, Permission, UserPermission } from "~/simpleapp/generate/openapi";
-import _ from 'lodash'
+import {
+  Branch,
+  Permission,
+  UserPermission,
+} from "~/simpleapp/generate/openapi";
+import _ from "lodash";
 const props = defineProps<{ id: string }>();
 const perm = useNuxtApp().$PermissionDoc();
-const branchList = ref<Branch[]>()
-const branch = useNuxtApp().$BranchDoc()
+const branchList = ref<Branch[]>();
+const branch = useNuxtApp().$BranchDoc();
 const grouplist = getAllGroups().map((item) => {
   return { value: item, label: _.capitalize(item) };
 });
 const orgs = ref<UserPermission[]>();
-const selectedGroup=ref()
-type PermDataType = {[key:number]: {groups?:string[],permId?:string}}
-const permdata=ref<PermDataType>({})
-const loadBranches = async ()=>{
-    branchList.value=await branch.search({
-        filter:{orgId:getUserProfile()?.orgId},
-        fields:['branchCode','branchName','active','branchId'],
-        sorts:[['branchCode','asc']]
-    })
+const selectedGroup = ref();
+type PermDataType = { [key: number]: { groups?: string[]; permId?: string } };
+const permdata = ref<PermDataType>({});
+const loadBranches = async () => {
+  branchList.value = await branch.search({
+    filter: { orgId: getUserProfile()?.orgId },
+    fields: ["branchCode", "branchName", "active", "branchId"],
+    sorts: [["branchCode", "asc"]],
+  });
 
-    branchList.value?.forEach(b=>{
-        const branchId:number = b.branchId ?? 0
-        permdata.value[branchId] ={groups:[],permId:''}
-    })
-}
+  branchList.value?.forEach((b) => {
+    const branchId: number = b.branchId ?? 0;
+    permdata.value[branchId] = { groups: [], permId: "" };
+  });
+};
 const loadPermission = async () => {
-  const permissions:Permission[] = await perm.search({
-    filter:{userId:props.id},
-    fields:['groups','userId','uid','branchId']
-  })
-  console.log("load permissions" , permissions)
-  permissions.forEach(p=>{
-    console.log("PPP",p)
-    if(p.branchId && permdata.value[p.branchId]){
-        permdata.value[p.branchId].groups = p.groups ??[]
-        permdata.value[p.branchId].permId = p._id
+  const permissions: Permission[] = await perm.search({
+    filter: { userId: props.id },
+    fields: ["groups", "userId", "uid", "branchId"],
+  });
+  console.log("load permissions", permissions);
+  permissions.forEach((p) => {
+    console.log("PPP", p);
+    if (p.branchId && permdata.value[p.branchId]) {
+      permdata.value[p.branchId].groups = p.groups ?? [];
+      permdata.value[p.branchId].permId = p._id;
     }
-  })
+  });
 };
-const updatePermission = async (newgroups:string[],branchId:number)=>{
-    const data =perm.getReactiveData()
-    if(permdata.value[branchId] && permdata.value[branchId].permId){        
-        await perm.getById(permdata.value[branchId].permId)
-    }else{
-        data.value._id=randomUUID()
-        data.value.userId=props.id     
-    }
-    data.value.groups=newgroups
-    
-     
-    if(permdata.value[branchId] && permdata.value[branchId].permId){        
-        await perm.update()
-    }else{
-        await perm.create()
+const updatePermission = async (newgroups: string[], branchId: number) => {
+  const data = perm.getReactiveData();
+  const userdoc = useNuxtApp().$UserDoc()
+  await userdoc.getById(props.id);
+  const userdata = userdoc.getReactiveData()
+  console.log("userdata",userdata.value)
+  
+  if (permdata.value[branchId] && permdata.value[branchId].permId) {
+    await perm.getById(permdata.value[branchId].permId);
+    if(!data.value.uid && userdata.value.uid){
+      data.value.uid = userdata.value.uid
     }
-    await loadPermission()
-}
+  } else {
+    data.value._id = randomUUID();
+    data.value.userId = props.id;
+    data.value.uid = userdata.value.uid
+    data.value.branchId = branchId
+  }
+  data.value.groups = newgroups;
+  // console.log("data",data.value)
+  // return false
+  if (permdata.value[branchId] && permdata.value[branchId].permId) {
+    await perm.update();
+  } else {
+    await perm.create();
+  }
+  await loadPermission();
+};
 onMounted(async () => {
-    await loadBranches()
-    await loadPermission()
-
+  await loadBranches();
+  await loadPermission();
 });
 watch(
   () => props.id,
   async () => {
-    await loadPermission()
-
-}
+    await loadPermission();
+  },
 );
 </script>

package/templates/nuxt/components/header/HeaderSelectBranch.vue.eta

@@ -1,3 +1,21 @@
+<template>
+  <div>
+    <select
+      v-if="selectedbranch"
+      v-model="selectedbranch"
+      style="background: transparent;  border: none;"
+      class="text-right pt-3 pb-3 text-lg"
+      @change="switchXorg()"
+    >
+      <optgroup v-for="o in orgList" :label="o.label">
+        <option v-for="b in getBranchesForOrg(o)" :value="b['xOrg']">
+          {{ b["branch"]["branchCode"] }}
+        </option>
+      </optgroup>
+    </select>
+  </div>
+</template>
+
 <script setup lang="ts">
 /**
  * This file was automatically generated by simpleapp generator. Every
@@ -5,42 +23,31 @@
  * last change 2023-10-28
  * Author: Ks Tan
  */
-import _ from 'lodash'
-import {ref} from 'vue'
+import _ from "lodash";
+import { ref } from "vue";
 
-const selectedbranch = ref(getCurrentXorg())
-const currentTenant=ref(getUserProfile().tenantId)
-
-type Org = {orgId:number, label:string,_id:string}
-const branches = getUserProfile().branches.filter((item:any)=>{return item.branch.tenantId == currentTenant.value})
-const orgList:Org[] = _.uniqBy(branches,'branch.orgId').map((item)=>({
-    _id:item['branch']['organization']['_id'],
-    orgId:item['branch']['orgId'],
-    label:item['branch']['organization']['label']}))
-    // console.log("orgList",orgList)
-const getBranchesForOrg = (org:Org)=>{
-    const branchlist =  branches.filter((item,index)=>{
-        // console.log(org['orgId'] ,'===', item['branch']['orgId'])
-        return org['orgId'] === item['branch']['orgId']
-    })
-    
-    return branchlist
-}
-const switchXorg = ()=>{
-    navigateTo(`/${selectedbranch.value}`,{external:true})    
-}
+const selectedbranch = ref(getCurrentXorg());
+const currentTenant = ref(getUserProfile()?.tenantId);
 
+type Org = { orgId: number; label: string; _id: string };
+const branches = getUserProfile()?.branches.filter((item: any) => {
+  return item.branch.tenantId == currentTenant.value;
+});
+const orgList: Org[] = _.uniqBy(branches, "branch.orgId").map((item) => ({
+  _id: item["branch"]["organization"]["_id"],
+  orgId: item["branch"]["orgId"],
+  label: item["branch"]["organization"]["label"],
+}));
+// console.log("orgList",orgList)
+const getBranchesForOrg = (org: Org) => {
+  const branchlist = branches.filter((item, index) => {
+    // console.log(org['orgId'] ,'===', item['branch']['orgId'])
+    return org["orgId"] === item["branch"]["orgId"];
+  });
 
+  return branchlist;
+};
+const switchXorg = () => {
+  navigateTo(`/${selectedbranch.value}`, { external: true });
+};
 </script>
-<template>
-    <div>        
-        
-        <select v-if="selectedbranch" v-model="selectedbranch" class="  text-right" @change="switchXorg()">
-                    <optgroup v-for="o in orgList" :label="o.label">
-                        <option v-for="b in getBranchesForOrg(o)" :value="b['xOrg']">{{ b['branch']['branchCode']}} </option>
-                    </optgroup>
-                    
-                </select>  
-    </div>
-    
-</template>

package/templates/nuxt/components/image/ImageAvatar.vue.eta._vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="inline-block border rounded-lg w-20 h-20 bg-white">
+    <Avatar v-if="email"
+      :image="getAvatarLink(<string>email, size)"
+      shape="circle"
+      size="xlarge"
+    />
+    <Avatar v-else-if="id"
+      :image="getAvatarByUid(<string>id, size)"
+      shape="circle"
+      size="xlarge"
+    />
+  </div>
+
+  
+</template>
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-04-06
+ * author: Ks Tan
+ */
+const props = defineProps<{
+  email?: string;
+  id?: string;
+  size: number;
+}>();
+
+</script>