@simitgroup/simpleapp-generator 1.6.4-e-alpha → 1.6.4-f-alpha

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

@@ -0,0 +1,224 @@
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2024-02-23
+ * Author: Ks Tan
+ */
+import { UserContext } from '../commons/user.context';
+import * as sharelibs from '../sharelibs';
+import { Injectable,  InternalServerErrorException, } from '@nestjs/common';
+import { InjectModel } from '@nestjs/mongoose';
+import * as jsonpath from 'jsonpath';
+import { Model } from 'mongoose';
+import { WebhookJsonSchema } from '../jsonschemas/webhook.jsonschema';
+import { SimpleAppService } from './simpleapp.processor';
+import * as types from '../types';
+import { DocNumberFormatGenerator } from '../commons/docnogenerator.service';
+import {
+  WebhookBasicAuth,
+  WebhookHeaders,
+  Webhook,
+} from '../types/webhook.type';
+import {
+  DefaultWebhookBasicAuth,
+  DefaultWebhookHeaders,
+  DefaultWebhook,
+} from '../defaults/webhook.default';
+
+@Injectable()
+export class WebhookProcessor extends SimpleAppService<Webhook> {
+  protected documentIdentityCode = 'title';
+  protected documentIdentityLabel = 'title';
+  private webhookApiKey = process.env.WEBHOOK_SERVER_APIKEY
+  private webhookAppId=process.env.WEBHOOK_SERVER_APP_ID
+  private webhookurl = process.env.WEBHOOK_SERVER_URL;
+  private webhookprefix = process.env.PROJECT_CODE+'.'
+  private  webhooksubscribtionurl = `${process.env.WEBHOOK_SERVER_URL}/subscriptions/`;
+
+  protected hooks: types.WebhookHooks = {
+    beforeCreate: async (appuser: UserContext, data: types.Webhook) =>
+      this.beforeCreate(appuser, data),
+    beforeUpdate: async (
+      appuser: UserContext,
+      id: string,
+      prevdata: types.Webhook,
+      newdata: types.Webhook,
+    ) => this.beforeUpdate(appuser, id, prevdata, newdata),
+    afterDelete: async (
+      appuser: UserContext,
+      result: types.DeleteResultType<types.Webhook>,
+      id: string,
+    ) => this.afterDelete(appuser, result, id),
+  };
+
+
+  protected foreignkeys = {};
+  constructor(mydoc: Model<Webhook>) {
+    super('WEBHOOK', 'webhook', mydoc, types.IsolationType.tenant);
+    this.setSchema(WebhookJsonSchema);
+    this.setData(DefaultWebhook(crypto.randomUUID()));
+  }
+
+  reCalculateValue(data: Webhook) {
+    //console.log('trigger new recalculate')
+    const $data = data;
+    const jsopbj = new jsonpath['JSONPath']();
+  }
+
+  async beforeCreate(appuser: UserContext, data: types.Webhook) {
+    const createResult = await this.addRemoteWebhook(appuser, data);
+    if (!createResult['subscription_id'])
+      throw new InternalServerErrorException(
+        'syncronize webhook server failed',
+      );
+    data.serverSubscriptionId = createResult.subscription_id;
+    data.serverSubscriptionSecret = createResult.secret;
+    // throw new BadRequestException("fail purposely")
+  }
+
+  async beforeUpdate(
+    appuser: UserContext,
+    id: string,
+    prevdata: types.Webhook,
+    newdata: types.Webhook,
+  ) {
+
+    if(!prevdata.serverSubscriptionId){
+        const createResult = await this.addRemoteWebhook(appuser, newdata);
+        if (!createResult['subscription_id'])
+          throw new InternalServerErrorException(
+            'syncronize webhook server failed',
+           );
+        newdata.serverSubscriptionId = createResult.subscription_id;
+        newdata.serverSubscriptionSecret = createResult.secret;
+    }else{
+      await this.updateRemoteWebhook(appuser,newdata)
+    }
+  }
+
+  async afterDelete(
+    appuser: UserContext,
+    result: types.DeleteResultType<types.Webhook>,
+    id: string,
+  ) {
+    await this.removeRemoteWebhook(appuser,result,id)         
+  }
+
+  async removeRemoteWebhook(
+    appuser: UserContext,
+    result: types.DeleteResultType<types.Webhook>,
+    id: string,
+  ){
+    const options = {
+      method: 'DELETE',
+      headers: {Authorization: this.webhookApiKey}
+    };
+
+
+    const subscriptionId=result.data.serverSubscriptionId
+    if(!subscriptionId)return 
+
+    try{
+      const res = await fetch(
+          `${this.webhooksubscribtionurl}/${subscriptionId}?application_id=${this.webhookAppId}`,
+          options)            
+    }catch(e){
+      throw new InternalServerErrorException(e)
+    }
+
+  }
+  async addRemoteWebhook(appuser: UserContext, data: types.Webhook) {
+    const headers = {};
+    data.headers.forEach((h) => {
+      headers[h.name] = h.value;
+    });
+
+    const options = {
+      method: 'POST',
+      headers: {
+        Authorization: this.webhookApiKey,
+        accept: 'application/json',
+        'content-type': 'application/json',
+      },
+      body: JSON.stringify({
+        application_id: this.webhookAppId,
+        description: data.title,
+        metadata: {
+          tenantId: data.tenantId.toString(),
+          creator: appuser.getUname(),
+        },
+        is_enabled: data.active,
+        event_types: data.eventTypes.map(
+          (item) => this.webhookprefix + item,
+        ),
+        label_key: 'tenantId',
+        label_value: data.tenantId.toString(),
+        target: {
+          headers: headers,
+          type: 'http',
+          method: data.requestMethod.toUpperCase(),
+          url: data.url,
+        },
+      }),
+    };
+    try {
+      const res = await fetch(this.webhooksubscribtionurl, options);
+      return await res.json();
+      if (res.status >= 300) {
+        this.logger.error(res.statusText, 'create webhook failed');
+        throw new InternalServerErrorException('create webhook failed');
+      }
+    } catch (e) {
+      throw new InternalServerErrorException(e);
+    }
+  }
+
+  async updateRemoteWebhook(appuser: UserContext, data: types.Webhook) {
+    const headers = {};
+    data.headers.forEach((h) => {
+      headers[h.name] = h.value;
+    });
+
+    const options = {
+      method: 'PUT',
+      headers: {
+        Authorization: this.webhookApiKey,
+        accept: 'application/json',
+        'content-type': 'application/json',
+      },
+      body: JSON.stringify({
+        application_id: this.webhookAppId,
+        description: data.title,
+        metadata: {
+          tenantId: data.tenantId.toString(),
+          creator: appuser.getUname(),
+        },
+        is_enabled: data.active,
+        event_types: data.eventTypes.map(
+          (item) => this.webhookprefix + item,
+        ),
+        label_key: 'tenantId',
+        label_value: data.tenantId.toString(),
+        target: {
+          headers: headers,
+          type: 'http',
+          method: data.requestMethod.toUpperCase(),
+          url: data.url,
+        },
+      }),
+    };
+    try {
+      const subscriptionId = data.serverSubscriptionId
+      const res = await fetch(`${this.webhooksubscribtionurl}/${subscriptionId}`, options);
+      return await res.json();
+      if (res.status >= 300) {
+        this.logger.error(res.statusText, 'updateRemoteWebhook webhook failed');
+        throw new InternalServerErrorException('update webhook failed');
+      }
+    } catch (e) {
+      throw new InternalServerErrorException(e);
+    }
+  }
+
+  /***************************** additional execute *****************************************/
+}

package/templates/nuxt/components/calendar/CalendarSmall.vue.eta

@@ -1,129 +1,132 @@
-<template>
-  <ClientOnly>
-    <VueCal
-      :id="id"
-      class="w-full"
-      hide-view-selector
-      click-to-navigate
-      :time="false"
-      today-button
-      active-view="month"
-      :disable-views="['week', 'day']"
-      :selected-date="selectedDate"
-      events-count-on-year-view
-      @view-change="viewChange"
-      :events="allevents"
-      @cell-focus="chooseDate"
-      xsmall
-    >
-      <template #today-button>
-        <!-- Using Vuetify (but we prefer Wave UI 🤘) -->
-        <div @click="chooseDate(new Date(), true)">{{ t("today") }}</div>
-      </template>
-      <template #cell-content="{ cell, events }">
-        <div>
-          <div>
-            <s
-              v-if="isHoliday(cell.formattedDate)"
-              v-tooltip="getHolidayName(new Date(cell.formattedDate))"
-              class="text text-red-400 dark:text-red-400 font-bold"
-              >{{ cell.content }}</s
-            >
-            <div v-else-if="isOffDay(cell)" class="text-gray-400">
-              <s v-tooltip="t('offDay')">{{ cell.content }}</s>
-            </div>
-            <span v-else>{{ cell.content }} </span>
-          </div>
+<template>    
+  <Calendar 
+      v-model="selectedDate"
+      inline            
+      @update:modelValue="chooseDate"
+      :pt="{root:{class:'w-full'}}" 
+      @month-change="viewChange"
+      @year-change="viewChange"
+      class="smallcalendar">
+      <template #footer>
+          <div class="p-2 flex flex-row justify-between">
+              <ButtonPrimary @click="goToday()">{{ t('today') }}</ButtonPrimary>
+              <TextSubsubtitle class="text-right"
+                  >{{ items.length }} {{ t("records") }}</TextSubsubtitle>
 
-          <div>
-            <slot name="default" :cell="cell" :events="events">
+          </div>
+      </template>
+      <template #date="{date}">
+          <div class="flex flex-col text-center" >            
+              <s v-if="isHoliday(date)" class="text-red-600">
+                  {{ date.day }}                     
+              </s>
+              <span v-else-if="isOffDay(date)" class="text-gray-400">
+                  {{ date.day }}
+              </span>
+              <template v-else>
+                  {{ date.day }}
+              </template>
               <Badge
-                v-if="events.length > 0"
-                @contextmenu="
-                  (mouseevent) => onRightClickDate(mouseevent, cell)
-                "
-                severity="info"
-                :value="events.length"
+                  v-if="getEventQty(date) > 0"                
+                  severity="info"
+                  :value="getEventQty(date)"
               />
-            </slot>
           </div>
-        </div>
       </template>
-    </VueCal>
-  </ClientOnly>
+  </Calendar>
 </template>
-<script lang="ts" setup generic="T">
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * IT IS NOT CHANGABLE
- * last change 2024-02-22
- * author: Ks Tan
- */
-//, { Event, SplitDaysAttributes }
-import VueCal from "vue-cal";
-import "vue-cal/dist/vuecal.css";
+<script setup lang="ts" generic="T">
+import { CalendarDateSlotOptions,CalendarMonthChangeEvent } from "primevue/calendar";
+
 import {
-  CalEventType,
-  CalRightClickEvent,
-  OffDay,
-  CalViewChange,
+CalEventType,
+CalRightClickEvent,
+OffDay,
+CalViewChange,
 } from "~/types";
-const viewStatus = ref<CalViewChange>();
+
 const props = defineProps<{
-  id: string;
-  items: CalEventType<T>[];
-  holidays: OffDay[];
+id: string;
+items: CalEventType<T>[];
+holidays: OffDay[];
 }>();
-const offdays = ref<string[]>([]);
-const emits = defineEmits(["chooseDate", "rightClick","viewChange"]);
-// const allholidays = computed(() => props.holidays.map((item) => item.date));
+const emits = defineEmits(["chooseDate", "viewChange"]);
+
+
 const selectedDate = defineModel<Date>({ required: true });
-const getHolidayName = (date: Date) =>
-  props.holidays.find((item) => item.date.getTime() == date.getTime())?.title;
-const allevents = computed(() => {
-  const list = props.items.map((item) => {
-    if (item.start instanceof Date)
-      item.start = item.start.format("YYYY-MM-DD HH:mm");
-    else if (typeof item.start == "string") {
-      item.start = item.start.substring(0, 16).replace("T", " ");
-    }
-    if (item.end instanceof Date)
-      item.end = item.end.format("YYYY-MM-DD HH:mm");
-    else if (typeof item.end == "string") {
-      item.end = item.end.substring(0, 16).replace("T", " ");
-    }
-    return item;
-  });
-  return list;
-});
-const viewChange = (event: CalViewChange) => {
-  viewStatus.value = event;
-  emits('viewChange',event)
-};
+const offdays = ref<string[]>([]);
+type DateType = {
+  day: number
+  month : number
+  otherMonth: boolean
+  selectable : boolean
+  today : boolean
+  year: number
+}
 
-const isHoliday = (datestr: string) => {
-  return props.holidays.find(
-    (item) => item.date.format("YYYY-MM-DD") == datestr,
-  );
-};
-const isOffDay = (cell: any) => {
-  const dayname: string = new Date(cell.formattedDate)
-    .toLocaleString("en", { weekday: "short" })
-    .toLowerCase();
-  if (offdays.value.includes(dayname)) return true;
-  else return false;
-};
-const chooseDate = (date1: Date, force?: boolean) => {
-  if (force || !viewStatus.value || viewStatus.value.view == "month") {
-    selectedDate.value = date1;
-    emits("chooseDate", date1);
+const disableDays=computed(()=>{
+  return offdays.value.map(item=>{
+      if(item=='sun')return 0
+      else if(item=='mon')return 1
+      else if(item=='tue')return 2
+      else if(item=='wed')return 3
+      else if(item=='thu')return 4
+      else if(item=='fri')return 5
+      else if(item=='sat')return 6
+  })
+})
+
+function isHoliday(date:CalendarDateSlotOptions){
+
+  for(let i = 0 ; i<props.holidays.length;i++){
+      const item = props.holidays[i]
+      const currenyday = getDayJs()(item.date).date()
+      const currentmonth = getDayJs()(item.date).month()
+      const currentyear = getDayJs()(item.date).year()
+      if(currenyday==date.day && currentmonth==date.month && currentyear==date.year){
+          return true
+      }
   }
+  return false   
+}
+function goToday(){
+  selectedDate.value= new Date(today())
+  chooseDate(new Date(today()))
+}
+function chooseDate(date: string | string[] | Date | Date[] | undefined){
+  emits('chooseDate',date)
+}
+
+const isOffDay = (date:CalendarDateSlotOptions) => {    
+const dayname: string = new Date(date.year,date.month, date.day)
+
+  .toLocaleString("en", { weekday: "short" })
+  .toLowerCase();
+if (offdays.value.includes(dayname)) return true;
+else return false;
 };
-const onRightClickDate = (e: MouseEvent, cell: CalRightClickEvent) => {
-  emits("rightClick", e, cell);
+
+const getEventQty = (date:CalendarDateSlotOptions)=>{
+  const checkdate = dateToISOWithoutConvert(new Date(date.year,date.month, date.day)).substring(0,10)    
+  const recordlength =  props.items.filter(item=>item.start==checkdate).length
+  return recordlength
+}
+const viewChange = (event: CalendarMonthChangeEvent) => {    
+emits("viewChange", event);
 };
 
+
 onMounted(() => {
-  offdays.value = getCurrentBranch()?.branch.offdays ?? [];
+offdays.value = getCurrentBranch()?.branch.offdays ?? [];
 });
 </script>
+<style >
+.smallcalendar td {   
+ height: 3rem;
+ border: solid 1px #ccc;   
+}
+.smallcalendar .p-datepicker table td > span {
+  widows: initial !important;
+  height: initial  !important;
+}
+</style>

package/templates/nuxt/components/image/ImageAvatar.vue.eta._vue

@@ -1,23 +1,57 @@
 <template>
-  <div :class="`inline-block border rounded-lg w-${size} h-${size} bg-white`">
-    <Avatar
-      :image="getAvatarLink(<string>id, size*3)"
-      shape="circle"
+  <ImageToBase64Uploader
+    v-if="changable"
+    #default
+    :class="`w-${sizenumber} h-${sizenumber} place-content-center bg-white`"
+    @image-uploaded="handleBase64"
+  >
+    <NuxtImg
       class="w-full h-full"
+      :key="imageKey"     
+      :src="imagepath"
     />
-   
-    
+  </ImageToBase64Uploader>
+  <div
+    v-else
+    :class="`inline-block border rounded-lg w-${sizenumber} h-${sizenumber} bg-white text-black`"
+  >
+    <NuxtImg class="w-full h-full"  :src="imagepath" />
   </div>
 </template>
 <script lang="ts" setup>
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * --remove-this-line-to-prevent-override--
- * last change 2024-04-06
- * author: Ks Tan
- */
+// import {KeyValue} from ''
 const props = defineProps<{
-  id?: string;
+  changable?: boolean;
+  uid?: string;
   size: number;
 }>();
+const imageKey = ref(0);
+const uid = computed(
+  () => props.uid ?? getUserProfile()?.uid,
+);
+// const xorgpath = getCurrentXorg() ? `${getCurrentXorg()}/` : "MC0wLTA/";
+
+const sizenumber = props.size ?? 16;
+const imagepath = getAvatarByUid(uid.value,sizenumber) //`${xorgpath}images/organization/${orgRecordId.value}`;
+const imageData = ref("");
+watch(
+  uid,
+  () => imageKey.value++,
+);
+const handleBase64 = async (data: string) => {
+  // const keyvalue = {
+  //   key: "org-" + props.orgRecordId,
+  //   value: data,
+  // };
+  // console.log("upload logo ", data);
+  // const uploadok = await useNuxtApp()
+  //   .$OrganizationDoc()
+  //   .getApi()
+  //   .runUploadlogo(keyvalue);
+  // if (uploadok) {
+  //   const realpath = `/api/${imagepath}`;
+  //   await fetch(realpath, { cache: "reload", credentials: "include" });
+  //   imageKey.value++;
+  // }
+};
 </script>

package/templates/nuxt/components/image/ImageToBase64Uploader.vue.eta.vue

@@ -2,7 +2,7 @@
   <div
     @click="openUploadDialog"
     :title="selectedBase64Img"
-    class="vvv place-content-center image-to-base64-uploader rounded-lg border block"
+    class="place-content-center image-to-base64-uploader rounded-lg border block"
   >
     <ClientOnly>
       <slot name="default">
@@ -11,10 +11,10 @@
       </slot>
 
       <Dialog
-        v-if="dialogVisible"
+        v-if="dialogVisible" modal
         v-model:visible="dialogVisible"
         header="Image Upload"
-        :pt="{ root: { class: 'w-4/5' } }"
+        :pt="{ root: { class: 'w-11/12' } }"
       >
         <div class="w-full grid grid-cols-2 gap-2">
           <div class="w-7/8 border rounded p-4">
@@ -96,8 +96,8 @@ const handleImageUpload = (event) => {
     reader.onload = (e) => {
       const img = new Image();
       img.onload = () => {
-        const maxWidth = 400; // Set your desired maximum width
-        const maxHeight = 300; // Set your desired maximum height
+        const maxWidth = 800; // Set your desired maximum width
+        const maxHeight = 600; // Set your desired maximum height
         const scale = Math.min(maxWidth / img.width, maxHeight / img.height);
         const scaledWidth = img.width * scale;
         const scaledHeight = img.height * scale;

package/templates/nuxt/components/renderer/RendererDocHistories.vue.eta

@@ -1,16 +1,19 @@
 <template>
   <div
-    class="flex flex-row text-xs cursor-pointer justify-end "
+    class="flex flex-row text-xs cursor-pointer justify-end"
     v-if="data?.updated && data?.updated != ''"
     @click="viewHistories"
   >
-    <ImageAvatar  
+    <ImageAvatar
       v-if="data?.updatedBy"
       :id="data.updatedBy"
-      :size="8"
+      :size="36"
     ></ImageAvatar>
     <div class="flex flex-col flex-1">
-      <TextDocStatus v-if="data?.documentStatus" :docStatus="data?.documentStatus" />
+      <TextDocStatus
+        v-if="data?.documentStatus"
+        :docStatus="data?.documentStatus"
+      />
       <!-- <TextSubsubtitle class="text-gray-400 italic"
         >{{ t("updated") }}:</TextSubsubtitle
       > -->
@@ -26,7 +29,7 @@
       <Timeline :value="events" class="w-full md:w-20rem">
         <template #opposite="{ item }">
           <div class="flex flex-row">
-            <ImageAvatar :email="item.email" :id="item.uid" :size="12" />
+            <ImageAvatar :email="item.email" :id="item.uid" />
             <div class="flex flex-col">
               <span>{{ item.fullName }}</span>
               <RendererDateAge