@simitgroup/simpleapp-generator 1.0.64 → 1.1.1

package/dist/buildinschemas/user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/buildinschemas/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,SAAS,CAAA;AAE5D,eAAO,MAAM,IAAI,EAAC,UA6BjB,CAAA"}
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../src/buildinschemas/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,SAAS,CAAA;AAE5D,eAAO,MAAM,IAAI,EAAC,UA4BjB,CAAA"}

package/dist/buildinschemas/user.js

@@ -10,7 +10,6 @@ exports.user = {
         pageType: 'crud',
         isolationType: type_1.IsolationType.tenant,
         uniqueKey: 'email',
-        uniqueKeys: [['tenantId', 'uid']],
         documentTitle: 'fullname',
         requiredRoles: ["SuperUser"],
         additionalAutoCompleteFields: ['uid']

package/dist/buildinschemas/user.js.map

@@ -1 +1 @@
-{"version":3,"file":"user.js","sourceRoot":"","sources":["../../src/buildinschemas/user.ts"],"names":[],"mappings":";;;AAAA,kCAA4D;AAE/C,QAAA,IAAI,GAAa;IAC1B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAC;QACjB,YAAY,EAAC,MAAM;QACnB,YAAY,EAAC,MAAM;QACnB,QAAQ,EAAC,MAAM;QACf,aAAa,EAAC,oBAAa,CAAC,MAAM;QAClC,SAAS,EAAC,OAAO;QACjB,UAAU,EAAC,CAAC,CAAC,UAAU,EAAC,KAAK,CAAC,CAAC;QAC/B,aAAa,EAAC,UAAU;QACxB,aAAa,EAAC,CAAC,WAAW,CAAC;QAC3B,4BAA4B,EAAC,CAAC,KAAK,CAAC;KACvC;IACD,UAAU,EAAE;QACR,GAAG,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACnB,OAAO,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACvB,OAAO,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACvB,SAAS,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACzB,SAAS,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACzB,QAAQ,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC/C,KAAK,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC5C,QAAQ,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC/C,GAAG,EAAE,EAAC,IAAI,EAAE,QAAQ,GAAE;QACtB,QAAQ,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC;QACtC,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,SAAS,EAAC,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC;QACpD,MAAM,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC;QACtC,WAAW,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAC;QAC5B,YAAY,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,WAAW,EAAC,+BAA+B,EAAC;KAC3E;CACN,CAAA"}
+{"version":3,"file":"user.js","sourceRoot":"","sources":["../../src/buildinschemas/user.ts"],"names":[],"mappings":";;;AAAA,kCAA4D;AAE/C,QAAA,IAAI,GAAa;IAC1B,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAC;QACjB,YAAY,EAAC,MAAM;QACnB,YAAY,EAAC,MAAM;QACnB,QAAQ,EAAC,MAAM;QACf,aAAa,EAAC,oBAAa,CAAC,MAAM;QAClC,SAAS,EAAC,OAAO;QACjB,aAAa,EAAC,UAAU;QACxB,aAAa,EAAC,CAAC,WAAW,CAAC;QAC3B,4BAA4B,EAAC,CAAC,KAAK,CAAC;KACvC;IACD,UAAU,EAAE;QACR,GAAG,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACnB,OAAO,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACvB,OAAO,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACvB,SAAS,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACzB,SAAS,EAAC,EAAC,IAAI,EAAC,QAAQ,EAAC;QACzB,QAAQ,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC/C,KAAK,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC5C,QAAQ,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE;QAC/C,GAAG,EAAE,EAAC,IAAI,EAAE,QAAQ,GAAE;QACtB,QAAQ,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC;QACtC,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,SAAS,EAAC,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC;QACpD,MAAM,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,OAAO,EAAC,IAAI,EAAC;QACtC,WAAW,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAC;QAC5B,YAAY,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,WAAW,EAAC,+BAA+B,EAAC;KAC3E;CACN,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simitgroup/simpleapp-generator",
-  "version": "1.0.64",
+  "version": "1.1.1",
   "description": "frontend nuxtjs and backend nests code generator using jsonschema",
   "main": "dist/index.js",
   "scripts": {

package/src/buildinschemas/user.ts

@@ -7,8 +7,7 @@ export const user:SchemaType ={
         documentName:'user',
         pageType:'crud',
         isolationType:IsolationType.tenant,
-        uniqueKey:'email',
-        uniqueKeys:[['tenantId','uid']],
+        uniqueKey:'email',        
         documentTitle:'fullname',
         requiredRoles:["SuperUser"],    
         additionalAutoCompleteFields:['uid']      

package/templates/basic/nuxt/pages.landing.vue.eta

@@ -61,7 +61,7 @@ onNuxtReady(()=>{
 </script>
 <template>
    <div>
-    <Button class="bg-primary-600 hover:bg-primary-400 text-white"  v-if="canPerform(String(useRoute().meta.name),'create')" @click="newData">New</Button>    
+    <Button class="btn btn-primary"  v-if="canPerform(String(useRoute().meta.name),'create')" @click="newData">New</Button>    
     <Dialog v-model:visible="visible"
                 :pt="{ root: { class: 'w-full h-full bg-white' } , headertitle:{class:'m-2 ml-6 text-2xl font-bold'}}"
                 modal :header="t(doc.getDocName())" 

package/templates/basic/nuxt/pages.new.vue.eta

@@ -1,4 +1,9 @@
-<% const skipcolumns = ['_id','createdBy','created','updatedBy','updated','orgId','branchId','tenantId','doctype'] %>  
+<% const skipcolumns = ['_id','createdBy','created','updatedBy','updated','orgId','branchId','tenantId','doctype','docNoFormat'] %>  
+<% const getBasicElement = ( inputtype, pathStr, modelValue,subtype=undefined,hidelabel=false,instancepath='') => 
+      `<SimpleAppInput :input-type="SimpleAppInputType.${inputtype}"  :setting="o.getField('${pathStr}')" v-model="${modelValue}"`+ 
+        (subtype? `type="${subtype}"`:'') +' ' + 
+        (hidelabel? ':hidelabel="true"':'') +
+        (instancepath ?  `:instancepath="\`${instancepath}\`"` : '') + '/>' %>
 <script setup lang="ts">
 /**
  * This file was automatically generated by simpleapp everytime regenerate code.
@@ -7,6 +12,7 @@
  * last change 2023-09-09
  * author: Ks Tan
  */
+ import {SimpleAppInputType} from "~/types"
  import ConfirmPopup from 'primevue/confirmpopup';
  import { useConfirm } from "primevue/useconfirm";
  const confirm = useConfirm();
@@ -15,11 +21,11 @@
   const doc = $<%= it.typename %>Doc()
   const data = doc.getReactiveData();
 
-const fetchRecord = async (id:string) =>{
-  await doc.getById(id)
+const fetchRecord = async (recordid:string) =>{
+  await doc.getById(recordid)
 }
 
-const id = String(useRoute().params.id);
+const id = computed(()=>String(useRoute().params.id??''))
   
 
 const disabled = computed(()=>{
@@ -74,70 +80,73 @@ const refresh = ()=>{
   $event('RefreshDocumentList',{documentName:doc.getDocName()})
 }
 
-if(id){
-    fetchRecord(id);
-}
 
+if (id.value) {
+  fetchRecord(id.value);
+}else{
+  isReadOnly.value=false
+}
 </script>
 <template>    
     <SimpleAppForm #default="o" :document="doc" :readonly="isReadOnly">
         <div v-if="isReadOnly" class="w-full">
             <Button
-                class="bg-primary-600 hover:bg-primary-400" @click="isReadOnly=false"
+                class="btn btn-primary" @click="isReadOnly=false"
                 type="button" >Edit</Button>
+            <Button class="" :disabled="disabled" @click="newData" type="button" v-if="canPerform(doc.getDocName(),'create')">New</Button>
         </div>
         <div v-else class="simpleapp-tool-bar   col-span-4 text-left gap-4"  >
               <Button class="" :disabled="disabled" @click="newData" type="button" v-if="canPerform(doc.getDocName(),'create')">New</Button>
-              <Button class="bg-primary-600 hover:bg-primary-400 text-white" :disabled="disabled" @click="createData" type="button" v-if="canPerform(doc.getDocName(),'create') && doc.isNew()">Create</Button>
-              <Button class="bg-primary-600 hover:bg-primary-400 text-white" :disabled="disabled" @click="updateData" type="button" v-if="canPerform(doc.getDocName(),'update') && !doc.isNew()">Update</Button>
-              <Button class="bg-danger-600 hover:bg-danger-400 text-white" :disabled="disabled" @click="deleteData($event)" type="button" v-if="canPerform(doc.getDocName(),'delete') && !doc.isNew()">Delete</Button>
+              <Button class="btn btn-primary" :disabled="disabled" @click="createData" type="button" v-if="canPerform(doc.getDocName(),'create') && doc.isNew()">Create</Button>
+              <Button class="btn btn-primary" :disabled="disabled" @click="updateData" type="button" v-if="canPerform(doc.getDocName(),'update') && !doc.isNew()">Update</Button>
+              <Button class="btn btn-danger" :disabled="disabled" @click="deleteData($event)" type="button" v-if="canPerform(doc.getDocName(),'delete') && !doc.isNew()">Delete</Button>
 
               
               <ProgressSpinner v-if="disabled==true" style="width: 2rem; height: 2rem" ></ProgressSpinner>
               <ConfirmPopup></ConfirmPopup>              
             </div>
         <div class="grid grid-cols-4 gap-4">
+    <% let isautofocus='' %>
      <%Object.keys(it.jsonschema.properties).forEach(function(key) { %>
       
         <% let obj=it.jsonschema.properties[key] %>
         <% if(skipcolumns.indexOf(key)>=0){ %>
         <% } else if(obj.type=='boolean'){ %>
-            <SimpleAppCheckbox  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>
+            <%~ getBasicElement('checkbox',`#/properties/${key}`,`data.${key}`) %>
         <% } else if(obj.type=='number' || obj.type=='integer'){ %>
-            <SimpleAppNumber  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+            <%~ getBasicElement('number',`#/properties/${key}`,`data.${key}`) %>            
         <% } else if(obj.type=='array'  && obj.items && obj.items.type =='string' ){ %>              
-            <SimpleAppChip   autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>
+            <%~ getBasicElement('chip',`#/properties/${key}`,`data.${key}`) %>            
         <% } else if(obj.type=='object'  && typeof obj['x-foreignkey']!='undefined'){ %>              
-            <SimpleAppAutocomplete :setting="o.getField('#/properties/<%= key %>')"
-                    v-model="data.<%= key %>" optionLabel="label" :remote-src="getAutocomplete('<%=obj['x-foreignkey']%>')"/>
+            <%~ getBasicElement('autocomplete',`#/properties/${key}`,`data.${key}`) %>            
         <% } else if(obj.type=='string'){ %>                 
                 <% if(obj.format=='documentno'){ %>
-                        <SimpleAppDocumentNo autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>" v-model:docNoFormat="data.docNoFormat" />   
+                    <%~ getBasicElement('documentno',`#/properties/${key}`,`data.${key}`) %>                                    
                 <% }else if(obj.format=='date'){ %>
-                    <SimpleAppText type="<%=obj.format%>"  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                    <%~ getBasicElement('date',`#/properties/${key}`,`data.${key}`) %>            
                 <% } else if(obj.format=='text'){ %>
-                    <SimpleAppTextarea :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                    <%~ getBasicElement('textarea',`#/properties/${key}`,`data.${key}`) %>            
                 <% } else if(obj.format=='html'){ %>
-                    <SimpleAppEditor editorStyle="height: 320px" :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                    <%~ getBasicElement('textarea',`#/properties/${key}`,`data.${key}`) %>            
                 <% } else if(obj.format=='email'){ %>
-                    <SimpleAppText  autofocus type="<%=obj.type%>" :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                    <%~ getBasicElement('text',`#/properties/${key}`,`data.${key}`,'email') %>            
                 <% } else if(obj.enum){ %>
-                    <SimpleAppSelect  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>
+                    <%~ getBasicElement('select',`#/properties/${key}`,`data.${key}`) %>            
                 <% } else if(obj['anyOf']){ %>
                     <% for(let f = 0; f < obj['anyOf'].length; f++){ %>
                         <%if(obj['anyOf'][f]['format']){ %>
-                            <SimpleAppText type='<%=obj['anyOf'][f]['format']%>'  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                            <%~ getBasicElement('text',`#/properties/${key}`,`data.${key}`,obj['anyOf'][f]['format']) %>            
                         <%}%>
                     <%}%>
                 <% } else if(obj['oneOf']){ %>
                     <% for(let f = 0; f < obj['oneOf'].length; f++){ %>
                         <%if(obj['oneOf'][f]['format']){ %>
-                            <SimpleAppText type='<%=obj['oneOf'][f]['format']%>'  autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                            <%~ getBasicElement('text',`#/properties/${key}`,`data.${key}`,obj['oneOf'][f]['format']) %>            
                         <%}%>
                     <%}%>
 
                 <% } else {%>
-                        <SimpleAppText   autofocus :setting="o.getField('#/properties/<%= key %>')" v-model="data.<%= key %>"/>  
+                        <%~ getBasicElement('text',`#/properties/${key}`,`data.${key}`) %>            
                 <% }%>  
         <% } else if(obj.type=='object' && obj.properties){ %>                  
             <SimpleAppValue :setting="o.getField('#/properties/<%= key %>')">
@@ -148,14 +157,13 @@ if(id){
                 <% let instancePath=`#/${key}/${skey}` %>
 
                 <% if(sobj.type=='boolean'){ %>
-                    <SimpleAppCheckbox  autofocus :setting="<%~fieldpath%>" instancePath="<%=instancePath%>" v-model="<%= vmodel %>"/>
+                    <%~ getBasicElement('checkbox',fieldpath,vmodel) %>
                 <% } else if(sobj.type=='number' || sobj.type=='integer'){ %>
-                    <SimpleAppNumber  autofocus :setting="<%~fieldpath%>" instancePath="<%=instancePath%>" v-model="<%= vmodel %>"/>  
-                <% } else if(sobj.type=='array'  && sobj.items && sobj.items.type =='string' ){ %>              
-                    <SimpleAppChip   autofocus :setting="<%~fieldpath%>" instancePath="<%=instancePath%>" v-model="<%= vmodel %>"/>
+                    <%~ getBasicElement('number',fieldpath,vmodel) %>
+                <% } else if(sobj.type=='array'  && sobj.items && sobj.items.type =='string' ){ %>                                  
+                    <%~ getBasicElement('chip',fieldpath,vmodel) %>
                 <% } else if(sobj.type=='object'  && typeof sobj['x-foreignkey']!='undefined'){ %>              
-                    <SimpleAppAutocomplete  autofocus :setting="<%~fieldpath%>" instancePath="<%=instancePath%>"
-                            v-model="<%= vmodel %>" optionLabel="label" :remote-src="getAutocomplete('<%=sobj['x-foreignkey']%>')"/>
+                    <%~ getBasicElement('chip',fieldpath,vmodel) %>
                 <% } else if(sobj.type=='string'){ %>            
                          <% if(sobj.format=='date'){ %>
                             <SimpleAppText type="<%=sobj.format%>" instancePath="<%=instancePath%>" autofocus :setting="<%~fieldpath%>" v-model="<%= vmodel %>"/>  
@@ -174,58 +182,34 @@ if(id){
             <%})%>   
             </SimpleAppValue>            
         <% } else if(obj.type=='array' && obj.items.type=='object'){%>
-            <SimpleAppInputTable :getAutocomplete="getAutocomplete" :getField="o.getField" class="col-span-4"
+            <SimpleAppInputTable  :getField="o.getField" class="col-span-4"
                 :setting="o.getField('#/properties/<%=key%>')" v-model="data.<%=key%>">
                     <%let tablefields = Object.keys(obj.items.properties) %>
                     <% for(let a=0;a<tablefields.length;a++){%>
                         <%let col= tablefields[a] %>
                         <% if(skipcolumns.includes(col)){ continue}%> 
                         <%let subobj = obj.items.properties[col] %>
-                        <column field="<%=col%>" #body="{index}" :header="camelCaseToWords('<%=col%>')">                            
+                        <Column field="<%=col%>" #body="{index}" :header="camelCaseToWords('<%=col%>')">                            
                             <%if(subobj['x-foreignkey']){%>
-                                <SimpleAppAutocomplete v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :remoteSrc="getAutocomplete('<%=subobj[`x-foreignkey`]%>')"
-                                    optionLabel="label"
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('autocomplete',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                
                             <% } else if(subobj.type=='boolean'){%>
-                                <SimpleAppCheckbox v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('checkbox',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                
                             <% } else if(subobj.type=='number' || subobj.type=='integer'){%>
-                                <SimpleAppNumber v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('number',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                
                             <%} else if(subobj.type=='string' && subobj.format){%>
-                                <SimpleAppText v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    text="subobj.format"
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
-                            <%} else if(subobj.type=='string' && subobj['enum']){%>        
-                                <SimpleAppSelect v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('number',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,subobj.format,true,`/${key}/\${index}/${col}`) %>                                
+                            <%} else if(subobj.type=='string' && subobj['enum']){%>  
+                                <%~ getBasicElement('select',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                      
                              <%} else if(subobj.type=='string' ){%>        
-                                <SimpleAppText v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('text',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                                                      
                             <%} else if(subobj.type=='number'){%>
-                                <SimpleAppDynamicInput v-model="data.<%=key%>[index].<%=col%>" 
-                                    :setting="o.getField('#/properties/<%=key%>/items/properties/<%=col%>')" 
-                                    :hidelabel="true"
-                                    :instancePath="`/<%=key%>/${index}/<%=col%>`"/>
+                                <%~ getBasicElement('number',`#/properties/${key}/items/properties/${col}`,`data.${key}[index].${col}`,undefined,true,`/${key}/\${index}/${col}`) %>                                                                      
                             <%}%>
-                        </column>                        
+                        </Column>                        
                     <%}%>
-                    <column #body="{index}" header="Delete">
+                    <Column #body="{index}" header="Delete">
                             <Button class="btn-danger" type="button" @click="data.<%=key%>.splice(index,1)">X</Button>
-                        </column>
+                        </Column>
             </SimpleAppInputTable>
         <% } else{%>
             <!-- Can auto generate <%=obj.key %> -->  

package/templates/nest/src/simpleapp/generate/processors/simpleapp.processor.ts.eta

@@ -166,7 +166,6 @@ export class SimpleAppService<T extends { _id?: string }> {
 
       Object.assign(filterobj, this.getIsolationFilter(appuser));
       let projections = {
-        id: `\$_id`,
         label: `\$${this.documentIdentityLabel}`,
         code: `\$${this.documentIdentityCode}`,
       };

package/templates/nuxt/assets/css/style.css._eta

@@ -2,6 +2,34 @@
     @apply  bg-primary-100 block
 }
 
-[readonly]{
+
+[data-pc-group-section=pagebutton]{
+    @apply p-2 m-0 rounded-none border
+}
+[data-pc-section=pagebutton]{
+    @apply p-3 m-0 border
+}
+.btn {
+    @apply font-medium
+}
+
+.btn-primary {
+    @apply bg-primary-600 hover:bg-primary-400 text-white
+}
+.btn-secondary {
+    @apply bg-secondary-600 hover:bg-secondary-400 text-white
+}
+.btn-danger {
+    @apply bg-danger-600 hover:bg-danger-400 text-white
+}
+.btn-warn {
+    @apply bg-warning-600 hover:bg-warning-400 text-white
+}
+
+[disabled] ,[readonly]{
     @apply bg-gray-300
+}
+
+[aria-selected=true]{
+    @apply bg-primary-100
 }

package/templates/nuxt/assets/primevue/passthrough.ts._eta

@@ -5,7 +5,7 @@ import Tailwind from "primevue/passthrough/tailwind";
 const CustomTailwind = usePassThrough(
     Tailwind,
     {
-        
+
         toast:{
             root:{ class:'w-1/3 '},
             message:{},
@@ -24,7 +24,13 @@ const CustomTailwind = usePassThrough(
         },
         button:{root:{class: 'focus:outline-none transition duration-150 ease-in-out rounded px-8 py-2 m-1 border'}},
         dialog:{root:{class:['border p-2']}},        
-        // column:{ root:{class:'p-0'},bodyCell:{class:'p-0'}},
+        autocomplete:{
+            input:{class:'m-0 font-sans text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40  rounded-lg  rounded-tr-none rounded-br-none transition-colors duration-200 appearance-none hover:border-blue-500 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)] p-3 text-base flex-1'},
+            loadingIcon:{class:'animate-spin mt-4 -ml-6 mr-2'},
+            dropdownbutton: {
+                root:' bg-primary-600 hover:bg-primary-400 text-white rounded flex flex-row  p-3  -ml-6 rounded-tl-none rounded-bl-none '
+            }
+        },
         sidebar:{
             root:{class:'w-1/2 bg-white border p-2 h-full'}
         },

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

@@ -8,6 +8,7 @@
 // import Panel from 'primevue/panel';
 // import ScrollPanel from 'primevue/scrollpanel';
 import Dialog from 'primevue/dialog';
+import Sidebar from 'primevue/sidebar';
 
 import {ref} from 'vue'
 const modelValue = defineModel()
@@ -15,13 +16,16 @@ const isdebug = ref(useRuntimeConfig().public.DEBUGDATA)
 const visible = ref(false)
 const props = defineProps<{label?:string}>()
 const label = ref(props.label??'Debug')
+const op = ref();
+
 </script>
 <template>
     <div class="floatright" v-if="isdebug=='1'">
-        <Button @click="visible=true">{{ label }}</Button>
-        <Dialog v-model:visible="visible" modal header="Debug data" :style="{ width: '80vw' }">
-            <pre>{{ modelValue }}</pre>
-        </Dialog>                
+        <Button @click="visible=true" >{{ label }}</Button>      
+        <Sidebar v-model:visible="visible">
+            <pre class="pb-2">{{ modelValue }}</pre>
+        </Sidebar>
+
     </div>
         
 </template>

package/templates/nuxt/components/event/EventNotification.vue.eta

@@ -17,10 +17,10 @@ const toast = useToast();
 const { $event,$listen } = useNuxtApp()
 // WildcardHandler<Record<EventType, unknown>>
 let resmsg:ToastMessageOptions = {} as ToastMessageOptions
-
+const eventdata=ref()
 $listen("Notification",(data:Notification)=>{
     // $listen('*',(type:key of EventType,data:any)=>{ 
-    
+        eventdata.value= data
     const type:NotificationStatus = data.status
     // let arrupdate = type.split(':')
     // let eventdata = data
@@ -35,10 +35,10 @@ $listen("Notification",(data:Notification)=>{
         case NotificationStatus.success:
             duration = 3000
         break;
-        case NotificationStatus.danger:
+        case NotificationStatus.error:
             duration = 0
         break;
-        case NotificationStatus.warning:
+        case NotificationStatus.warn:
             duration = 5000
         break;
         case NotificationStatus.info:
@@ -95,6 +95,7 @@ const getFieldName = (path:string)=>{
 <template>
     <Toast group="default" :pt="{}">
         <template #message="p">
+            
             <div class="bg-gray-200 dark:bg-gray-900 h-full w-full border">                
                 <div class=" flex content content-end w-full">
                     <div role="alert" class="w-full bg-white dark:bg-gray-800 shadow-lg rounded flex flex-row  transition duration-150 ease-in-out" id="notification">
@@ -104,17 +105,20 @@ const getFieldName = (path:string)=>{
                             </svg>
                         </div>
                         <div class="flex flex-col justify-center  pl-4 xl:pl-1 w-96 pt-4 sm:pb-4 pb-2">
-                            <p class="text-lg text-gray-800 dark:text-gray-100 font-semibold pb-1">{{ p.message.summary }}</p>
-                            
+                            <p class="text-lg text-gray-800 dark:text-gray-100 font-semibold pb-1">{{ p.message.summary }}</p>              
                             <div v-if="p.message.detail">                            
-                                <p v-if="Array.isArray(p.message.detail)" 
-                                    v-for="item in p.message.detail"
+                                <p v-if="Array.isArray(p.message.detail)"  v-for="item in p.message.detail"
                                     class="text-sm text-gray-600 dark:text-gray-400 font-normal">
                                     <span v-if="item.instancePath">{{ item.instancePath }}&nbsp;</span>
                                     <span v-if="item.message"> {{ item.message }}&nbsp;</span>
                                     
                                 </p>
-                                <p v-else-if="typeof p.message.detail == 'string'" class="text-sm text-gray-600 dark:text-gray-400 font-normal">{{ p.message.detail }}</p>
+                                <p v-else-if="typeof p.message.detail == 'string'" class="text-sm text-gray-600 dark:text-gray-400 font-normal">
+                                    {{ p.message.detail }}
+                                </p>
+                                <p v-else-if="typeof p.message.detail == 'object'" class="text-sm text-gray-600 dark:text-gray-400 font-normal">
+                                    {{ p.message.detail.message }}
+                                </p>
                                 <p v-else></p>
                             </div>
                         </div>

package/templates/nuxt/components/simpleApp/SimpleAppDocumentNo.vue.eta

@@ -1,68 +1,56 @@
 
 <template>
-    <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description"  :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">
-        <div class="p-inputgroup ">
-            <InputText class="simpleapp-inputfield" 
-                :inputId="slotprops.uuid"
+    
+        <div class="p-inputgroup w-full flex flex-row">
+            <InputText class="flex-1 rounded-tr-none rounded-br-none" 
+                :readonly="readonly"
                 v-model="modelValue"    
                 :placeholder="placeholder"
-                :path="setting.instancepath"
-                :pt="{input:{class:'text-right w-full'}}"                          
             />
             <span class="p-inputgroup-addon p p-0">
-                <Button class="pi pi-angle-down"  type="button" @click="toggle"></Button>
-
-                <OverlayPanel ref="op">                    
-                    <ul>                      
-                        <li v-for="docno in docFormatlist" class="hover-list-primary " >
-                            <a class="flex-row p-2 mt-4" @click="chooseFormat(docno)">
-                                <span class="pi pi-hashtag mr-2"></span>
-                                <span class="">{{docno.docNoFormatName}}</span>
-                                <span class="ml-2 text text-green-600">{{docno.sample}}</span>
-                            </a>
-                        </li>                    
-                    </ul>
+                <button  type="button" @click="toggle" 
+                    :disabled="readonly"
+                    class="border rounded-tl-none rounded-bl-none btn btn-primary -ml-1 h-full  p-3 rounded-r-md">
+                    <i class="pi pi-angle-down"></i>
+                </button>
+                <OverlayPanel ref="op" class="p-4">           
+                    <div class="m-4">
+                        <ul>                      
+                            <li v-for="docno in docFormatlist" class="hover-list-primary p-2" >
+                                <a class="flex-row p-2 mt-4" @click="chooseFormat(docno)">
+                                    <span class="pi pi-hashtag mr-2"></span>
+                                    <span class="">{{docno.docNoFormatName}}</span>
+                                    <span class="ml-2 text text-green-600">{{docno.sample}}</span>
+                                </a>
+                            </li>                    
+                        </ul>
+                    </div>         
                 </OverlayPanel>
             </span>
             <!-- {{ Object.getOwnPropertyNames(setting) }} -->
         </div>
-    </FieldContainer>
+    
 </template>
 <script lang="ts" setup>
 import {ForeignKey} from '~/types'
 import OverlayPanel from 'primevue/overlaypanel';
-import {computed,watch,ref} from 'vue'
 import InputText from 'primevue/inputtext';
-import FieldContainer from './SimpleAppFieldContainer.vue'
 import {DocNoFormat} from "~/types"
-const selectedformat = ref()
+const props = defineProps<{
+    setting:any    
+    readonly?:boolean
+}>()
 const op = ref();
 const placeholder = ref('')
 const docFormatlist = ref()
 const modelValue = defineModel<string>()
-const docNoFormat = defineModel<ForeignKey>('docNoFormat')
-// const emit = defineEmits(['update:docNoFormat'])
+const docNoFormat = props.setting.document.getReactiveData().value.docNoFormat
+const emits = defineEmits(['update:docNoFormat'])
 
-const props = withDefaults(defineProps<{
-    // docNoFormat:object,
-    // docFormatlist?:DocNoFormat[]
-    label?:string,
-    description?:string,
-    setting:any
-    error?:string,
-    instancepath?:string,
-    hidelabel?:boolean, 
-    
-}>(),{
-    hidelabel:false
-})
 const documenttype = props.setting.document.doctype
 
-
 const toggle = async (event:any) => {
-    op.value.toggle(event);
-    
-        
+    op.value.toggle(event);            
 }
 
 const chooseFormat =  (item:any) =>{
@@ -70,6 +58,7 @@ const chooseFormat =  (item:any) =>{
     const f = item
     docNoFormat.value = { _id : f._id, label : f.docNoFormatName}
     op.value.toggle();
+    emits('update:docNoFormat',item)
 }
 
 const loadDocFormats = async () =>{
@@ -77,12 +66,10 @@ const loadDocFormats = async () =>{
     if(docFormatlist.value.length>0){
         const f = docFormatlist.value[0]
         docNoFormat.value = { _id : f._id, label : f.docNoFormatName}
-        placeholder.value = docFormatlist.value[0].sample
-        
+        placeholder.value = docFormatlist.value[0].sample        
     }
 }
 
-
 onMounted(()=>{
     loadDocFormats()
 

package/templates/nuxt/components/simpleApp/SimpleAppFieldContainer.vue.eta

@@ -1,26 +1,27 @@
 <template>
     <div v-if="schema" :class="fieldcontainerclass">          
         <div v-if="hidelabel"></div>
-        <label v-else-if="error" class="error-text" :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="input-error">*</span></label>        
-        <label v-else  :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="input-error">*</span></label>        
+        <label v-else-if="error" class="text-danger-600" :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="text-danger-600">*</span></label>        
+        <label v-else  :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="text-danger-600">*</span></label>        
         
-        
-        <div v-if="typeof modelValue =='object' && typeof modelValue['_id']!='undefined' && typeof modelValue['label']!='undefined' &&  readonly ==true " :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue['label'] }}</div>
-        <div v-else-if="readonly==true" :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue }}</div>
-        <slot v-else name="default" :uuid="uuid" :error="error"></slot>
+        <!-- <div :uuid="uuid" >{{ modelValue }}</div> -->
+        <!-- <div v-if="typeof modelValue =='object' && typeof modelValue['_id']!='undefined' && typeof modelValue['label']!='undefined' &&  readonly ==true " :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue['label'] }}</div> -->
+        <!-- <div v-else-if="readonly==true" :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue }}</div> -->
+        <!-- <slot v-else name="default" :uuid="uuid" :error="error"></slot> -->
+        <slot name="default" :uuid="uuid" :error="error"></slot>
 
-        <small v-if="error" class="error-text">{{ error }}</small>
+        <small v-if="error" class="text-danger-600">{{ error }}</small>
         <small v-else class="input-desc">{{ fielddesc }}</small>
     </div>
     <div v-else :class="defaultcssclass">
-        <label class="error-text ">wrong path in getField()</label>
-        <div class="error-text">{{ props.setting.path }}</div>
+        <label class="etext-danger-600">wrong path in getField()</label>
+        <div class="text-danger-600">{{ props.setting.path }}</div>
     </div>
 </template>
 <script setup lang="ts">
 import SimpleAppValue from './SimpleAppValue.vue'
-import {camelCaseToWords} from './helper'
-import {computed,setBlockTracking,watch} from 'vue'
+// import {camelCaseToWords} from './helper'
+// import {computed,setBlockTracking,watch} from 'vue'
 
 import {ref} from 'vue'
 const uuid =  crypto.randomUUID();