chore: Update components to pass isNew prop to child components

Author: tacxou

src/components/2pan/index.vue

@@ -93,7 +93,7 @@ q-splitter(
                 q-tooltip.text-body2 Supprimer
             slot(name="right-panel-actions-content-after" :target="target" :isNew="isNew" :crud="crud")
         q-card-section.q-pa-none.fit.flex(style='flex-flow: column; overflow: hidden;')
-          slot(name="right-panel-content" :payload="{ target }")
+          slot(name="right-panel-content" :payload="{ target }" :isNew="isNew")
             slot(name="right-panel-content-before")
             slot(name="right-panel-content-after")
         q-expansion-item.bg-blue-grey-10(v-if='debug' label='Debug' icon='mdi-bug' dark dense)

src/components/identityForm/index.vue

@@ -16,12 +16,14 @@ div
         schemaName="inetorgperson"
         v-model:data="identity.inetOrgPerson"
         v-model:validations="validations"
+        :isNew="isNew"
       )
     q-tab-panel(v-for="tab in tabs" :key="tab" :name="tab")
       sesame-json-form-renderer-api(
         :schemaName="tab"
         v-model:data="identity.additionalFields.attributes[tab]"
         v-model:validations="validations"
+        :isNew="isNew"
       )
 </template>
 
@@ -53,7 +55,11 @@ const props = defineProps(
           attributes: {},
         },
       },
-    }
+    },
+    isNew: {
+      type: Boolean,
+      default: false,
+    },
   }
 )
 

src/components/jsonFormRendererApi.vue

@@ -1,14 +1,15 @@
 <template lang="pug">
-json-forms(
-  v-if="data"
-  :data="data"
-  :schema="schema"
-  :uischema="uischema"
-  :renderers="renderers"
-  validationMode="ValidateAndShow"
-  :additionalErrors="getSchemaValidations"
-  @change="onChange"
-)
+div
+  //- pre(v-html="JSON.stringify({ isNew }, null, 2)")
+  json-forms(
+    :data="data"
+    :schema="schema"
+    :uischema="uischema"
+    :renderers="renderers"
+    validationMode="ValidateAndShow"
+    :additionalErrors="getSchemaValidations"
+    @change="onChange"
+  )
 </template>
 
 <script setup lang="ts">
@@ -49,6 +50,10 @@ const props = defineProps({
     type: Object || null,
     default: {},
   },
+  isNew: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const validations = defineModel('validations', {
@@ -62,7 +67,7 @@ const data = defineModel('data', {
 });
 
 function onChange(event: JsonFormsChangeEvent) {
-  data.value = event.data;
+  data.value = event.data || {};
 }
 
 const getSchemaValidations = computed(() => {
@@ -82,17 +87,25 @@ const getSchemaValidations = computed(() => {
   return errorObject;
 })
 
+const mode = computed(() => {
+  return props.isNew ? 'create' : 'update';
+});
 
-const { data: result, pending, error, refresh } = await useHttp(`/management/identities/validation/${props.schemaName}`, {
+const { data: result, pending, error, refresh } = await useHttp<any>(`/management/identities/validation/${props.schemaName}`, {
   method: 'GET',
 });
 
-const { data: resultUi, pending: pendingUi, error: errorUi, refresh: refreshUi } = await useHttp(`/management/identities/jsonforms/${props.schemaName}`, {
+const { data: resultUi, pending: pendingUi, error: errorUi, refresh: refreshUi } = await useHttp<any>(`/management/identities/jsonforms/${props.schemaName}`, {
   method: 'GET',
+  params: {
+    mode,
+  },
 });
 
-const schema = ref(result.value.data);
-const uischema = ref(resultUi.value.data);
+// const schema = ref({ ...result.value.data });
+// const uischema = ref({ ...resultUi.value.data });
+const schema = computed(() => result.value?.data);
+const uischema = computed(() => resultUi.value?.data);
 </script>
 
 <style>

src/pages/identities/index.vue

@@ -29,10 +29,12 @@ q-page.container
       sesame-table-state-col(:identity="props.row")
     template(#right-panel-actions-content-after="{target, crud, isNew}")
       sesame-identity-form-actions(:identity="target" @submit="submit($event)" @create="create($event)" @sync="sync" @logs="logs" :crud="crud" :isNew="isNew")
-    template(#right-panel-content="{payload}")
+    template(#right-panel-content="{payload, isNew}")
       sesame-identity-form(
         :identity="{...payload.target}"
-        ref="form" @refresh="refresh"
+        ref="form"
+        :isNew="isNew"
+        @refresh="refresh"
         @submit="submit($event)"
         @sync="sync" @logs="logs"
         @refreshTarget="refreshTarget"