@simitgroup/simpleapp-generator 1.0.32 → 1.0.35

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

@@ -0,0 +1,269 @@
+<template>
+    <button class="btn-primary" @click="newRecord">New</button>
+    <ConfirmPopup></ConfirmPopup>
+    <DebugDocumentData v-model="data"></DebugDocumentData>
+    <SimpleAppDatatable
+        
+        v-model="recordlist"                                 
+        :setting="{}"
+        :columns="['docNoFormatNo','docNoFormatName','active','docNoPattern','nextNumber','isMonthly']"
+        >
+        <Column header="action">
+            <template #body="{data,index}">
+                <button class="pi pi-pencil btn-primary" @click="triggerEdit(data)"></button>
+                <button class="pi pi-times  btn-danger" @click="triggerDelete(data)"></button>
+            </template>
+            
+        </Column>         
+    </SimpleAppDatatable>
+    <Dialog v-model:visible="visible" modal :header="popuptitle" class="crudsimple-dialog" :autoZIndex="false" :style="{zIndex:100, width: '80vw' }">        
+        <div class="simpleapp-tool-bar   col-span-4 text-left gap-4"  >
+              <button class="btn-default" :disabled="disabled" @click="newRecord" type="button" v-if="canPerform(resourcename,'create')">New</button>
+              <button class="btn-primary" :disabled="disabled" @click="createData" type="button" v-if="canPerform(resourcename,'create') && data._id==''">Create</button>
+              <button class="btn-primary" :disabled="disabled" @click="updateData" type="button" v-if="canPerform(resourcename,'update') && data._id!=''">Update</button>
+              <button class="btn-danger" :disabled="disabled" @click="deleteData($event)" type="button" v-if="canPerform(resourcename,'delete') && data._id!=''">Delete</button>
+              <ProgressSpinner v-if="disabled==true" style="width: 2rem; height: 2rem" ></ProgressSpinner>
+              <ConfirmPopup></ConfirmPopup>
+              
+            </div>
+        <SimpleAppForm 
+            :document="doc" 
+            #default="o" 
+            title="Document No"                
+            
+            >
+            <div class="grid grid-cols-4">            
+                <SimpleAppText
+                    autofocus
+                    :setting="o.getField('#/properties/docNoFormatNo')"
+                    v-model="data.docNoFormatNo"
+                />
+                <SimpleAppText
+                    autofocus
+                    :setting="o.getField('#/properties/docNoFormatName')"
+                    v-model="data.docNoFormatName"
+                />
+                <SimpleAppCheckbox
+                    autofocus
+                    :setting="o.getField('#/properties/active')"
+                    v-model="data.active"
+                />
+
+                <SimpleAppCheckbox
+                    autofocus
+                    :setting="o.getField('#/properties/default')"
+                    v-model="data.default"
+                />
+
+            
+
+                <SimpleAppText
+                    autofocus
+                    :setting="o.getField('#/properties/docNoPattern')"
+                    v-model="data.docNoPattern"
+                />
+
+                <SimpleAppCheckbox
+                    autofocus
+                    :setting="o.getField('#/properties/isMonthly')"
+                    v-model="data.isMonthly"
+                />
+
+                <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/nextNumber')"
+                    v-model="data.nextNumber"
+                />
+
+                <SimpleAppValue :setting="o.getField('#/properties/monthlySetting')">
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/jan')"
+                    instancePath="#/monthlySetting/jan"
+                    v-model="data.monthlySetting.jan"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/feb')"
+                    instancePath="#/monthlySetting/feb"
+                    v-model="data.monthlySetting.feb"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/mar')"
+                    instancePath="#/monthlySetting/mar"
+                    v-model="data.monthlySetting.mar"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/apr')"
+                    instancePath="#/monthlySetting/apr"
+                    v-model="data.monthlySetting.apr"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/may')"
+                    instancePath="#/monthlySetting/may"
+                    v-model="data.monthlySetting.may"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/jun')"
+                    instancePath="#/monthlySetting/jun"
+                    v-model="data.monthlySetting.jun"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/jul')"
+                    instancePath="#/monthlySetting/jul"
+                    v-model="data.monthlySetting.jul"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/aug')"
+                    instancePath="#/monthlySetting/aug"
+                    v-model="data.monthlySetting.aug"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/sep')"
+                    instancePath="#/monthlySetting/sep"
+                    v-model="data.monthlySetting.sep"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/oct')"
+                    instancePath="#/monthlySetting/oct"
+                    v-model="data.monthlySetting.oct"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/nov')"
+                    instancePath="#/monthlySetting/nov"
+                    v-model="data.monthlySetting.nov"
+                    />
+
+                    <SimpleAppNumber
+                    autofocus
+                    :setting="o.getField('#/properties/monthlySetting/properties/dec')"
+                    instancePath="#/monthlySetting/dec"
+                    v-model="data.monthlySetting.dec"
+                    />
+                </SimpleAppValue>
+            </div>
+        </SimpleAppForm>
+    </Dialog>
+</template>
+<script setup lang="ts">
+import _ from 'lodash'
+import Dialog from 'primevue/dialog';
+import Column from 'primevue/column';
+import {ListItem} from '@/types/listview'
+import ConfirmPopup from 'primevue/confirmpopup';
+import { useConfirm } from "primevue/useconfirm";
+const {$event,$listen, $DocnoformatDoc} = useNuxtApp()
+const doc = $DocnoformatDoc()
+const data = doc.getReactiveData()
+
+const visible = ref(false)
+const disabled = ref(false)
+const popuptitle = ref('edit')
+const recordlist = ref()
+const selectedDoctype = ref('')
+const confirm = useConfirm();
+// This will work in both `<script setup>` and `<script>`
+definePageMeta({
+  layout: 'sidelistcrud',
+});
+
+const resourcename = ref( _.upperFirst(doc.getDocName()))
+
+const refresh = async() =>{
+    const filter = {docNoType: selectedDoctype.value}
+    
+    console.log("selectedDoctype",selectedDoctype.value)
+    
+    const results = await doc.search(filter)
+    recordlist.value = results
+}
+$listen('itemselected', (item:ListItem)=>{
+    selectedDoctype.value = item.code
+    refresh()
+    
+})
+
+onMounted(()=>{
+    const doclist = getDocTypes()
+    console.log(doclist)
+    const listdata:ListItem[] = getDocTypes().map(item=> ({name:item.docName,code:item.docType} as ListItem))    
+    $event('listloaded',listdata)
+})
+const newRecord = () => {
+//   useRouter().push({ path: `${props.path}` })  
+  doc.setNew()   
+  data.value.docNoType=selectedDoctype.value
+
+  visible.value=true;
+  $event("newRecord")
+};
+const createData= ()=>{
+    disabled.value=true
+  
+    doc.create().then(()=>{
+      visible.value=false
+      refresh()
+    }).catch(err=>{
+      console.error(err)
+    }).finally(()=>disabled.value=false)
+}
+const updateData= ()=>{
+    disabled.value=true
+  
+    doc.update().then(()=>{
+      visible.value=false
+      refresh()
+    }).catch(err=>{
+      console.error(err)
+    }).finally(()=>disabled.value=false)
+}
+const deleteData= (e:any)=>{
+    confirm.require({
+        target: e.currentTarget as HTMLElement,
+        message:'Delete?',
+        icon: 'pi pi-exclamation-triangle',
+        acceptClass: 'p-button-danger',
+        accept: ()=>{
+            disabled.value=true 
+            doc.delete(data.value._id ?? "").then(()=>visible.value=false).finally(() => {
+                refresh();    
+            });
+        },
+        reject: () => {
+            console.log("Cancel delete")
+        }
+    })  
+}
+
+const triggerDelete = async (event: any) => {
+  let id = event._id.toString()
+  await doc.delete(id)  
+  refresh()
+};
+const triggerEdit = async (event: any) => {
+  let id = event._id.toString()
+  await doc.getById(id)
+  console.log(id)
+  visible.value=true
+  useRouter().push({ path:`/${useRoute().params.xorg}/docnoformat/${id}` })  
+};
+</script>

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

@@ -0,0 +1,36 @@
+<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-20
+ * author: Ks Tan
+ */
+const userprofile = ref();
+onMounted(() => {
+  userprofile.value = getUserProfile();
+});
+const menus = getMenus();
+</script>
+<template>
+  <div>
+    <div class="desktop-shortcut-link">
+      <DebugDocumentData v-model="userprofile"></DebugDocumentData>
+      <NuxtLink v-for="menu in menus[1].items" :external="true" :to="menu.to">
+        <div>
+          {{ camelCaseToWords(menu.label) }}
+        </div>
+      </NuxtLink>
+    </div>
+  </div>
+</template>
+<style scoped>
+.desktop-shortcut-link {
+  @apply m-2 p-2 space-x-2 rounded-sm text-center grid grid-cols-4 gap-4;
+}
+.desktop-shortcut-link div {
+  @apply bg-teal-300 p-2;
+}
+.desktop-shortcut-link div:hover {
+  @apply bg-teal-600 p-2;
+}
+</style>

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

@@ -0,0 +1,148 @@
+<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 { $OrganizationDoc,$BranchDoc, $listen } = useNuxtApp();
+//organization
+const doc = $OrganizationDoc();
+const data = doc.getReactiveData();
+const columns = ["orgCode", "orgName", "description", "tenantId", "orgId"];
+const branchlist = ref()
+const branchdoc = $BranchDoc()
+const branchdata = branchdoc.getReactiveData()
+const currentOrgId=ref()
+const debugdata= ref()
+const showbranchfrom = ref(false)
+//branch
+
+const getBranchList = () => {
+  
+  branchdoc.getApi().runSearch({orgId:data.value.orgId}).then((res)=>{
+        branchlist.value =res.data
+      })
+}
+$listen('editRecord',async (editOrgid)=>{
+    //console.log('editRecord',editOrgid)
+    debugdata.value=data.value
+    if(editOrgid){
+      
+      currentOrgId.value=editOrgid
+      getBranchList()           
+    }    
+})
+
+const editBranch=(recordId:string)=>{
+  console.log("edit nested",currentOrgId,recordId)
+  showbranchfrom.value=true
+  debugdata.value=branchdata.value
+  if(!recordId){
+    branchdoc.setNew()
+  }else{
+    branchdoc.getById(recordId)
+  }
+}
+const saveBranch= async()=>{
+  branchdata.value.orgId=data.value.orgId
+  branchdata.value.organization = {
+    _id: data.value._id,
+    orgId: data.value.orgId,
+    label: data.value.orgName
+  }
+  if(branchdata.value._id==''){
+    console.log("Create")
+    await branchdoc.create()
+  }else{
+    console.log("update")
+    await branchdoc.update()
+  }
+  getBranchList()
+
+}
+
+//end
+</script>
+<template>
+  <div>
+    <DebugDocumentData v-model="debugdata"/>
+    <CrudNestedDoc
+      :document="doc"
+      title="Organization"
+      #default="o"
+      :path="`/${useRoute().params.xorg}/organization`"
+      :listColumns="columns"
+    >
+      <div class="grid grid-cols-4 gap-4 w-full">
+        <SimpleAppText
+          autofocus
+          :setting="o.getField('#/properties/orgCode')"
+          v-model="data.orgCode"
+        />
+
+        <SimpleAppText
+          :setting="o.getField('#/properties/orgName')"
+          v-model="data.orgName"
+        />
+
+        <SimpleAppCheckbox
+          :setting="o.getField('#/properties/active')"
+          v-model="data.active"
+        />
+
+        <SimpleAppTextarea
+          :setting="o.getField('#/properties/description')"
+          v-model="data.description"
+        />
+
+        <!-- <SimpleAppNumber
+          :readonly="true"
+          :setting="o.getField('#/properties/tenantId')"
+          v-model="data.tenantId"
+        />
+        <SimpleAppNumber
+          :readonly="true"
+          :setting="o.getField('#/properties/orgId')"
+          v-model="data.orgId"
+        /> -->
+      </div>
+      <div class="grid grid-cols-4 gap-4 w-full">
+        <div class="col-span-2">
+          
+          <SimpleAppDatatable v-model="branchlist" :columns="['branchId','branchCode','branchName','active']">
+            <template #header>
+              <button class="btn-primary" @click="editBranch('')" type="button" ><span class="pi pi-plus "> </span></button>
+            </template>            
+            <Column header="Action" >
+                  <template #body="{index,data}">
+                    <button type="button" class="btn-primary" @click="editBranch(data._id)">Edit</button>
+                  </template>
+              </Column>   
+            
+          </SimpleAppDatatable>
+        </div>
+        <div class="col-span-2" >
+          <SimpleAppForm :document="branchdoc" #default="o" v-if="showbranchfrom">
+              <SimpleAppText v-model="branchdata.branchCode" :setting="o.getField('#/properties/branchCode')"/>
+              <SimpleAppText v-model="branchdata.branchName" :setting="o.getField('#/properties/branchName')"/>
+              <SimpleAppCheckbox v-model="branchdata.active" :setting="o.getField('#/properties/active')"/>
+              <SimpleAppTextarea v-model="branchdata.description" :setting="o.getField('#/properties/description')"/>
+              <!-- <SimpleAppNumber :readonly="true" v-model="branchdata.orgId" :setting="o.getField('#/properties/orgId')"/> -->
+              <button class="btn-primary" type="button" @click="saveBranch">Save</button>
+              
+          </SimpleAppForm>
+        </div>
+        
+      </div>
+    </CrudNestedDoc>
+    
+  </div>
+</template>