@simitgroup/simpleapp-generator 1.3.5-alpha → 1.4.1-alpha

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

@@ -1,229 +0,0 @@
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
- 
-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

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-  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,11 +0,0 @@
-<template>
-    <div></div>    
-  </template>
-<script setup lang="ts">  
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-</script>

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

@@ -1,39 +0,0 @@
-<template>
-  <Crud :_id="userid" @after="after" />
-</template>
-
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-import Crud from "./form.vue";
-import { User } from "~/simpleapp/generate/types";
-const userid = computed(() => getPathPara("id"));
-const doc = useNuxtApp().$UserDoc();
-
-const props = defineProps<{ _id: string }>();
-const after = (actionName: string, data: User, result: any) => {
-  switch (actionName) {
-    case "new":
-      goTo(doc.getDocName(),);
-      break;
-    case "create":
-      refreshDocumentList("user");
-      if (isMobile()) goTo("user");
-      else goTo(doc.getDocName(), data._id);
-      break;
-    case "update":
-      refreshDocumentList("user");
-      if (isMobile()) goTo("user");
-      break;
-    case "delete":
-      refreshDocumentList("user");
-      goTo(doc.getDocName(), );
-
-      break;
-  }
-};
-</script>

package/templates/nuxt/pages/[xorg]/user/form.vue.eta

@@ -1,334 +0,0 @@
-<template>
-    <div class="grid grid-cols-1 xl:grid-cols-2">
-        <div v-if="isMobile()"
-            class="flex flex-1 absolute w-full h h-16 z z-20 dark:bg-gray-900 place-items-center content-center">
-            <ButtonText @click="goTo('user')">{{ t("cancel") }}</ButtonText>
-            <TextTitle class="flex-1 text-center">{{userdata.fullName ?? t("user")}}</TextTitle>
-            <ButtonText @click="actionListener('update')">{{ t('save') }}</ButtonText>
-        </div>
-        <div v-else class="h h-16"></div>
-      <Card>
-        <template #header>
-          <h1 class="font-bold">{{ usertitle }}</h1>
-        </template>
-        <template #content>
-          <SimpleAppForm :document="userdoc" #default="o">
-            <div class="flex flex-col gap-2">
-              <SimpleAppInput
-                :input-type="SimpleAppInputType.text"
-                autofocus
-                :setting="o.getField('#/properties/fullName')"
-                v-model="userdata.fullName"
-              />
-  
-              <SimpleAppInput
-                :input-type="SimpleAppInputType.text"
-                type="email"
-                :setting="o.getField('#/properties/email')"
-                v-model="userdata.email"
-              />
-  
-              <SimpleAppInput
-                :input-type="SimpleAppInputType.checkbox"
-                :setting="o.getField('#/properties/active')"
-                v-model="userdata.active"
-              />
-              <SimpleAppInput
-                :input-type="SimpleAppInputType.textarea"
-                :setting="o.getField('#/properties/description')"
-                v-model="userdata.description"
-              />
-              <div>
-                <ButtonPrimary v-if="!isMobile()" @click="actionListener('update')">{{ t('save') }}</ButtonPrimary>
-                <ButtonDanger
-                  v-if="!userdata.uid"
-                  @click="actionListener('delete')"
-                  class="btn btn-danger"
-                  >{{ t('delete') }}</ButtonDanger
-                >
-              </div>
-            </div>
-          </SimpleAppForm>
-        </template>
-      </Card>
-  
-      <Card class="m-2">
-        <template #header>
-          <div class="relative w-full ...">
-            <h1 class="font-bold">{{ permissiontitle }}</h1>
-            <div class="absolute top-0 right-0 h-16 w-16 ...">
-              <UserButtonPermissionInfo></UserButtonPermissionInfo>
-            </div>
-          </div>
-        </template>
-        <template #content>
-          <BlockUI :blocked="blockscreen">
-            <!-- <div class="text-right m mr-2">
-              
-            </div> -->
-  
-            <div class="">
-              <Card
-                v-if="currentpermissions.length > 0"
-                v-for="o in orglist"
-                class="m-2"
-              >
-                <template #title>{{ o.orgName }}</template>
-                <template #content>
-                  <table class="w w-full">
-                    <tr v-for="(b, index) in branchlist">
-                      <td v-if="checkBranchInOrg(o, b)" class="text-center">
-                        {{ b.branchCode }}
-                      </td>
-                      <td
-                        v-if="checkBranchInOrg(o, b)"
-                        class="text-center flex flex-row"
-                      >
-                        <div>
-                          <SelectButton
-                            v-model="currentpermissions[index]['group']"
-                            :options="grouplist"
-                            option-label="label"
-                            option-value="value"
-                            @change="applyPermission(currentpermissions[index])"
-                          ></SelectButton>
-                        </div>
-                      </td>
-                    </tr>
-                  </table>
-                </template>
-              </Card>
-            </div>
-          </BlockUI>
-        </template>
-      </Card>
-    </div>
-  </template>
-  <script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-  import { SimpleAppInputType } from "~/types";
-  import { Permission, User } from "../../../simpleapp/generate/openapi/api";
-  import _ from "lodash";
-  import SelectButton from "primevue/selectbutton";
-  import { SearchBody, EventType } from "~/types";
-  import {
-    UserListItem,
-    NotificationStatus,
-    Notification,
-    BranchListItem,
-    OrgListItem,
-    PermissionListItem,
-  } from "~/types";
-  const {
-    $event,
-    $PermissionDoc,
-    $OrganizationDoc,
-    $BranchDoc,
-    $UserDoc,
-    // $InvitationDoc,
-  } = useNuxtApp();
-  const emits = defineEmits(['after'])
-  const props = defineProps<{_id:string}>()
-  const userdoc = $UserDoc();
-  const userdata = userdoc.getReactiveData();
-  const currentpermissions = ref<Permission[]>([]);
-  currentpermissions.value = [];
-  const blockscreen = ref(false);
-  const permlist = ref<PermissionListItem[]>([]);
-  // const userlist = ref<UserListItem[]>([]);
-  const orglist = ref<OrgListItem[]>([]);
-  const branchlist = ref<BranchListItem[]>([]);
-  const permdoc = $PermissionDoc();
-  const orgdoc = $OrganizationDoc();
-  const branchdoc = $BranchDoc();
-  const permissiontitle = "Permission Information";
-  const usertitle = "User Information";
-  const grouplist = getAllGroups().map((item) => {
-    return { value: item, label: _.capitalize(item) };
-  });
-  
-
-const newData = () => userdoc.setNew();
-const createData = async () => await userdoc.create();
-const updateData = async () => await userdoc.update();
-const deleteData = async () => await userdoc.delete(userdata.value._id ?? "");
-
-
-  /**
-   * delete user
-   * @param user:User object
-   */
-  const deleteUser = async (user: any) => {
-    await userdoc.delete(String(userdata.value._id));
-    //NotificationEvent
-    $event("RefreshUser", "");
-    goTo("user");
-  };
-  
-  /**********applPermission ******/
-  /**
-   * apply permission:
-   * _id:'', group:'' => skip
-   * _id: '', group:'something' => create
-   * _id:'something', 'group':'something' => update
-   * _id:'something', group:'' => remove
-   */
-  const applyPermission = async (d: Permission) => {
-    let result;
-    // console.log("apply permission", d);
-    blockscreen.value = true;
-    d._id = String(d._id ?? "");
-    d.group = String(d.group ?? "");
-    permdoc.setNew();
-    const data = permdoc.getReactiveData();
-    data.value = {
-      orgId: d.orgId,
-      branchId: d.branchId,
-      group: d.group,
-      userId: d.userId,
-    };
-    // console.log("apply permission", data.value);
-    if (!d._id && !d.group) {
-      //no changes
-    } else if (!d._id && d.group) {
-      result = await permdoc.create();
-    } else if (d._id && d.group) {
-      data.value = d;
-      result = await permdoc.update();
-    } else if (d._id && !d.group) {
-      d.group = "";
-      data.value = d;
-      result = await permdoc.delete(d._id);
-    } else {
-      console.warn("unknown apply permission", result);
-    }
-    //   refreshList(false);
-    onSelectUser(String(d.userId));
-    blockscreen.value = false;
-  };
-  
-  const checkBranchInOrg = (org: OrgListItem, branch: BranchListItem) => {
-    return org.orgId === branch.orgId;
-  };
-  
-  
-  const onSelectUser = async (userId: string) => {
-    console.log("onSelectUser", userId);
-    // .addRoute()
-    // const user: UserListItem = { ...menuitem };
-    const orgsearchbody: SearchBody = {
-      fields: ["orgId", "orgCode", "orgName", "active"],
-    };
-    const branchsearchbody: SearchBody = {
-      fields: ["orgId", "branchId", "branchCode", "branchName", "active"],
-    };
-    const permsearchbody: SearchBody = {
-      filter: { userId: userId },
-      fields: [
-        "uid",
-        "userId",
-        "branchId",
-        "tenantId",
-        "orgId",
-        "active",
-        "group",
-        "created",
-      ],
-    };
-  
-    orglist.value = await orgdoc.search(orgsearchbody);
-    branchlist.value = await branchdoc.search(branchsearchbody);
-    permlist.value = await permdoc.search(permsearchbody);
-    await userdoc.getById(userId);
-    // console.log("orglist.value", orglist.value);
-    // console.log("branchlist.value", branchlist.value);
-    // console.log("permlist.value", permlist.value);
-    // selected.value = String(user._id);
-  
-    // activeuser.value = user.fullName;
-    //sso id from keycloak
-    // const uid = String(user.uid);
-    //_id from mongodb
-  
-    currentpermissions.value = [];
-  
-    for (let i = 0; i < branchlist.value.length; i++) {
-      const b = branchlist.value[i];
-      const permdata = getPermssionData(userId, b.branchId);
-      const tmp: Permission = {
-        _id: permdata?._id,
-        userId: userId,
-        tenantId: b.tenantId,
-        orgId: b.orgId,
-        branchId: b.branchId,
-        group: permdata.group,
-      };
-      currentpermissions.value.push(tmp);
-    }
-    // console.log("currentpermissions", currentpermissions);
-    blockscreen.value = false;
-    
-  };
-  /**
-   * prepare dataobj (existing or empty dummy data) for each branch permission
-   * @param uid
-   * @param branchId
-   */
-  const getPermssionData = (userId: string, branchId: number) => {
-    // console.log("getPermssionData", userId, branchId);
-    const result = permlist.value.find((item: any) => {
-      // console.log(
-      //   item.userId,
-      //   "== ",
-      //   userId,
-      //   " &&",
-      //   item.branchId,
-      //   "==",
-      //   branchId,
-      // );
-      return item.userId == userId && item.branchId == branchId;
-    });
-  
-    //  console.log("permlist.value.",permlist.value,result)
-    let pm: Permission = {
-      _id: result?._id ?? "",
-      orgId: result?.orgId ?? 0,
-      tenantId: result?.tenantId ?? 0,
-      branchId: branchId,
-      userId: userId,
-      group: result?.group ?? "",
-    };
-    return pm;
-  };
-  
-
-  const actionListener = async (actionName: string) => {
-  switch (actionName) {
-    case "create":
-      await createData();
-      break;
-    case "update":
-      await updateData();
-      break;
-    case "delete":
-      await deleteData();
-      break;
-    case "new":
-      await newData();
-      break;
-  }
-  emits("after", actionName);
-};
-
-
-
-  onMounted(() => {    
-    onSelectUser(props._id);
-  });
-  </script>
-  

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

@@ -1,18 +0,0 @@
-<template>
-  <Crud _id="new" @after-create="redirect" />
-</template>
-
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
-
- import Crud from "./form.vue";const { $UserDoc } = useNuxtApp();
-const doc = $UserDoc();
-const redirect = (data: any) => {
-  goTo(doc.getDocName(), data._id);
-};
-</script>

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

@@ -1,29 +0,0 @@
-<template>
-  <Crud :_id="_id" @after="after" :paras="paras" />
-</template>
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator. Every
- * MODIFICATION OVERRIDE BY GENERATEOR
- * last change 2023-10-28
- * Author: Ks Tan
- */
- import Crud from "./form.vue";import { User } from "~/simpleapp/generate/types";
-const props = defineProps<{ _id: string; paras?: User }>();
-const emits = defineEmits(["afterCreate", "after"]);
-
-const after = (actionName: string, data: User, result: any) => {
-  switch (actionName) {
-    case "new":
-      break;
-    case "create":
-      emits("afterCreate", data);
-      break;
-    case "update":
-      break;
-    case "delete":
-      break;
-  }
-  emits("after", actionName, data, result);
-};
-</script>