@simitgroup/simpleapp-generator 1.0.63 → 1.1.0

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

@@ -0,0 +1,222 @@
+<script setup lang="ts">
+import {SimpleAppInputType} from '~/types'
+import ConfirmPopup from "primevue/confirmpopup";
+import { useConfirm } from "primevue/useconfirm";
+import moment from "moment";
+const confirm = useConfirm();
+const isReadOnly = ref(true);
+const { $event, $listen, $DocnoformatDoc } = useNuxtApp();
+const doc = $DocnoformatDoc();
+const data = doc.getReactiveData();
+const list = ref([]);
+const sample = ref("");
+const refresh = async () => {
+  $event("RefreshDocumentList", { documentName: doc.getDocName() });
+  isReadOnly.value = true;
+};
+
+const updateSample = () => {
+  sample.value = "Example: " + previewDocNo();
+};
+const createData = async () => {
+  // disabled.value=true
+
+  doc
+    .create()
+    .then((res) => {
+      refresh();
+      newData();
+    })
+    .catch((err) => {
+      console.error(err);
+    });
+};
+const updateData = async () => {
+  doc
+    .update()
+    .then(() => {
+      // visible.value=false
+      refresh();
+    })
+    .catch((err) => {
+      console.error(err);
+    });
+};
+const deleteData = (el: any) => {
+  confirm.require({
+    target: el.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) => {
+        newData();
+        refresh();
+      });
+    },
+    reject: () => {
+      console.log("Cancel delete");
+    },
+  });
+};
+const newData = () => {
+  doc.setNew();
+  goTo(doc.getDocName(), String(useRoute().params.doctype) + "/new");
+};
+
+const id = computed(() => String(useRoute().params.id ?? ""));
+
+const fetchRecord = async () => {
+  if (id.value) {
+    isReadOnly.value = true;
+    await doc.getById(id.value);
+  } else {
+    isReadOnly.value = false;
+    data.value.docNoType = String(useRoute().params.doctype);
+  }
+};
+
+const previewDocNo = (): string => {
+  const pattern = data.value.docNoPattern;
+  if (pattern) {
+    const numberReg: RegExp = /\[(.*?)\]/g;
+    const dateReg: RegExp = /\{(.*?)\}/g;
+    let newvalue = pattern;
+    const numberpattern = pattern.match(numberReg);
+    const datepattern = pattern.match(dateReg);
+
+    if (numberpattern && numberpattern.length > 0) {
+      const numberlength = numberpattern[0]
+        .replace("[", "")
+        .replace("]", "").length;
+
+      let nextnumber = (data.value.nextNumber ?? 0).toString();
+
+      const numberdiff = numberlength - nextnumber.length;
+
+      for (let n = 0; n < numberdiff; n++) {
+        nextnumber = "0" + nextnumber;
+      }
+      newvalue = newvalue.replace(numberpattern[0], nextnumber);
+    }
+
+    if (datepattern && datepattern.length > 0) {
+      for (let d = 0; d < datepattern.length; d++) {
+        const dpattern = datepattern[d];
+        const date = new Date();
+        const formatteddate = moment().format(
+          dpattern.replace("{", "").replace("}", ""),
+        );
+        newvalue = newvalue.replace(dpattern, formatteddate);
+      }
+    }
+    return newvalue;
+  } else {
+    return "";
+  }
+};
+
+fetchRecord();
+</script>
+<template>
+  <DebugDocumentData v-model="data" label="docnoformat" />
+  <div class="p-4">
+    <div v-if="isReadOnly" class="col-span-4 ">
+        <Button
+          class="btn-default"
+          @click="newData"
+          type="button"
+          v-if="canPerform(doc.getDocName(), 'create')"
+          >New
+        </Button>
+      <Button class="btn btn-primary" @click="isReadOnly = false">Edit</Button>
+    </div>
+    <div v-else class="simpleapp-tool-bar col-span-4 text-left gap-4">
+      <Button
+        class="btn-default"
+        @click="newData"
+        type="button"
+        v-if="canPerform(doc.getDocName(), 'create')"
+        >New
+      </Button>
+      <Button
+        class="btn btn-primary"
+        @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($el)"
+        type="button"
+        v-if="canPerform(doc.getDocName(), 'delete') && !doc.isNew()"
+      >
+        Delete
+      </Button>
+      <ConfirmPopup></ConfirmPopup>
+    </div>
+    <SimpleAppForm :document="doc" #default="o" :readonly="isReadOnly">
+      <div class="grid grid-cols-4 gap-4">
+        <SimpleAppInput
+          autofocus
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/docNoFormatNo')"
+          v-model="data.docNoFormatNo"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/docNoFormatName')"
+          v-model="data.docNoFormatName"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.autocomplete"
+          v-model="data.branch"
+          :setting="o.getField('#/properties/branch')"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.checkbox"
+          :setting="o.getField('#/properties/active')"
+          v-model="data.active"
+        />
+
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.checkbox"
+          :setting="o.getField('#/properties/default')"
+          v-model="data.default"
+        />
+
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/docNoPattern')"
+          v-model="data.docNoPattern"
+          @change="updateSample"
+          :description="sample"
+          v-tooltip="'Examples: PO-<00000>, SI{YY}/<000>, SI{YYMM}/<000>'"
+        />
+        <SimpleAppInput
+          :readonly="true"
+          :input-type="SimpleAppInputType.text"
+          :setting="o.getField('#/properties/docNoType')"
+          v-model="data.docNoType"
+          description="Document Type"
+        />
+        <SimpleAppInput
+          :input-type="SimpleAppInputType.number"
+          :setting="o.getField('#/properties/nextNumber')"
+          v-model="data.nextNumber"
+        />
+      </div>
+    </SimpleAppForm>
+  </div>
+</template>

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

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+
+  const {$event,$listen, $DocnoformatDoc} = useNuxtApp()
+  const doc = $DocnoformatDoc()
+  const data = doc.getReactiveData()
+  const list = ref([])
+  const refresh = async ()=>{
+    list.value = await doc.search({
+      filter:{docNoType: useRoute().params.doctype}
+    })
+  }
+
+  refresh()
+
+  $listen('RefreshDocumentList',(data)=>{
+    if(data.documentName=="docnoformat"){
+      refresh()
+    }    
+  })
+</script>
+<template>
+  <div class="grid grid-cols-3 p-4">
+  <div>    
+    <ListView :list="list"       
+      titleField="docNoFormatName" 
+      subTitleField="docNoFormatNo"
+      :url="`${getDocumentUrl('docnoformat')}/${useRoute().params.doctype}`"></ListView>
+    </div>
+    <div class="col-span-2">
+        <NuxtPage></NuxtPage>
+    </div>
+  </div>
+</template>

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

@@ -1,296 +1,6 @@
 <template>
-  <Button class="btn-primary" @click="newRecord">New</Button>
-  <ConfirmPopup></ConfirmPopup>
-  <DebugDocumentData v-model="data"></DebugDocumentData>
-  <SimpleAppDatatable
-    v-model="recordlist"
-    :setting="{}"
-    :columns="[
-      'branch.label',
-      'docNoFormatNo',
-      'docNoFormatName',
-      'active',
-      'docNoPattern',
-      'nextNumber',
-    ]"
-  >
-    <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.created == ''"
-      >
-        Create
-      </Button>
-      <Button
-        class="btn-primary"
-        :disabled="disabled"
-        @click="updateData"
-        type="button"
-        v-if="canPerform(resourcename, 'update') && data.created != ''"
-      >
-        Update
-      </Button>
-      <Button
-        class="btn-danger"
-        :disabled="disabled"
-        @click="deleteData($event)"
-        type="button"
-        v-if="canPerform(resourcename, 'delete') && data.created != ''"
-      >
-        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 gap-4">
-        <SimpleAppText
-          autofocus
-          :setting="o.getField('#/properties/docNoFormatNo')"
-          v-model="data.docNoFormatNo"
-        />
-        <SimpleAppText
-          autofocus
-          :setting="o.getField('#/properties/docNoFormatName')"
-          v-model="data.docNoFormatName"
-        />
-        <SimpleAppAutocomplete
-            v-model="data.branch"
-            :setting="o.getField('#/properties/branch')"
-            :remoteSrc="getAutocomplete('branch')"
-            optionLabel="label"                        
-          />
-        <SimpleAppCheckbox
-          autofocus
-          :setting="o.getField('#/properties/active')"
-          v-model="data.active"
-        />
+    <div></div>    
+  </template>
+<script setup lang="ts">  
 
-        <SimpleAppCheckbox
-          autofocus
-          :setting="o.getField('#/properties/default')"
-          v-model="data.default"
-        />
-
-        <SimpleAppText
-          autofocus
-          :setting="o.getField('#/properties/docNoPattern')"
-          v-model="data.docNoPattern"
-          @change="updateSample"
-          :description="sample"
-          v-tooltip="'Examples: PO-<00000>, SI{YY}/<000>, SI{YYMM}/<000>'"
-        />
-
-        <SimpleAppNumber
-          autofocus
-          :setting="o.getField('#/properties/nextNumber')"
-          v-model="data.nextNumber"
-        />
-      </div>
-    </SimpleAppForm>
-  </Dialog>
-</template>
-<script setup lang="ts">
-import _ from "lodash";
-import moment from "moment";
-import Dialog from "primevue/dialog";
-import Column from "primevue/column";
-import { ListItem } from "@/types/listview";
-import ProgressSpinner from "primevue/progressspinner";
-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 havedocdate = ref(false);
-const confirm = useConfirm();
-// This will work in both `<script setup>` and `<script>`
-if(data.value.created==''){
-  definePageMeta({
-  layout: "sidelistcrud",
-});
-}
-
-const sample = ref("");
-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: filter });
-  recordlist.value = results;
-};
-$listen("itemselected", (item: ListItem) => {
-  selectedDoctype.value = item.code;
-  havedocdate.value = item.data.documentDate != "";
-  refresh();
-});
-
-const updateSample = () => {
-  sample.value = "Example: " + previewDocNo();
-};
-onMounted(() => {
-  const doclist = getDocTypes();
-  console.log(doclist);
-  const listdata: ListItem[] = getDocTypes()
-    .filter((item) => item.docNumber)
-    .map(
-      (item) =>
-        ({ name: item.docName, code: item.docType, data: item }) 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}` });
-};
-
-const previewDocNo = (): string => {
-  const pattern = data.value.docNoPattern;
-  if (pattern) {
-    const numberReg: RegExp = /\[(.*?)\]/g;
-    const dateReg: RegExp = /\{(.*?)\}/g;
-    let newvalue = pattern;
-    const numberpattern = pattern.match(numberReg);
-    const datepattern = pattern.match(dateReg);
-
-    if (numberpattern && numberpattern.length > 0) {
-      const numberlength = numberpattern[0]
-        .replace("[", "")
-        .replace("]", "").length;
-
-      let nextnumber = (data.value.nextNumber ?? 0).toString();
-
-      const numberdiff = numberlength - nextnumber.length;
-
-      for (let n = 0; n < numberdiff; n++) {
-        nextnumber = "0" + nextnumber;
-      }
-      newvalue = newvalue.replace(numberpattern[0], nextnumber);
-    }
-
-    if (datepattern && datepattern.length > 0) {
-      for (let d = 0; d < datepattern.length; d++) {
-        const dpattern = datepattern[d];
-        const date = new Date();
-        const formatteddate = moment().format(
-          dpattern.replace("{", "").replace("}", ""),
-        );
-        newvalue = newvalue.replace(dpattern, formatteddate);
-      }
-    }
-    return newvalue;
-  } else {
-    return "";
-  }
-};
-</script>
+</script>

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

@@ -0,0 +1,100 @@
+<template>
+  <div class="grid grid-cols-5 p-4">
+    <ListView :list="getAllDocFormats()" 
+      idField="docType" 
+      titleField="docName" 
+      subTitleField="docType"
+      :withFilter="true"
+      :url="getDocumentUrl('docnoformat')"></ListView>
+    <div class="col-span-4">
+      <NuxtPage></NuxtPage>
+    </div>
+  </div>
+  
+</template>
+<script setup lang="ts">  
+
+  
+
+</script>
+
+<!-- <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 { CellSetting } from "~/types";
+const { $DocnoformatDoc } = useNuxtApp();
+const doc = $DocnoformatDoc();
+const data = doc.getReactiveData();
+const visible = ref(false);
+
+definePageMeta({
+  name: "Docnoformat",
+  layout: "documentlist",
+  documentName: "docnoformat",
+  columns: [
+    {
+      title: t("branch"),
+      field: "branch",
+      rendererName: "RendererForeignKey",
+      rendererSetting: { collection: "branch" },
+    },
+    "docNoFormatNo",
+    "docNoFormatName",
+    "docNoType",
+    "docNoPattern",
+    "nextNumber",
+  ] as CellSetting[],
+  sorts: [["docNoFormatNo", "asc"]],
+});
+
+const newData = () => {
+  doc.setNew();
+  goTo(doc.getDocName(), "new");
+  visible.value = true;
+};
+
+const exitRecord = () => {
+  goTo(doc.getDocName());
+  console.log("exitRecord");
+};
+
+watch(
+  () => useRoute().fullPath,
+  (newvalue, oldvalue) => {
+    visible.value = useRoute().params.id ? true : false;
+  },
+);
+
+onNuxtReady(() => {
+  visible.value = useRoute().params.id ? true : false;
+});
+</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
+    >
+    <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())"
+      :autoZIndex="false"
+      @update:visible="exitRecord"
+    >
+      <NuxtPage />
+    </Dialog>
+  </div>
+</template> -->

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

@@ -0,0 +1,14 @@
+<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 Crud from "./new.vue";
+</script>
+<template>
+  <Crud />
+  
+</template>

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

@@ -0,0 +1,13 @@
+<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 Crud from "./new.vue";
+</script>
+<template>
+  <Crud />
+</template>