@simitgroup/simpleapp-generator 1.0.32 → 1.0.35

package/templates/nuxt/components/XorgPicker.vue.eta

@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization.
+ * You may modify it for your need
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+import { ref, Ref } from "vue";
+import { TenantDoc } from "../simpleapp/TenantDoc";
+// import OrderList from 'primevue/orderlist';
+import Panel from "primevue/panel";
+
+const { $event, $listen, $userstore } = useNuxtApp();
+const route = useRoute();
+const userinfo =ref()
+const tenantlist = ref()
+onNuxtReady(()=>{
+  
+    console.log("res",res)
+    userinfo.value = $userstore.getUserInfo();
+    tenantlist.value=userinfo.value.xOrgList
+    // console.log('tenantlist',tenantlist.value)
+    // const firstxorg = userinfo.value.xOrgList[0].xorg;
+    // if(firstxorg){
+    //   navigateTo(`/${firstxorg}`)
+    // }
+
+  
+})
+
+
+</script>
+<template>
+  <div>
+    <Panel header="Tenant List">
+      <div>
+        <NuxtLink
+          v-for="item in tenantlist"
+          :external="true"
+          :to="`/${item.xorg}`"
+          class="tenant-link"
+        >
+          <div class="flex flex-wrap p-2 align-items-center gap-3">
+            <div class="flex-1 flex flex-column gap-2">
+              <span class="font-bold">{{ item.orgId }} - {{ item.orgName }}</span>
+              <div class="flex align-items-center gap-2">
+                <span>{{ item.branchId }} - {{ item.branchCode }}</span>
+              </div>
+            </div>
+            <span class="font-bold text-900">{{ item.xorg }}</span>
+          </div>
+        </NuxtLink>
+        {{ userinfo }}
+      </div>
+    </Panel> 
+  </div>
+</template>
+
+<style scoped>
+.p-panel {
+  @apply m-2;
+}
+.tenant-link:hover div {
+  @apply bg-gray-300;
+}
+</style>

package/templates/nuxt/components/helper.ts.eta

@@ -0,0 +1,90 @@
+import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
+import type {ListOptionType} from './type'
+export const prepareList=(schemaComposition:string,fsetting:JSONSchema7Definition | JSONSchema7Definition[] | undefined,labelfield:string,valuefield:string,propsoptions?:any[],):ListOptionType[]=>{
+    let options :ListOptionType[] = []
+    let fieldsetting:JSONSchema7 = {} as JSONSchema7
+    Object.assign(fieldsetting,fsetting)
+    // {...fsetting} as   JSONSchema7
+    try{
+        const convertToList=(list:any[]):ListOptionType[]=>{
+            let opts :ListOptionType[] = []
+            if(list.length>0 && typeof list[0]=='object'){
+                for(let i=0;i<list.length;i++){
+                    const t = list[i]
+                    const item = {value:t[valuefield], label:t[labelfield]}
+                    opts.push(item)
+                }
+            }else{
+                opts = simpleArrayToObject(list)
+            }
+            return opts
+        }
+        
+        if(Array.isArray(propsoptions)){
+            if(propsoptions.length>0 && typeof propsoptions[0]== 'string'){
+                options = simpleArrayToObject(propsoptions)
+            }else{
+                options = convertToList(propsoptions)
+            }
+            
+        }
+        else if(Array.isArray(fieldsetting.enum)){
+            
+            options = simpleArrayToObject(fieldsetting.enum)
+        }else{
+            let list:JSONSchema7Definition[]|undefined=[]
+            switch(schemaComposition){
+                case 'anyOf':
+                    list=fieldsetting.anyOf
+                break;
+                case 'oneOf':
+                    list=fieldsetting.oneOf
+                break;
+                default:
+                break;
+            }
+            // console.log("get from anyof")
+            // let list:any[]=fieldsetting.anyOf
+            options = convertToList(list??[])
+        }
+        
+        // else if(fieldsetting.oneOf && Array.isArray(fieldsetting.oneOf)){
+        //     let list:any[]=fieldsetting.oneOf
+        //     options = convertToList(list)
+        // }
+        //try validate data
+        if(options.length>0){
+            const d:any = options[0]        
+            if(typeof d.label=='undefined'){
+                const errormsg = `undefine property '${labelfield}', correct 'optionLabel'`
+                console.error(errormsg,fieldsetting)
+                options=[{value:'',label:errormsg}]
+            }
+            if(typeof d.value=='undefined'){
+                const errormsg = `undefine property '${valuefield}', correct 'optionValue`
+                console.error(errormsg,fieldsetting)
+                options=[{value:'',label:errormsg}]
+            }
+        }
+        return options;
+    }catch(error){
+        console.error("xxxxx",error)
+        return []
+    }
+}
+
+export const simpleArrayToObject=(list:any[]):ListOptionType[]=>{
+    let options :ListOptionType[] = []
+    for (let i =0; i< list.length; i++){
+        const value:string = list[i].toString()
+        let item :any={value:value,label:value}         
+        options.push(item)
+    }
+    return options
+}
+
+export const camelCaseToWords = (s: string) =>{
+    const result = s.replace(/([A-Z])/g, ' $1');
+    return result.charAt(0).toUpperCase() + result.slice(1);
+  }
+  

package/templates/nuxt/components/type.ts.eta

@@ -0,0 +1,32 @@
+import { SimpleAppClient } from './SimpleAppClient';
+import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
+export type ListOptionType = {
+    value?: string
+    label?: string
+}
+export enum InputTableColumnType  {
+    'field'='field',
+    'button'='button',
+    'checkbox'='checkbox',
+    'renderer'='renderer'
+}
+export type InputTableColumn={
+    type:InputTableColumnType,
+    title?:string
+    field?:string
+    renderer?:Function
+    style?:string
+    readonly?:boolean
+}
+export type SimpleAppFieldSetting= {
+    path: string,
+    instancepath: string,
+    fieldsetting:JSONSchema7
+    document:SimpleAppClient<any,any>
+    modelObject: any,
+    modelField: string,
+    isrequired: boolean,
+    readonly?:boolean
+    // errors: props.document.getErrors()
+}
+// x.fieldsetting.pro

package/templates/nuxt/composables/docformat.generate.ts.eta

@@ -0,0 +1,5 @@
+export const getDocFormats = async (doctype:string)=>{    
+    const docno = useNuxtApp().$DocnoformatDoc();
+    const docnoformats = await docno.listDocFormats(doctype)
+    return docnoformats
+}

package/templates/nuxt/{composables.getautocomplete.ts.eta → composables/getAutocomplete.generate.ts.eta}

@@ -5,9 +5,9 @@
  * author: Ks Tan
  */
  
-import * as o from "../simpleapp/openapi";
+import * as o from "../simpleapp/generate/openapi";
 import axios from 'axios'
-const getAutoComplete = (apiname: string): any => {
+export const getAutocomplete = (apiname: string): any => {
   //const { csrf } = useCsrf()    
   //axios.defaults.headers.common = {"CSRF-TOKEN": csrf};
   const route = useRoute();
@@ -17,8 +17,8 @@ const getAutoComplete = (apiname: string): any => {
     isJsonMime: () => true,
   };
   const docsOpenapi: any = {
-            <% for(let i=0;i<it.length; i++){ %>
-                '<%=it[i].docname.toLowerCase()%>': new o.<%=it[i].doctype.toUpperCase()%>Api(config),                
+            <% for(let i=0;i<it.modules.length; i++){ %>
+                '<%=it.modules[i].docname.toLowerCase()%>': new o.<%=it.modules[i].doctype.toUpperCase()%>Api(config),                
               <%}%>
           };
   if (!docsOpenapi[apiname]) {
@@ -30,4 +30,3 @@ const getAutoComplete = (apiname: string): any => {
     return docsOpenapi[apiname];
   }
 };
-export default getAutoComplete;

package/templates/nuxt/{composables.getmenus.ts.eta → composables/getMenus.generate.ts.eta}

@@ -4,7 +4,11 @@
  * last change 2023-09-10
  * author: Ks Tan
  */
-
+import _ from 'lodash'
+import {alldocuments} from '../simpleapp/generate/commons/documents'
+export const getDocTypes = ()=>{
+  return alldocuments.filter(item=>item.page!='')
+}
 export const getMenus =()=>{
     const logout = async () => {
         const { signOut } = useAuth();
@@ -13,18 +17,29 @@ export const getMenus =()=>{
         signOut({ redirect: false });
         window.location.href = data?.value?.path + addPath;
     };
+  const {$userstore}=useNuxtApp()
   const route = useRoute();
   const xorg = route.params.xorg
   let data =[];
+  //sss
+  let allmenus:string[] = alldocuments.filter(item=>item.page!='').map(item=>item.docName)
+
+ const roles = $userstore.getUserInfo().roles
+  let allowmenus=[]
+  for(let i=0; i< allmenus.length;i++){
+    const keyword = allmenus[i]
+    // if(m.label)
+   
+    if($userstore.haveAccess(keyword)){
+      const m = {label: keyword, to:`/${xorg}/${keyword}`}
+      allowmenus.push(m)
+    }     
+  }
+
   if(xorg){
     data =[
       {label: 'Home',icon: 'pi pi-fw pi-home', url:'/'},
-      {label: 'Cruds',icon: 'pi pi-fw pi-pencil',items:[
-               <% for(let i=0;i<it.length; i++){ %>
-                <% let obj = it[i]%>
-                {label: '<%=obj.docname.toLowerCase()%>', to:`/${xorg}/<%=obj.docname.toLowerCase()%>`},
-              <%}%>
-      ]},      
+      {label: 'Cruds',icon: 'pi pi-fw pi-pencil',items:allowmenus},      
       {label: 'Signout',icon: 'pi pi-fw pi-home', command: () => logout()},
     ]
   }else{

package/templates/nuxt/composables/getOpenApi.generate.ts.eta

@@ -0,0 +1,6 @@
+import * as o from "../simpleapp/generate/openapi";
+import axios from 'axios'
+
+export const getApi=()=>{
+    return o
+}

package/templates/nuxt/composables/getTenant.generate.ts.eta

@@ -0,0 +1,4 @@
+export const getTenant=()=>{
+    let xorg = typeof useRoute().params.xorg =='string'? useRoute().params.xorg : ''
+    return xorg
+}

package/templates/nuxt/composables/getUserStore.generate.ts.eta

@@ -0,0 +1,22 @@
+export const getUserStore = ()=>{
+    const {$userstore} = useNuxtApp()
+    return $userstore
+}
+export const reloadUserStore = async () =>{
+    const {$userstore} = useNuxtApp()
+    await $userstore.loadRemoteUserInfo()
+}
+
+export const getUserProfile =  () =>{
+    return getUserStore().getUserInfo()
+}
+
+/**
+ * verify current user can perform specific action base on backend RBAC
+ * @param resource:string upper case first letter document name
+ * @param action:string action name, can be create/update/delete...
+ * @return boolean
+ */
+export const canPerform = (resource:string,action:string):boolean =>{
+    return getUserStore().canPerform(resource,action)
+}

package/templates/nuxt/composables/logout.generate.ts.eta

@@ -0,0 +1,22 @@
+export const logout = async () => {
+    const { signOut } = useAuth();    
+    const { data } = await <any>useFetch('/api/auth/logout');    
+    const signoutres = await signOut({redirect:false});
+    console.log("signout data", signoutres)
+    // console.log(data.value)
+    if(data['value']&& data['value']['path']){
+        // const logoutkeycloak = await <any>useFetch(data.value.path); 
+        // console.log('logoutkeycloak',data['value']['path'])
+        if(data['value']['path']){
+            navigateTo(data.value.path, { external: true })
+        }
+        // 
+    }
+    
+    // console.log('logout data',data.value)
+    
+    
+    // const addPath = encodeURIComponent("/login");
+    //
+  
+};

package/templates/nuxt/composables/roles.generate.ts.eta

@@ -0,0 +1,48 @@
+import _ from 'lodash'
+
+type roletype = {resource:string, action:string}
+type grouptype = {[key:string]:roletype[]}            
+
+const allroles:roletype[] = [
+<% for(let i=0;i<it.modules.length; i++){ %>
+        <% const m = it.modules[i] %>
+        {resource: '<%=m.docname%>', action:'create'},
+        {resource: '<%=m.docname%>', action:'update'},
+        {resource: '<%=m.docname%>', action:'delete'},
+        {resource: '<%=m.docname%>', action:'search'},
+       
+
+        <% if(m.api && m.api.length >0) {%>
+
+            <% for(let j=0;j<m.api.length; j++){ %>
+                <%let api = m.api[j]%>
+        {resource: '<%=m.docname%>', action:'<%=api.action%>'},
+        
+        
+            <%}%>
+        <%}%>
+    <%}%>
+]
+
+export const allgroups:grouptype = {
+<% Object.getOwnPropertyNames(it.allroles).forEach((key)=>{ %>
+<%=key%>:[
+    <%for(let i=0; i <it.allroles[key].length; i++){%>
+    <% const arr = it.allroles[key][i].split('_') %>
+    {resource:'<%=arr[0]%>',action:'<%=arr[1]%>'},
+    <%}%>
+],
+<%})%>
+}
+export const getAllRoles = () => allroles
+export const getUniqueResource = () => _.uniqBy(allroles,'resource').map((item,index)=>item.resource)
+export const getActionFromResource = (resource:string)=>_.filter(allroles,{resource:resource})
+                    .map((item,index)=>item.action)
+export const getAllGroups = () =>Object.getOwnPropertyNames(allgroups)
+export const getGroupRoles = (groupname:string) => allgroups[groupname]
+export const getGroupResourcePermission= (groupname:string,targetresource:string) => 
+            allgroups[groupname].filter((r)=>r.resource==targetresource)
+export const canPerformAction =(groupname:string,resource:string,actionname:string)=>{
+    const grouppermissions = getGroupResourcePermission(groupname,resource)    
+    return grouppermissions.map((r)=>r.action).includes(actionname)    
+}

package/templates/nuxt/composables/stringHelper.generate.ts.eta

@@ -0,0 +1,5 @@
+export const camelCaseToWords = (s: string) =>{
+    const result = s.replace(/([A-Z])/g, ' $1');
+    return result.charAt(0).toUpperCase() + result.slice(1);
+  }
+  

package/templates/nuxt/{layouts.default.vue.eta → layouts/default.vue.eta}

@@ -8,10 +8,12 @@
  
 
 import Menus from '~/components/Menus.vue'
+
 </script>
 <template>
     <div>
         <Menus />
+        <Invitation/>
         <slot></slot>
     </div>
 </template>

package/templates/nuxt/middleware/10.acl.global.ts.eta

@@ -0,0 +1,38 @@
+import { getUserProfile } from './../composables/getUserStore.generate';
+export default defineNuxtRouteMiddleware((to, from) => {  
+  
+  const userprofile = getUserProfile()
+  
+  if(to.fullPath=='/login'){        
+    return true
+  }// no permission control needed yet    
+    else if(!to.params['xorg']){
+      
+      return true  //no permission needed
+    }else{
+      
+      const resourcename = to.fullPath.split('/')[2]
+      
+      if(resourcename===undefined){//home page
+        
+        // return true  //no permission needed
+        if(userprofile.group==''){
+          console.error("no access right to current xorg")
+          return navigateTo('/')
+        }else{
+          return true
+        }
+        
+      }else{        
+        const {$userstore} = useNuxtApp()  
+        if($userstore.haveAccess(resourcename)){                    
+          return true
+        }else{
+          console.error("access deny, redirect to '/'")
+          return navigateTo('/')
+          // abortNavigation()
+        }
+      }    
+    }
+  
+  })

package/templates/nuxt/nuxt.config.ts.eta

@@ -4,6 +4,7 @@ export default defineNuxtConfig({
     public:{
       SIMPLEAPP_BACKEND_URL: process.env.SIMPLEAPP_BACKEND_URL,
       APP_URL: process.env.APP_URL,
+      API_URL: process.env.API_URL,
       DEBUGDATA: process.env.DEBUGDATA,      
     }
   },
@@ -22,15 +23,24 @@ tailwindcss: {
     '@sidebase/nuxt-auth',
     "nuxt-security",    
     '@vueuse/nuxt',
-    '@nuxt/ui'
+    '@nuxt/ui',
+    '@nuxtjs/tailwindcss',
+    '@pinia/nuxt'
   ],  
+  pinia: {
+    autoImports: [
+      // automatically imports `defineStore`
+      'defineStore', // import { defineStore } from 'pinia'
+      ['defineStore', 'definePiniaStore'], // import { defineStore as definePiniaStore } from 'pinia'
+    ],
+  },
   auth: {
     globalAppMiddleware: true
   },
   security: {
     //csrf: true,   // been force to off csrf cash it crash with nuxt-auth
   },
-  ssr: true,
+  ssr: false,
   
   css: [
     "primevue/resources/themes/lara-light-blue/theme.css",

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

@@ -0,0 +1,102 @@
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp everytime regenerate code.
+ * delete file "delete-me-for-avoid-override" if you want to modify this file and
+ * prevent regenerate code override it.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+
+import {
+  InputTableColumnType,
+  InputTableColumn,
+} from "@simitgroup/simpleapp-vue-component/src/type";
+import Column from "primevue/column";
+const { $BranchDoc } = useNuxtApp();
+const doc = $BranchDoc();
+const data = doc.getReactiveData();
+const columns = [
+  /* skip system columns branchId*/
+  "branchCode",
+  "branchName",
+  "description" /* skip system columns _id*/,
+  /* skip system columns doctype*/
+  /* skip system columns created*/
+  /* skip system columns updated*/
+  /* skip system columns createdby*/
+  /* skip system columns updatedby*/
+  /* skip system columns tenantId*/
+  /* skip system columns orgId*/
+];
+//prepare subtable if exists
+/*
+          
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+        */
+//end
+</script>
+<template>
+  <div>
+    <CrudSimple
+      :document="doc"
+      title="Branch"
+      #default="o"
+      :path="`/${useRoute().params.xorg}/branch`"
+      :listColumns="columns"
+    >
+      <SimpleAppAutocomplete
+        :setting="o.getField('#/properties/organization')"
+        v-model="data.organization"
+        optionLabel="label"
+        :remote-src="getAutocomplete('organization')"
+      />
+
+      <SimpleAppText
+        autofocus
+        :setting="o.getField('#/properties/branchCode')"
+        v-model="data.branchCode"
+      />
+
+      <SimpleAppText
+        autofocus
+        :setting="o.getField('#/properties/branchName')"
+        v-model="data.branchName"
+      />
+
+      <SimpleAppCheckbox
+        autofocus
+        :setting="o.getField('#/properties/active')"
+        v-model="data.active"
+      />
+
+      <SimpleAppText
+        autofocus
+        :setting="o.getField('#/properties/description')"
+        v-model="data.description"
+      />
+      <SimpleAppNumber
+        :readonly="true"
+        :setting="o.getField('#/properties/orgId')"
+        v-model="data.orgId"
+      />
+      <SimpleAppNumber
+        :readonly="true"
+        :setting="o.getField('#/properties/branchId')"
+        v-model="data.branchId"
+      />
+      
+    </CrudSimple>
+  </div>
+</template>

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

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp everytime regenerate code.
+ * delete file "delete-me-for-avoid-override" if you want to modify this file and
+ * prevent regenerate code override it.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+import Index from "./index.vue";
+definePageMeta({
+  layout: 'sidelistcrud',
+});
+
+</script>
+<template>
+  <Index />
+</template>