@simitgroup/simpleapp-generator 1.3.1-alpha → 1.3.2-alpha

package/templates/nuxt/components/simpleApp/pending/SimpleAppSelectmulti.vue

@@ -1,39 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <MultiSelect v-model="modelValue" 
-        class="simpleapp-inputfield"
-        :inputId="slotprops.uuid"   
-        v-bind="$attrs"
-        :optionValue="optionValue"
-        :optionLabel="optionLabel"
-        :path="setting.instancepath"
-        :options="options"
-        multiple
-          />        
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import MultiSelect from 'primevue/multiselect';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-import {prepareList,simpleArrayToObject} from './helper'
-import type {SimpleAppFieldSetting} from './type'
-import type { JSONSchema7 } from 'json-schema';
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:SimpleAppFieldSetting,
-    optionLabel?:string,
-    optionValue?:string,
-    instancepath?:string,
-    options?:any[]
-}>()
-const optionValue = props.optionValue ?? 'label' 
-const optionLabel  = props.optionLabel ?? 'value' 
-// console.log("appselectmulti",props.description, props.setting.fieldsetting)
-const options = prepareList('anyOf',props.setting.fieldsetting.items,optionLabel,optionValue,props.options,)
-// props.setting.fieldsetting.items
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppSlider.vue

@@ -1,42 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Slider
-            class="simpleapp-inputfield"
-            :inputId="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></Slider>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Slider from 'primevue/slider';
-
-
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    instancepath?:string,
-}>()
-
-// const modelValue = defineModel<{modelValue?:string}>()
-// console.log(modelValue.value)
-
-
-// const emits = defineEmits(['update:modelValue'])
-// const onchange=(e:any)=>{    
-//     emits('update:modelValue',e.target.value)
-// }
-
-
-// watch(props ,(after,before)=>{
-//     // console.log("B4",before,"after",after)
-//     inputvalue.value=after.modelValue
-// })
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppSwitch.vue

@@ -1,30 +0,0 @@
-
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <InputSwitch
-            class="simpleapp-inputswitch"
-            :inputId="slotprops.uuid"
-            v-model="modelValue"  
-            :binary="true"
-            v-bind="$attrs"
-            :path="setting.instancepath"
-         ></InputSwitch>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-// import {Ref} from 'vue'
-import InputSwitch from 'primevue/inputswitch';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-
-const modelValue = defineModel<boolean>()
-const props = defineProps<{
-    label?:string,
-    id?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    instancepath?:string,
-}>()
-
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppText.vue

@@ -1,59 +0,0 @@
-
-<template>
-    <FieldContainer :hidelabel="hidelabel" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <InputText v-if="slotprops.error"
-            class="simpleapp-inputfield simpleapp-invalid-input"
-            :id="slotprops.uuid"
-            v-model="modelValue"
-            :path="setting.instancepath"
-            :type="type"
-            :readonly="isReadonly"
-         ></InputText>         
-         <InputText v-else
-            class="simpleapp-inputfield"
-            :id="slotprops.uuid"
-            v-model="modelValue"
-            :path="setting.instancepath"
-            :type="type"
-            :readonly="isReadonly"
-         ></InputText>  
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import InputText from 'primevue/inputtext';
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = withDefaults( defineProps<{
-    label?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    type?:string,
-    instancepath?:string,
-    hidelabel?: boolean
-    readonly?: boolean
-}>(),{type:'text'})
-
-// const modelValue = defineModel<{modelValue?:string}>()
-// console.log(modelValue.value)
-const isReadonly = computed(()=>{
-    if(props.readonly){
-        return props.readonly
-    }else if(props.setting.readonly){
-        return props.setting.readonly
-    }else{
-        return false
-    }
-})
-const emits = defineEmits(['change'])
-// const onchange=(e:any)=>{    
-//     emits('update:modelValue',e.target.value)
-// }
-
-
-watch(modelValue ,()=>{
-    // props.setting.document.validateFailed()
-    emits('change',modelValue.value)
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppTextarea.vue

@@ -1,41 +0,0 @@
-
-<template>
-    <FieldContainer v-bind="$attrs" v-model="modelValue" :label="label" :description="description" :setting="setting" :instancepath="instancepath" :error="error" #default="slotprops">        
-        <Textarea
-            class="simpleapp-inputfield"
-            :id="slotprops.uuid"
-            v-model="modelValue" 
-            v-bind="$attrs"
-            :autoResize="autoResize"
-            :path="setting.instancepath"
-            :readonly="isReadonly"
-         ></Textarea>         
-    </FieldContainer>
-</template>
-<script lang="ts" setup>
-import {computed,watch,ref} from 'vue'
-import Textarea from 'primevue/textarea';
-
-import FieldContainer from './SimpleAppFieldContainer.vue'
-const modelValue = defineModel()
-const props = defineProps<{
-    label?:string,
-    id?:string,
-    description?:string,
-    error?:string,
-    setting:any,
-    autoResize?:boolean,
-    instancepath?:string,
-    readonly?:boolean
-
-}>()
-const isReadonly = computed(()=>{
-    if(props.readonly){
-        return props.readonly
-    }else if(props.setting.readonly){
-        return props.setting.readonly
-    }else{
-        return false
-    }
-})
-</script>

package/templates/nuxt/components/simpleApp/pending/SimpleAppValue.vue

@@ -1,86 +0,0 @@
-<template>
-    <div v-if="schema" :class="fieldcontainerclass">  
-        
-        <div v-if="hidelabel"></div>
-        <label v-else  :for="uuid">{{ fieldlabel }} <span v-if="props.setting.isrequired && fieldlabel" class="input-error">*</span></label>
-        
-        <div :uuid="uuid" class="simpleapp-value-readonly">{{ modelValue }}</div>
-
-
-        <small v-if="error" class="input-desc">{{ error }}</small>
-        <small v-else class="input-desc">{{ fielddesc }}</small>
-
-        <slot></slot>
-    </div>
-    <div v-else class="simpleapp-input-container">
-        <label class="input-error">wrong path in getField()</label>
-        <div class="input-error">{{ props.setting.path }}</div>
-    </div>
-</template>
-<script setup lang="ts">
-import {camelCaseToWords} from './helper'
-import {computed,watch} from 'vue'
-import {ref} from 'vue'
-const modelValue = defineModel()
-const uuid = randomUUID()
-const fieldlabel = ref('')
-const fielddesc = ref('')
-const defaultcssclass='simpleapp-input-container'
-const fieldcontainerclass = ref(defaultcssclass)
-let instancepath = ref('')
-const props = defineProps<{
-    label?: string,    
-    description?: string,
-    instancepath?:string,
-    hidelabel?:boolean,
-    // error?:string,
-    setting:any
-}>()
-
-// console.log('props.setting',props.setting.fieldsetting)
-let schema:any 
-if(props.setting.fieldsetting && props.setting.fieldsetting.type){
-    
-    schema = props.setting.fieldsetting
-    // console.log("schema setting",props.setting,schema)
-    if(props?.instancepath) instancepath.value =props.instancepath
-    else if(props.setting?.instancepath) instancepath.value = props.setting.instancepath
-    else instancepath.value='/unknown'
-
-    const fieldnamearr = instancepath.value.split('/')
-    const fieldname = camelCaseToWords(fieldnamearr[fieldnamearr.length-1])
-
-    if(props.label)fieldlabel.value = props.label 
-    else if (schema.title ) fieldlabel.value=schema.title
-    else fieldlabel.value=fieldname
-    
-    if(props.description)fielddesc.value = props.description 
-    else if (schema?.description != 'undefined') fielddesc.value=schema.description
-    else fielddesc.value=''
-
-   
-
-}
-const errormsg = computed(()=>{
-    
-    props.setting.errors[instancepath.value]
-})
-const error = ref("")
-watch(props.setting.errors,(newvalue,oldvalue)=>{
-    //it is array
-    error.value=''
-    if(newvalue[instancepath.value]){
-        const errlist:any[] = newvalue[instancepath.value]
-        for(let i=0;i<errlist.length;i++){
-            error.value += errlist[i].message +','
-        }
-        fieldcontainerclass.value=defaultcssclass + ' input-error'
-    }else{
-        error.value=''
-        fieldcontainerclass.value=defaultcssclass
-    }
-    // console.log("validation result",props.setting.instancepath,)
-    // error.value = newvalue[props.setting.instancepath].message
-})
-
-</script>

package/templates/nuxt/components/simpleApp/pending/helper.ts-backup

@@ -1,90 +0,0 @@
-import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
-import type {ListOptionType} from './type'
-export const prepareList=(schemaComposition:string,fsetting:JSONSchema7Definition | JSONSchema7Definition[] | undefined,labelfield:string,valuefield:string,propsoptions?:any[],):ListOptionType[]=>{
-    let options :ListOptionType[] = []
-    let fieldsetting:JSONSchema7 = {} as JSONSchema7
-    Object.assign(fieldsetting,fsetting)
-    // {...fsetting} as   JSONSchema7
-    try{
-        const convertToList=(list:any[]):ListOptionType[]=>{
-            let opts :ListOptionType[] = []
-            if(list.length>0 && typeof list[0]=='object'){
-                for(let i=0;i<list.length;i++){
-                    const t = list[i]
-                    const item = {value:t[valuefield], label:t[labelfield]}
-                    opts.push(item)
-                }
-            }else{
-                opts = simpleArrayToObject(list)
-            }
-            return opts
-        }
-        
-        if(Array.isArray(propsoptions)){
-            if(propsoptions.length>0 && typeof propsoptions[0]== 'string'){
-                options = simpleArrayToObject(propsoptions)
-            }else{
-                options = convertToList(propsoptions)
-            }
-            
-        }
-        else if(Array.isArray(fieldsetting.enum)){
-            
-            options = simpleArrayToObject(fieldsetting.enum)
-        }else{
-            let list:JSONSchema7Definition[]|undefined=[]
-            switch(schemaComposition){
-                case 'anyOf':
-                    list=fieldsetting.anyOf
-                break;
-                case 'oneOf':
-                    list=fieldsetting.oneOf
-                break;
-                default:
-                break;
-            }
-            // console.log("get from anyof")
-            // let list:any[]=fieldsetting.anyOf
-            options = convertToList(list??[])
-        }
-        
-        // else if(fieldsetting.oneOf && Array.isArray(fieldsetting.oneOf)){
-        //     let list:any[]=fieldsetting.oneOf
-        //     options = convertToList(list)
-        // }
-        //try validate data
-        if(options.length>0){
-            const d:any = options[0]        
-            if(typeof d.label=='undefined'){
-                const errormsg = `undefine property '${labelfield}', correct 'optionLabel'`
-                console.error(errormsg,fieldsetting)
-                options=[{value:'',label:errormsg}]
-            }
-            if(typeof d.value=='undefined'){
-                const errormsg = `undefine property '${valuefield}', correct 'optionValue`
-                console.error(errormsg,fieldsetting)
-                options=[{value:'',label:errormsg}]
-            }
-        }
-        return options;
-    }catch(error){
-        console.error("xxxxx",error)
-        return []
-    }
-}
-
-export const simpleArrayToObject=(list:any[]):ListOptionType[]=>{
-    let options :ListOptionType[] = []
-    for (let i =0; i< list.length; i++){
-        const value:string = list[i].toString()
-        let item :any={value:value,label:value}         
-        options.push(item)
-    }
-    return options
-}
-
-export const camelCaseToWords = (s: string) =>{
-    const result = s.replace(/([A-Z])/g, ' $1');
-    return result.charAt(0).toUpperCase() + result.slice(1);
-  }
-  

package/templates/nuxt/components/simpleApp/pending/type.ts-backup

@@ -1,32 +0,0 @@
-import { SimpleAppClient } from './SimpleAppClient';
-import type { JSONSchema7,JSONSchema7Definition } from 'json-schema';
-export type ListOptionType = {
-    value?: string
-    label?: string
-}
-export enum InputTableColumnType  {
-    'field'='field',
-    'button'='button',
-    'checkbox'='checkbox',
-    'renderer'='renderer'
-}
-export type InputTableColumn={
-    type:InputTableColumnType,
-    title?:string
-    field?:string
-    renderer?:Function
-    style?:string
-    readonly?:boolean
-}
-export type SimpleAppFieldSetting= {
-    path: string,
-    instancepath: string,
-    fieldsetting:JSONSchema7
-    document:SimpleAppClient<any,any>
-    modelObject: any,
-    modelField: string,
-    isrequired: boolean,
-    readonly?:boolean
-    // errors: props.document.getErrors()
-}
-// x.fieldsetting.pro

package/templates/nuxt/components/suspended/CrudNestedDoc.vue.eta

@@ -1,172 +0,0 @@
-<script setup lang="ts">
-/**
-* This file was automatically generated by simpleapp generator during initialization.
- * DO NOT MODIFY IT BY HAND.
- * last change 2023-09-09
- * author: Ks Tan
- */
-import {ref} from 'vue'
-import _ from 'lodash'
-import {SearchBody} from '~/types'
-import { SimpleAppClient } from  '../simpleapp/generate/clients/SimpleAppClient' //'../SimpleAppClient';
-// import SimpleAppForm from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppForm.vue';
-// import SimpleAppDatatable from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppDatatable.vue';
-import Dialog from 'primevue/dialog';
-// import axios from 'axios'
-import ProgressSpinner from 'primevue/progressspinner';
-import ConfirmPopup from 'primevue/confirmpopup';
-import { useConfirm } from "primevue/useconfirm";
-
-const confirm = useConfirm();
-const props = defineProps<{
-    document:SimpleAppClient<any,any>
-    listColumns:string[]
-    path:string
-    title:string
-}>()
-
-const visible = ref(false)
-const obj = props.document
-const resourcename = ref( _.upperFirst(props.document.getDocName()))
-const data = obj.getReactiveData()
-const disabled=ref(false)
-const recordlist = ref();
-const router = useRouter()
-const route = useRoute()
-const filters = ref()
-const popuptitle = ref("New "+props.title)
-const {$event} = useNuxtApp()
-const systemwindows = ref(false)
-const currentjsonschema:any = props.document.getSchema()
-if(['none'].includes(currentjsonschema['x-isolation-type'])){
-  systemwindows.value=true
-}
-watch(visible,(newvalue )=>{
-  if(newvalue == false){
-    if(data.value.created!=''){
-      newData()
-    }    
-  }
-
-})
-defineShortcuts({
-  'ctrl_enter': () => newData()
-})
-const refresh = () => {
-  const searchbody: SearchBody = {
-    fields: props.listColumns.concat(['created']),
-    // sorts:props.sorts
-  }
-  obj.search(searchbody).then((res:any) => {    
-    recordlist.value = res;
-    disabled.value=false
-  });
-};
-const newData = () => {
-  router.push({ path: `${props.path}` })  
-  obj.setNew()    
-  visible.value=true;
-  $event("newRecord")
-};
-
-const triggerEdit = (data: any) => {
-  let id = data._id.toString()
-  router.push({ path: `${props.path}/${id}` })  
-};
-const editRecord = (id:string) => {  
-  obj.getById(id).then(()=>{
-    visible.value=true
-    popuptitle.value = "Edit "+props.title
-    $event("editRecord",id)
-  });
-  
-};
-const createData =()=>{
-  disabled.value=true
-  obj.create().then(()=>{
-      visible.value=false
-      refresh()
-    }).catch(err=>{
-      console.error(err)
-    }).finally(()=>disabled.value=false)
-}
-const updateData =()=>{
-  disabled.value=true
-  obj.update().then(()=>{
-      visible.value=false
-      refresh()
-    }).catch(err=>{
-      console.error(err)
-    }).finally(()=>disabled.value=false)
-}
-
-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 
-            obj.delete(data.value._id ?? "").then(()=>visible.value=false).finally(() => {
-                refresh();    
-            });
-        },
-        reject: () => {
-            console.log("Cancel delete")
-        }
-    })  
-};
-
-onNuxtReady(()=>{
-  if (route.params.id) {
-    const recordid:string = route.params.id.toString()
-    editRecord(recordid)  
-  }
-  refresh();
-})
-
-
-</script>
- 
-<template>
-    <div class="simpleapp-crudnesteddocument">    
-      <h1 v-if="systemwindows" class="error-text text-center">* It is system administration screen</h1>
-      <Button class="btn-primary" @click="newData" v-tooltip="'Add new(ctrl+enter)'" v-if="canPerform(resourcename,'create')">New</Button>
-      <SimpleAppDatatable
-            @row-dblclick="triggerEdit"
-            v-model="recordlist"                                 
-            :setting="{}"
-            :columns="listColumns"
-          >         
-          <Column header=" ">
-          <template #body="{index,data}">
-            <Button icon="pi pi-pencil" class="btn-primary" @click="triggerEdit(data)"></Button>
-          </template></Column>
-        </SimpleAppDatatable>
-
-      
-    </div>
-
-    <Dialog v-model:visible="visible" modal :header="popuptitle" class="crudsimple-dialog" :autoZIndex="false" :style="{zIndex:100, width: '80vw' }">        
-        <SimpleAppForm :document="obj"  #default="o">     
-            <div class="simpleapp-tool-bar   col-span-4 text-left gap-4"  >
-              <Button class=" btn-default" :disabled="disabled" @click="newData" type="button" v-if="canPerform(resourcename,'create')">New</Button>
-              <Button class=" btn-primary" :disabled="disabled" @click="createData" type="button" v-if="canPerform(resourcename,'update') && 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>            
-          <slot :data="o.data" :getField="o.getField" name="default"></slot>        
-      </SimpleAppForm>
-    </Dialog>
-</template>
-
-<style scoped>
-.crudsimple-dialog{
-    z-index: 100;
-}
-</style>