@simitgroup/simpleapp-generator 1.2.7 → 1.3.0-alpha

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

@@ -2,9 +2,9 @@
     <DataTable v-bind="$attrs" stripedRows resizableColumns
      class="simpleapp-datatable p-datatable-sm" :value="modelValue">
     <template #empty> <div class="text-center">No record found.</div> </template>
-    <template #header >
-        <div>        
-            <Button v-if="!setting.readonly"  icon="pi pi-plus" @click="addNew()" class="simpleapp-datatable-add btn-primary" type="button">Add</Button>
+    <template #header v-if="!setting.readonly  && !readonly">
+        <div  >        
+            <Button  icon="pi pi-plus" @click="addNew()" class="simpleapp-datatable-add btn-primary" type="button">Add</Button>
         </div>
     </template>
     <slot>
@@ -35,6 +35,7 @@ const props = defineProps<{
     // columns:InputTableColumn[],
     setting:any,
     getField:Function,    
+    readonly?:boolean
 }>()
 
 

package/templates/nuxt/components/table/TableDocuments.vue.eta

@@ -22,7 +22,7 @@
                     </div>
                     <div class="flex-1">
                         <slot name="title">
-                            <h1 class="text text-2xl pt-2 text-center">{{ t(title) }}</h1>
+                            <h1 class="text text-2xl pt-2 text-center dark:text-white">{{ t(title) }}</h1>
                         </slot>
                         
                     </div>                    
@@ -95,7 +95,7 @@
             </slot>
     </Datatable>
 </template>
-<script setup lang="ts">
+<script setup lang="ts" generic="T">
 import {CellSetting} from '~/types'
 import { FilterMatchMode } from 'primevue/api';
 import DataTable from 'primevue/datatable';
@@ -103,7 +103,7 @@ import Column from 'primevue/column';
 import renderComponent from '~/components/renderer'
 import { emit } from 'process';
 const props = defineProps<{
-    value:any[]
+    value:T[]
     columns: CellSetting[]    
     title:string    
     

package/templates/nuxt/components/text/TextDanger.vue._eta

@@ -0,0 +1,5 @@
+<template>
+  <div class="text-red-600 dark:text-red-500">
+    <slot name="default"></slot>
+  </div>
+</template>

package/templates/nuxt/components/text/TextSubtitle.vue._eta

@@ -0,0 +1,5 @@
+<template>
+  <div class="text-base text-gray-600 dark:text-gray-500">
+    <slot name="default"></slot>
+  </div>
+</template>

package/templates/nuxt/components/text/TextTitle.vue._eta

@@ -0,0 +1,5 @@
+<template>
+    <div class="text-xl  text-black dark:text-white content-center">
+        <slot name="default"></slot>
+    </div>
+</template>

package/templates/nuxt/components/user/UserProfileListItem.vue.eta

@@ -1,7 +1,7 @@
 <template>
 <!-- <ul role="list" class="divide-y divide-gray-100">
   <li v-for="person in people" :key="person.email" class="flex justify-between gap-x-6 py-5"> -->
-    <div class="flex justify-between gap-x-6 py-5 cursor-pointer">
+    <div class="flex justify-between gap-x-6 py-5 cursor-pointer" @click="emits('click',data)">
       <div class="flex min-w-0 gap-x-4">
         <img class="h-12 w-12 flex-none rounded-full bg-gray-50" :src="`${getAvatarLink(data.email,32)}`" alt="" />
         <div class="min-w-0 flex-auto">
@@ -38,7 +38,7 @@ import moment from 'moment'
 const props = defineProps<{
 data:any
 }>()
-
+const emits = defineEmits(['click'])
 
 
 const datedifferent = computed(()=>{  

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

@@ -0,0 +1,21 @@
+
+
+
+export const setDateLocale = (localename:string) =>  useDayjs().locale(localename)
+export const dateExists = (date:Date,listDate:Date[]) => {
+    const existsrecord = listDate.find(item=>{
+      return date.getTime()===item.getTime()
+    })
+    return existsrecord===undefined ? false :true
+  }
+export const getDayJs = ()=>useDayjs()
+export const lastDateOfMonth = (datestr:string) =>  useDayjs()(datestr).endOf('month').format('YYYY-MM-DD');
+export const today = () => useDayjs()().format('YYYY-MM-DD')
+export const dateToString = (date:Date) => useDayjs()(date).format('YYYY-MM-DD')
+export const dateToDateTimeString = (date:Date)=> useDayjs()(date).format('YYYY-MM-DD HH:mm:ss')
+export const toLocalDate = (date:string | Date)=> useDayjs()(date).format(getDateFormat())
+export const getDateFormat = ():string=> 'DD-MM-YYYY'
+export const getPrimevueCalendarDateFormat = () => {
+  const country = <string>getUserProfile()?.country
+  return 'dd/mm/yy'
+}

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

@@ -30,3 +30,4 @@ export const getPathPara = (paraname:string,emptyvalue:string=''):string=>{
    }
 }
 
+export const setCurrentUrl = (path:string)=>useRouter().push({path:path})

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

@@ -16,10 +16,5 @@ export const getAvatarLink = (email:string, size:number):string=>{
   
 }
 
-export const toLocalDate = (dateiso8601:string)=> new Date(String(dateiso8601)).toLocaleDateString()
 export const t = (txt:string,options?:any):string => !txt || txt.trim()=='' ? '' : useNuxtApp().$i18n.t(txt,options)
-export const today = () => moment().format('YYYY-MM-DD')
-export const dateToString = (date:Date) => moment(date).format('YYYY-MM-DD')
-export const getMoment = (startTime:string)=> moment(startTime)
-export const lastDateOfMonth = (datestr:string) => moment(datestr).endOf('month').format('YYYY-MM-DD');
 export const upperFirst = (str:string) => _.upperFirst(str)

package/templates/nuxt/error.vue._eta

@@ -1,10 +1,10 @@
 <template>
-  <div class="flex items-center justify-center py-12 bg bg-gray-500">
-            <div class="bg-white border rounded-md flex items-center justify-center mx-4 md:w-2/3">
+  <div class="w w-full items-center justify-center py-12 bg bg-gray-500">
+            <div class="bg-white dark:bg-gray-600 p-1 border rounded-md flex items-center justify-center mx-4 w-7/8 md:w-2/3">
                 <div class="flex flex-col items-center py-16">
                     
                     <div class="flex flex-row">
-                      <div class="w w-40">
+                      <div class="w w-full ">
                         <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-13.59 -13.59 480.17 480.17" xml:space="preserve" fill="#000000" stroke="#000000" stroke-width="0.00452986"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <g> <path style="fill:#010002;" d="M0,0v452.986h452.986V0H0z M403.223,24.655c8.132,0,14.668,6.558,14.668,14.625 c0,8.111-6.536,14.711-14.668,14.711c-8.089,0-14.668-6.601-14.668-14.711C388.576,31.234,395.134,24.655,403.223,24.655z M352.035,24.655c8.046,0,14.647,6.558,14.647,14.625c0,8.111-6.601,14.711-14.647,14.711c-8.132,0-14.668-6.601-14.668-14.711 C337.389,31.234,343.903,24.655,352.035,24.655z M417.955,418.624H35.053V85.701h382.903V418.624z"></path> <path style="fill:#010002;" d="M226.493,398.952c80.394,0,145.495-65.101,145.495-145.43s-65.101-145.495-145.495-145.495 c-80.373,0-145.516,65.165-145.516,145.495C80.977,333.873,146.12,398.952,226.493,398.952z M142.044,198.516l29.444-29.444 l55.005,55.027l54.984-55.027l29.379,29.444L255.894,253.5l54.984,54.941l-29.423,29.444l-54.962-54.962l-55.005,54.984 l-29.444-29.444l54.984-54.941L142.044,198.516z"></path> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </g> </g></svg>
                       </div>
                       <div>

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

@@ -1,5 +1,5 @@
 export default defineI18nConfig(() => ({
     legacy: false,
-    locale: 'df',
+    locale: 'en',
     
   }))

package/templates/nuxt/lang/en.ts.eta

@@ -0,0 +1,16 @@
+export default {
+    //auto generate from lang/default.ts
+    <%let langkeys = Object.keys(it.lang) %>
+    <% for(let l=0; l< langkeys.length; l++){ %>
+    <% let key = langkeys[l] %>
+        '<%=key%>' : '<%= it.lang[key] %>',
+    <%}%>    
+
+
+    //auto generate from schema
+    <% for(let i=0; i< it.allfields.length; i++){ %>
+    <% let f = it.allfields[i] %>
+        '<%= f %>' : '<%= camelCaseToWords(f) %>',
+    <%}%>    
+
+}

package/templates/nuxt/layouts/default.vue._eta

@@ -1,15 +1,22 @@
 <template>
-    <div class="h-full flex flex-row"  v-if="!isMobile()">
-        <div>
-            <HeaderButtonMenuPicker class="p-2  text-6xl cursor-pointer"></HeaderButtonMenuPicker>
-            <div class="" v-for="item in menus">
-                <div class="border">                    
-                    <NuxtLink 
-                        :class="`pi ${item.iconClass} p-2  text-6xl cursor-pointer`"
-                        :to="getDocumentUrl(item.path)"
-                        ></NuxtLink>
+    <div class="h-full flex flex-row">
+        <div class="flex flex-col h-screen ">        
+            <div class="flex-1">            
+                <div class="" v-for="item in menus">
+                        <div class="">                    
+                            <NuxtLink   v-if="item.path !==undefined"
+                                :class="`pi ${item.iconClass} p-2  text-6xl cursor-pointer`"
+                                :to="getDocumentUrl(item.path)"
+                                ></NuxtLink>
+                            <div v-else-if="item.command" :class="`pi ${item.iconClass} p-2  text-6xl cursor-pointer`" @click="item.command">
+                        </div>
+                    </div> 
                 </div>
-            </div>            
+            </div>                    
+            <div class="p-2 text-6xl cursor-pointer pi pi-user dark:text-white" @click="openProfile">
+                <HeaderButtonProfile v-model="showProfile"/>           
+            </div>
+            
         </div>        
         <div class="flex-1">
             <HeaderBar />
@@ -17,33 +24,26 @@
             <slot></slot>
         </div>                
     </div>
-    <div v-else class="mb-20">
-        <div v-if="getCurrentXorg()" class="border flex flex-row h-20 fixed left-0 w-full  justify justify-between bottom-0 z-50 bg-white dark:bg-gray-800" >
-                
-                <div v-for="item in menus">                    
-                    <NuxtLink 
-                        :class="`pi ${item.iconClass} p-2  text-6xl cursor-pointer`"
-                        :to="getDocumentUrl(item.path)"
-                        ></NuxtLink>
-                </div>
-                <HeaderButtonMenuPicker class="p-2  text-6xl cursor-pointer"></HeaderButtonMenuPicker>
-        </div> 
-        <div class="flex flex-col h-screen ">
-            
-                <HeaderBar />
-                <UserInvitation/>
-                <slot></slot>
-            
-        </div> 
+    <div >
+        <HeaderButtonMenuPicker v-model="showMenu"></HeaderButtonMenuPicker>
     </div>
+    
 </template>
 <script setup lang="ts">
-const menus=[
-    // {iconClass:'pi-bars',path:'managestudents/profile'},
-    {iconClass:'pi-home',path:''},
-    {iconClass:'pi-users',path:'managestudents/profile'},
-    {iconClass:'pi-calendar',path:`manageclasses`},
+const showMenu =ref(false)
+const showProfile =ref(false)
+
+const openMenu = ()=>showMenu.value=true
+const openProfile = ()=>showProfile.value=true
+
+const menus=[    
+    {iconClass:'pi-home dark:text-white',path:''},
+    //{iconClass:'pi-users dark:text-white',path:'managestudents/new'},
+    //{iconClass:'pi-calendar dark:text-white',path:`manageclasses`},
     // {iconClass:'pi-database',path:'managedata'},
-    {iconClass:'pi-chart-pie',path:'reports'},
+    {iconClass:'pi-chart-pie dark:text-white',path:'reports'},
+    {iconClass:'pi-bars dark:text-white',command: openMenu},    
+ 
+
 ]
 </script>

package/templates/nuxt/layouts/loginlayout.vue._eta

@@ -0,0 +1,3 @@
+<template>
+        <slot v-if="useRoute().path=='/login'"></slot>        
+</template>

package/templates/nuxt/layouts/mobile.vue._eta

@@ -0,0 +1,52 @@
+<template>
+    <div class="h-screen flex flex-col">
+        
+        <div class="flex flex-col grow overflow-y-auto">
+            <div class="flex flex-row mb-36 w-full">
+            <slot></slot>                          
+            </div>
+                        
+              
+        </div> 
+        <!-- fixed -->
+        <div v-if="getCurrentXorg()" class="flex h-16  border-t-2 dark:border-t-gray-700  text-3xl  flex-row   left-0 w-full  justify justify-between bottom-0 fixed z-50 bg-white dark:bg-slate-800 opacity opacity-95 " > 
+                <div v-for="item in menus">
+                    <NuxtLink v-if="item.path !== undefined"
+                        :class="`pi ${item.iconClass} p-4 cursor-pointer inline-block align-middle`"
+                        :to="getDocumentUrl(item.path)"
+                        >
+                            
+                    </NuxtLink>         
+                    <div v-else-if="item.command" :class="`pi ${item.iconClass} p-4 cursor-pointer inline-block align-middle`" @click="item.command">
+                    </div>       
+                </div>
+                
+                <HeaderButtonMenuPicker v-model="showMenu"></HeaderButtonMenuPicker>
+                <HeaderButtonProfile v-model="showProfile"/>
+                <UserInvitation/>
+        </div> 
+        
+        <!-- <HeaderBar class="border flex flex-row h-10 fixed left-0 w-full  justify justify-between top-0 z-50 bg-white  dark:bg-gray-800"/> -->
+     
+    </div>
+</template>
+<script setup lang="ts">
+const showMenu =ref(false)
+const showProfile =ref(false)
+
+const openMenu = ()=>showMenu.value=true
+const openProfile = ()=>showProfile.value=true
+const menus=[
+    // {iconClass:'pi-bars',path:'managestudents/profile'},
+    {iconClass:'pi-home dark:text-white',path:''},
+    //{iconClass:'pi-users  dark:text-white',path:'managestudents'},
+    //{iconClass:'pi-calendar dark:text-white',path:`manageclasses`},
+    {iconClass:'pi-chart-pie dark:text-white',path:'reports'},
+    {iconClass:'pi-bars dark:text-white',command: openMenu},    
+    {iconClass:'pi-user  dark:text-white',command: openProfile},
+    // {iconClass:'pi-database',path:'managedata'},
+    
+]
+
+
+</script>

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

@@ -6,7 +6,11 @@
  */
 import path from 'path'
 export default defineNuxtConfig({
-  // colorMode: {}  ,  
+  colorMode: {
+    classSuffix: ''
+
+  },  
+  
   runtimeConfig:{     
     public:{
       APP_URL: process.env.APP_URL,
@@ -26,16 +30,20 @@ export default defineNuxtConfig({
 tailwindcss: {
     // Options
   },
-  devServer: {
-      // host: "0.0.0.0",
-  },
+devServer: {
+    host: "0.0.0.0",
+},
   modules: [
     // "@hebilicious/authjs-nuxt",
+    '@nuxtjs/color-mode',
+     '@nuxtjs/device',
     '@nuxtjs/i18n',
+    'dayjs-nuxt',
     '@sidebase/nuxt-auth',
     'nuxt-primevue',
+    // '@nuxtjs/pwa', //cannot turn on, will cause nuxt cant start
     // "nuxt-security",     //temporary avoid nuxt-security cause cors
-    '@vueuse/nuxt',    
+    '@vueuse/nuxt',     
     '@nuxtjs/tailwindcss',
     ['@pinia/nuxt',{
       autoImports: [
@@ -44,21 +52,19 @@ tailwindcss: {
         ['defineStore', 'definePiniaStore'], // import { defineStore as definePiniaStore } from 'pinia'
       ],
     }],
-    '@nuxtjs/color-mode',
+    
     
 
-  ],  
+  ], 
+  device: {
+    refreshOnResize: true
+  }, 
   i18n: {
     lazy: true,
     langDir: "lang/",
     strategy: "no_prefix",
     locales: [
-      {
-        code: "df",
-        iso: "df",
-        name: "Default",
-        file: "df.ts",
-      },
+  
       {
         code: "en",
         iso: "en",
@@ -70,13 +76,14 @@ tailwindcss: {
         iso: "cn",
         name: "Chinese",
         file: "cn.ts",
+      
       },
     ],
-    defaultLocale: "df",    
+    defaultLocale: "en",    
   },
   primevue: {
     options: {
-      unstyled: true,
+      //unstyled: true,
       ripple: true,
       inputStyle: 'filled'
     }, 
@@ -85,7 +92,7 @@ tailwindcss: {
       exclude: ['chart']
     }, 
     directives: {
-      include: ['Ripple', 'Tooltip','BadgeDirective']
+      include: ['Ripple', 'Tooltip','BadgeDirective','FocusTrap']
     },
     cssLayerOrder: 'tailwind-base, primevue, tailwind-utilities',
     importPT: { as: 'SimpleAppPT', from:  path.resolve(__dirname,'./assets/primevue/passthrough.ts') },
@@ -96,7 +103,7 @@ tailwindcss: {
 
   // },
   auth: {
-    globalAppMiddleware: true
+    globalAppMiddleware: false
   },
   // security: {
     // corsHandler:{
@@ -127,13 +134,12 @@ tailwindcss: {
     'primeicons/primeicons.css',
     path.resolve(__dirname,'./assets/css/style.css'),
     path.resolve(__dirname,'./assets/css/calendar.css'),
-    ],
+    ],        
+  },
 
   // devtools: { enabled: true },
   // build: {
   //               // transpile: ["primevue"]
-  //       },
-  
-  
+  //       },  
 
-})
+)

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

@@ -0,0 +1,39 @@
+<template>
+  <LazyFormBranch :_id="_id" @after="after" />
+</template>
+
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator.
+ * last change 2023-09-09
+ * author: Ks Tan
+ */
+
+import { Branch } from "~/simpleapp/generate/types";
+const doc = useNuxtApp().$BranchDoc();
+
+const props = defineProps<{ _id: string }>();
+const after = (actionName: string, data: Branch) => {
+  console.log("Branch capture after emits ", actionName,doc.getDocName().toLowerCase());
+  switch (actionName) {
+    case "new":
+      goTo('organization');
+      break;
+    case "create":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());
+      break;
+    case "update":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());      
+      break;
+    case "delete":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", doc.getDocName().toLowerCase());
+      break;
+  }
+};
+</script>

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

@@ -1,151 +1,38 @@
+<template>
+  <LazyFormBranch _id="new" @after="after" />
+</template>
+
 <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.
+ * This file was automatically generated by simpleapp generator.
  * 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();
-
-const { $BranchDoc, $OrganizationDoc, $event } = useNuxtApp();
-const orgdoc = $OrganizationDoc();
-const doc = $BranchDoc();
-const data = doc.getReactiveData();
-const bid = ref(String(useRoute().params.bid ?? ""));
-const isReadOnly = ref(true);
-const fetchRecord = async (id: string) => {
-  await doc.getById(id);
-};
-
-const disabled = computed(() => {
-  return false;
-});
-
-const createData = async () => {
-  doc
-    .create()
-    .then((res) => {
-      refresh();
-      goBranch(res.data._id);
-    })
-    .catch((err) => {
-      console.error(err);
-    });
-};
-const updateData = async () => {
-  doc
-    .update()
-    .then(() => {
-      // visible.value=false
-      refresh();
-    })
-    .catch((err) => {
-      console.error(err);
-    });
-};
-const deleteData = (event: Event) => {
-  confirm.require({
-    target: event.currentTarget as HTMLElement,
-    message: "Delete?",
-    icon: "pi pi-exclamation-triangle",
-    acceptClass: "p-button-danger",
-    accept: () => {
-      // disabled.value=true
-      doc.delete(data.value._id ?? "").then((res) => {
-        refresh();
-
-        goTo(doc.getDocName());
-      });
-    },
-    reject: () => {
-      console.log("Cancel delete");
-    },
-  });
-};
 
-const refresh = () => {
-  $event("RefreshDocumentList", { documentName: doc.getDocName() });
-  isReadOnly.value = true;
+import { Branch } from "~/simpleapp/generate/types";
+const doc = useNuxtApp().$BranchDoc();
+
+
+const after = (actionName: string, data: Branch) => {
+  console.log("Branch capture after emits ", actionName,'branch');
+  switch (actionName) {
+    case "create":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", 'branch');
+      break;
+    case "update":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", 'branch');
+      
+
+      break;
+    case "delete":
+      goTo('organization');
+      refreshDocumentList('branch');
+      useNuxtApp().$event("CloseDialog", 'branch');
+      break;
+  }
 };
-
-if (bid.value) {
-  fetchRecord(bid.value);
-} else {
-  // const orgRecordid = ref(String(useRoute().params.id));
-  // const orgdata = (await orgdoc.getById(orgRecordid.value)).data;
-  doc.setNew();
-  isReadOnly.value = false;
-  data.value.tenantId = getUserProfile().tenantId;
-  data.value.orgId = getUserProfile().orgId;
-  data.value.organization._id = getUserProfile().orgRecordId;
-  data.value.organization.label = getUserProfile().orgName;
-  data.value.organization.orgId = getUserProfile().orgId;
-  data.value.organization.code = getUserProfile().orgCode;
-}
 </script>
-<template>
-  <div class="grid grid-cols2">
-    <SimpleAppForm :document="doc" #default="o" :readonly="isReadOnly">
-      <div v-if="!isReadOnly" class="col-span-4 text-left gap-4">
-        <Button
-          class="btn btn-primary"
-          :isReadOnly="isReadOnly"
-          @click="createData"
-          type="button"
-          v-if="canPerform(doc.getDocName(), 'create') && doc.isNew()"
-          >Create</Button
-        >
-        <Button
-          class="btn btn-primary"
-          @click="updateData"
-          type="button"
-          v-if="canPerform(doc.getDocName(), 'update') && !doc.isNew()"
-          >Update</Button
-        >
-        <Button
-          class="btn btn-danger"
-          @click="deleteData($event)"
-          type="button"
-          v-if="canPerform(doc.getDocName(), 'delete') && !doc.isNew()"
-          >Delete</Button
-        >
-
-        <ConfirmPopup></ConfirmPopup>
-      </div>
-      <div v-else class="col-span-4 text-left gap-4">
-        <Button
-          class="btn btn-primary"
-          @click="isReadOnly = false"
-          type="button"
-          >Edit</Button
-        >
-      </div>
-
-      <SimpleAppInput
-        :input-type="SimpleAppInputType.text"
-        v-model="data.branchCode"
-        :setting="o.getField('#/properties/branchCode')"
-      />
-      <SimpleAppInput
-        :input-type="SimpleAppInputType.text"
-        v-model="data.branchName"
-        :setting="o.getField('#/properties/branchName')"
-      />
-      <SimpleAppInput
-        :input-type="SimpleAppInputType.checkbox"
-        v-model="data.active"
-        :setting="o.getField('#/properties/active')"
-      />
-      <SimpleAppInput
-        :input-type="SimpleAppInputType.textarea"
-        v-model="data.description"
-        :setting="o.getField('#/properties/description')"
-      />
-    </SimpleAppForm>
-    <DebugDocumentData v-model="data" label="branch" />
-  </div>
-</template>

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

@@ -0,0 +1,3 @@
+<template>
+  <div>no org viewer</div>
+</template>