Revert "Merge branch 'ticket/supplementary-comments-on-motive' into 'master'"

This reverts merge request !855

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue

@@ -1,42 +1,42 @@
 <template>
-  <on-the-fly
-    :type="context.type"
-    :id="context.id"
-    :action="context.action"
-    :button-text="options.buttonText"
-    :display-badge="options.displayBadge === 'true'"
-    :is-dead="options.isDead"
-    :parent="options.parent"
-    @save-form-on-the-fly="saveFormOnTheFly"
-  />
+    <on-the-fly
+        :type="context.type"
+        :id="context.id"
+        :action="context.action"
+        :button-text="options.buttonText"
+        :display-badge="options.displayBadge === 'true'"
+        :is-dead="options.isDead"
+        :parent="options.parent"
+        @save-form-on-the-fly="saveFormOnTheFly"
+    />
 </template>
 
 <script>
 import OnTheFly from "./components/OnTheFly.vue";
 
 export default {
-  name: "App",
-  components: {
-    OnTheFly,
-  },
-  props: ["onTheFly"],
-  computed: {
-    context() {
-      return this.onTheFly.context;
+    name: "App",
+    components: {
+        OnTheFly,
     },
-    options() {
-      return this.onTheFly.options;
+    props: ["onTheFly"],
+    computed: {
+        context() {
+            return this.onTheFly.context;
+        },
+        options() {
+            return this.onTheFly.options;
+        },
     },
-  },
-  mounted() {
-    //console.log('OnTheFly mounted');
-    //console.log('OnTheFly: data context', this.context);
-    //console.log('OnTheFly: data options', this.options);
-  },
-  methods: {
-    saveFormOnTheFly(payload) {
-      console.log("saveFormOnTheFly", payload);
+    mounted() {
+        //console.log('OnTheFly mounted');
+        //console.log('OnTheFly: data context', this.context);
+        //console.log('OnTheFly: data options', this.options);
+    },
+    methods: {
+        saveFormOnTheFly(payload) {
+            console.log("saveFormOnTheFly", payload);
+        },
     },
-  },
 };
 </script>

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/Create.vue

@@ -1,115 +1,113 @@
 <template>
-  <ul class="nav nav-tabs">
-    <li v-if="allowedTypes.includes('person')" class="nav-item">
-      <a class="nav-link" :class="{ active: isActive('person') }">
-        <label for="person">
-          <input
-            type="radio"
-            name="person"
-            id="person"
-            v-model="radioType"
-            value="person"
-          />
-          {{ trans(ONTHEFLY_CREATE_PERSON) }}
-        </label>
-      </a>
-    </li>
-    <li v-if="allowedTypes.includes('thirdparty')" class="nav-item">
-      <a class="nav-link" :class="{ active: isActive('thirdparty') }">
-        <label for="thirdparty">
-          <input
-            type="radio"
-            name="thirdparty"
-            id="thirdparty"
-            v-model="radioType"
-            value="thirdparty"
-          />
-          {{ trans(ONTHEFLY_CREATE_THIRDPARTY) }}
-        </label>
-      </a>
-    </li>
-  </ul>
+    <ul class="nav nav-tabs">
+        <li v-if="allowedTypes.includes('person')" class="nav-item">
+            <a class="nav-link" :class="{ active: isActive('person') }">
+                <label for="person">
+                    <input
+                        type="radio"
+                        name="person"
+                        id="person"
+                        v-model="radioType"
+                        value="person"
+                    />
+                    {{ $t("onthefly.create.person") }}
+                </label>
+            </a>
+        </li>
+        <li v-if="allowedTypes.includes('thirdparty')" class="nav-item">
+            <a class="nav-link" :class="{ active: isActive('thirdparty') }">
+                <label for="thirdparty">
+                    <input
+                        type="radio"
+                        name="thirdparty"
+                        id="thirdparty"
+                        v-model="radioType"
+                        value="thirdparty"
+                    />
+                    {{ $t("onthefly.create.thirdparty") }}
+                </label>
+            </a>
+        </li>
+    </ul>
 
-  <div class="my-4">
-    <on-the-fly-person
-      v-if="type === 'person'"
-      :action="action"
-      :query="query"
-      ref="castPerson"
-    />
+    <div class="my-4">
+        <on-the-fly-person
+            v-if="type === 'person'"
+            :action="action"
+            :query="query"
+            ref="castPerson"
+        />
 
-    <on-the-fly-thirdparty
-      v-if="type === 'thirdparty'"
-      :action="action"
-      :query="query"
-      ref="castThirdparty"
-    />
-  </div>
+        <on-the-fly-thirdparty
+            v-if="type === 'thirdparty'"
+            :action="action"
+            :query="query"
+            ref="castThirdparty"
+        />
+    </div>
 </template>
-<script setup>
-import { ref, computed, onMounted } from "vue";
+
+<script>
 import OnTheFlyPerson from "ChillPersonAssets/vuejs/_components/OnTheFly/Person.vue";
 import OnTheFlyThirdparty from "ChillThirdPartyAssets/vuejs/_components/OnTheFly/ThirdParty.vue";
-import {
-  trans,
-  ONTHEFLY_CREATE_PERSON,
-  ONTHEFLY_CREATE_THIRDPARTY,
-} from "translator";
 
-const props = defineProps({
-  action: String,
-  allowedTypes: Array,
-  query: String,
-});
+export default {
+    name: "OnTheFlyCreate",
+    props: ["action", "allowedTypes", "query"],
+    components: {
+        OnTheFlyPerson,
+        OnTheFlyThirdparty,
+    },
+    data() {
+        return {
+            type: null,
+        };
+    },
+    computed: {
+        radioType: {
+            set(type) {
+                this.type = type;
+                console.log("## type:", type, ", action:", this.action);
+            },
+            get() {
+                return this.type;
+            },
+        },
+    },
+    mounted() {
+        this.type =
+            this.allowedTypes.length === 1 &&
+            this.allowedTypes.includes("thirdparty")
+                ? "thirdparty"
+                : "person";
+    },
+    methods: {
+        isActive(tab) {
+            return this.type === tab ? true : false;
+        },
+        castDataByType() {
+            switch (this.radioType) {
+                case "person":
+                    return this.$refs.castPerson.$data.person;
+                case "thirdparty":
+                    let data = this.$refs.castThirdparty.$data.thirdparty;
+                    if (data.address !== undefined && data.address !== null) {
+                        data.address = { id: data.address.address_id };
+                    } else {
+                        data.address = null;
+                    }
 
-const type = ref(null);
-
-const radioType = computed({
-  get: () => type.value,
-  set: (val) => {
-    type.value = val;
-    console.log("## type:", val, ", action:", props.action);
-  },
-});
-
-const castPerson = ref(null);
-const castThirdparty = ref(null);
-
-onMounted(() => {
-  type.value =
-    props.allowedTypes.length === 1 && props.allowedTypes.includes("thirdparty")
-      ? "thirdparty"
-      : "person";
-});
-
-function isActive(tab) {
-  return type.value === tab;
-}
-
-function castDataByType() {
-  switch (radioType.value) {
-    case "person":
-      return castPerson.value.$data.person;
-    case "thirdparty":
-      let data = castThirdparty.value.$data.thirdparty;
-      if (data.address !== undefined && data.address !== null) {
-        data.address = { id: data.address.address_id };
-      } else {
-        data.address = null;
-      }
-      return data;
-    default:
-      throw Error("Invalid type of entity");
-  }
-}
-
-defineExpose({
-  castDataByType,
-});
+                    return data;
+                default:
+                    throw Error("Invalid type of entity");
+            }
+        },
+    },
+};
 </script>
 
 <style lang="css" scoped>
 label {
-  cursor: pointer;
+    cursor: pointer;
 }
 </style>

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue

@@ -1,354 +1,328 @@
 <template>
-  <a v-if="isDisplayBadge" @click="openModal">
-    <span class="chill-entity" :class="badgeType">
-      {{ buttonText }}<span v-if="isDead"> (‡)</span>
-    </span>
-  </a>
-  <a
-    v-else
-    class="btn btn-sm"
-    target="_blank"
-    :class="classAction"
-    :title="trans(titleAction)"
-    @click="openModal"
-  >
-    {{ buttonText }}<span v-if="isDead"> (‡)</span>
-  </a>
-
-  <teleport to="body">
-    <modal
-      v-if="modal.showModal"
-      :modal-dialog-class="modal.modalDialogClass"
-      @close="modal.showModal = false"
+    <a v-if="isDisplayBadge" @click="openModal">
+        <span class="chill-entity" :class="badgeType">
+            {{ buttonText }}<span v-if="isDead"> (‡)</span>
+        </span>
+    </a>
+    <a
+        v-else
+        class="btn btn-sm"
+        target="_blank"
+        :class="classAction"
+        :title="$t(titleAction)"
+        @click="openModal"
     >
-      <template #header>
-        <h3 v-if="parent" class="modal-title">
-          {{ trans(titleModal, { q: parent.text }) }}
-        </h3>
-        <h3 v-else class="modal-title">
-          {{ trans(titleModal) }}
-        </h3>
-      </template>
+        {{ buttonText }}<span v-if="isDead"> (‡)</span>
+    </a>
 
-      <template #body v-if="type === 'person'">
-        <on-the-fly-person
-          :id="id"
-          :type="type"
-          :action="action"
-          ref="castPerson"
-        />
-        <div v-if="hasResourceComment">
-          <h3>{{ trans(ONTHEFLY_RESOURCE_COMMENT_TITLE) }}</h3>
-          <blockquote class="chill-user-quote">
-            {{ parent.comment }}
-          </blockquote>
-        </div>
-      </template>
+    <teleport to="body">
+        <modal
+            v-if="modal.showModal"
+            :modal-dialog-class="modal.modalDialogClass"
+            @close="modal.showModal = false"
+        >
+            <template #header>
+                <h3 v-if="parent" class="modal-title">
+                    {{ $t(titleModal, { q: parent.text }) }}
+                </h3>
+                <h3 v-else class="modal-title">
+                    {{ $t(titleModal) }}
+                </h3>
+            </template>
 
-      <template #body v-else-if="type === 'thirdparty'">
-        <on-the-fly-thirdparty
-          :id="id"
-          :type="type"
-          :action="action"
-          ref="castThirdparty"
-        />
-        <div v-if="hasResourceComment">
-          <h3>{{ trans(ONTHEFLY_RESOURCE_COMMENT_TITLE) }}</h3>
-          <blockquote class="chill-user-quote">
-            {{ parent.comment }}
-          </blockquote>
-        </div>
-      </template>
+            <template #body v-if="type === 'person'">
+                <on-the-fly-person
+                    :id="id"
+                    :type="type"
+                    :action="action"
+                    ref="castPerson"
+                />
+                <div v-if="hasResourceComment">
+                    <h3>{{ $t("onthefly.resource_comment_title") }}</h3>
+                    <blockquote class="chill-user-quote">
+                        {{ parent.comment }}
+                    </blockquote>
+                </div>
+            </template>
 
-      <template #body v-else-if="parent">
-        <on-the-fly-thirdparty
-          :parent="parent"
-          :action="action"
-          type="thirdparty"
-          ref="castThirdparty"
-        />
-      </template>
+            <template #body v-else-if="type === 'thirdparty'">
+                <on-the-fly-thirdparty
+                    :id="id"
+                    :type="type"
+                    :action="action"
+                    ref="castThirdparty"
+                />
+                <div v-if="hasResourceComment">
+                    <h3>{{ $t("onthefly.resource_comment_title") }}</h3>
+                    <blockquote class="chill-user-quote">
+                        {{ parent.comment }}
+                    </blockquote>
+                </div>
+            </template>
 
-      <template #body v-else>
-        <on-the-fly-create
-          :action="action"
-          :allowed-types="allowedTypes"
-          :query="query"
-          ref="castNew"
-        />
-      </template>
+            <template #body v-else-if="parent">
+                <on-the-fly-thirdparty
+                    :parent="parent"
+                    :action="action"
+                    type="thirdparty"
+                    ref="castThirdparty"
+                />
+            </template>
 
-      <template #footer>
-        <a
-          v-if="action === 'show'"
-          :href="buildLocation(id, type)"
-          :title="trans(titleMessage)"
-          class="btn btn-show"
-          >{{ trans(buttonMessage) }}
-        </a>
-        <a v-else class="btn btn-save" @click="saveAction">
-          {{ trans(ACTION_SAVE) }}
-        </a>
-      </template>
-    </modal>
-  </teleport>
+            <template #body v-else>
+                <on-the-fly-create
+                    :action="action"
+                    :allowed-types="allowedTypes"
+                    :query="query"
+                    ref="castNew"
+                />
+            </template>
+
+            <template #footer>
+                <a
+                    v-if="action === 'show'"
+                    :href="buildLocation(id, type)"
+                    :title="$t(titleMessage)"
+                    class="btn btn-show"
+                    >{{ $t(buttonMessage) }}
+                </a>
+                <a v-else class="btn btn-save" @click="saveAction">
+                    {{ $t("action.save") }}
+                </a>
+            </template>
+        </modal>
+    </teleport>
 </template>
-<script setup>
-import { ref, computed, defineEmits, defineProps } from "vue";
+
+<script>
 import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
 import OnTheFlyCreate from "./Create.vue";
 import OnTheFlyPerson from "ChillPersonAssets/vuejs/_components/OnTheFly/Person.vue";
 import OnTheFlyThirdparty from "ChillThirdPartyAssets/vuejs/_components/OnTheFly/ThirdParty.vue";
-import {
-  trans,
-  ACTION_SHOW,
-  ACTION_EDIT,
-  ACTION_CREATE,
-  ACTION_ADDCONTACT,
-  ONTHEFLY_CREATE_TITLE_DEFAULT,
-  ONTHEFLY_CREATE_TITLE_PERSON,
-  ONTHEFLY_CREATE_TITLE_THIRDPARTY,
-  ONTHEFLY_SHOW_PERSON,
-  ONTHEFLY_SHOW_THIRDPARTY,
-  ONTHEFLY_EDIT_PERSON,
-  ONTHEFLY_EDIT_THIRDPARTY,
-  ONTHEFLY_ADDCONTACT_TITLE,
-  ACTION_REDIRECT_PERSON,
-  ACTION_REDIRECT_THIRDPARTY,
-  ONTHEFLY_SHOW_FILE_PERSON,
-  ONTHEFLY_SHOW_FILE_THIRDPARTY,
-  ONTHEFLY_SHOW_FILE_DEFAULT,
-  ONTHEFLY_RESOURCE_COMMENT_TITLE,
-  ACTION_SAVE,
-} from "translator";
 
-const props = defineProps({
-  type: String,
-  id: [String, Number],
-  action: String,
-  buttonText: String,
-  displayBadge: Boolean,
-  isDead: Boolean,
-  parent: Object,
-  allowedTypes: Array,
-  query: String,
-});
+export default {
+    name: "OnTheFly",
+    components: {
+        Modal,
+        OnTheFlyPerson,
+        OnTheFlyThirdparty,
+        OnTheFlyCreate,
+    },
+    props: [
+        "type",
+        "id",
+        "action",
+        "buttonText",
+        "displayBadge",
+        "isDead",
+        "parent",
+        "allowedTypes",
+        "query",
+    ],
+    emits: ["saveFormOnTheFly"],
+    data() {
+        return {
+            modal: {
+                showModal: false,
+                modalDialogClass: "modal-dialog-scrollable modal-xl",
+            },
+        };
+    },
+    computed: {
+        hasResourceComment() {
+            return (
+                typeof this.parent !== "undefined" &&
+                this.parent !== null &&
+                this.action === "show" &&
+                this.parent.type === "accompanying_period_resource" &&
+                this.parent.comment !== null &&
+                this.parent.comment !== ""
+            );
+        },
+        classAction() {
+            switch (this.action) {
+                case "show":
+                    return "btn-show";
+                case "edit":
+                    return "btn-update";
+                case "create":
+                    return "btn-create";
+                case "addContact":
+                    return "btn-tpchild";
+                default:
+                    return "";
+            }
+        },
+        titleAction() {
+            switch (this.action) {
+                case "show":
+                    return "action.show";
+                case "edit":
+                    return "action.edit";
+                case "create":
+                    return "action.create";
+                case "addContact":
+                    return "action.addContact";
+                default:
+                    return "";
+            }
+        },
+        titleCreate() {
+            if (typeof this.allowedTypes === "undefined") {
+                return "onthefly.create.title.default";
+            }
+            return this.allowedTypes.every((t) => t === "person")
+                ? "onthefly.create.title.person"
+                : this.allowedTypes.every((t) => t === "thirdparty")
+                  ? "onthefly.create.title.thirdparty"
+                  : "onthefly.create.title.default";
+        },
+        titleModal() {
+            switch (this.action) {
+                case "show":
+                    return "onthefly.show." + this.type;
+                case "edit":
+                    return "onthefly.edit." + this.type;
+                case "create":
+                    return this.titleCreate;
+                case "addContact":
+                    return "onthefly.addContact.title";
+                default:
+                    return "";
+            }
+        },
+        titleMessage() {
+            switch (this.type) {
+                case "person":
+                    return "action.redirect." + this.type;
+                case "thirdparty":
+                    return "action.redirect." + this.type;
+                default:
+                    return "";
+            }
+        },
+        buttonMessage() {
+            switch (this.type) {
+                case "person":
+                    return "onthefly.show.file_" + this.type;
+                case "thirdparty":
+                    return "onthefly.show.file_" + this.type;
+            }
+        },
+        isDisplayBadge() {
+            return this.displayBadge === true && this.buttonText !== null;
+        },
+        badgeType() {
+            return "entity-" + this.type + " badge-" + this.type;
+        },
+        getReturnPath() {
+            return `?returnPath=${window.location.pathname}${window.location.search}${window.location.hash}`;
+        },
+    },
+    methods: {
+        closeModal() {
+            this.modal.showModal = false;
+        },
+        openModal() {
+            // console.log('## OPEN ON THE FLY MODAL');
+            // console.log('## type:', this.type, ', action:', this.action);
+            this.modal.showModal = true;
+            this.$nextTick(function () {
+                //this.$refs.search.focus();
+            });
+        },
+        changeActionTo(action) {
+            this.$data.action = action;
+        },
+        saveAction() {
+            // console.log('saveAction button: create/edit action with', this.type);
+            let type = this.type,
+                data = {};
+            switch (type) {
+                case "person":
+                    data = this.$refs.castPerson.$data.person;
+                    console.log("person data are", data);
+                    break;
 
-const emit = defineEmits(["saveFormOnTheFly"]);
+                case "thirdparty":
+                    data = this.$refs.castThirdparty.$data.thirdparty;
+                    /* never executed ? */
+                    break;
 
-const modal = ref({
-  showModal: false,
-  modalDialogClass: "modal-dialog-scrollable modal-xl",
-});
-
-const castPerson = ref();
-const castThirdparty = ref();
-const castNew = ref();
-
-const hasResourceComment = computed(() => {
-  return (
-    typeof props.parent !== "undefined" &&
-    props.parent !== null &&
-    props.action === "show" &&
-    props.parent.type === "accompanying_period_resource" &&
-    props.parent.comment !== null &&
-    props.parent.comment !== ""
-  );
-});
-
-const classAction = computed(() => {
-  switch (props.action) {
-    case "show":
-      return "btn-show";
-    case "edit":
-      return "btn-update";
-    case "create":
-      return "btn-create";
-    case "addContact":
-      return "btn-tpchild";
-    default:
-      return "";
-  }
-});
-
-const titleAction = computed(() => {
-  switch (props.action) {
-    case "show":
-      return ACTION_SHOW;
-    case "edit":
-      return ACTION_EDIT;
-    case "create":
-      return ACTION_CREATE;
-    case "addContact":
-      return ACTION_ADDCONTACT;
-    default:
-      return "";
-  }
-});
-
-const titleCreate = computed(() => {
-  if (typeof props.allowedTypes === "undefined") {
-    return ONTHEFLY_CREATE_TITLE_DEFAULT;
-  }
-  return props.allowedTypes.every((t) => t === "person")
-    ? ONTHEFLY_CREATE_TITLE_PERSON
-    : props.allowedTypes.every((t) => t === "thirdparty")
-      ? ONTHEFLY_CREATE_TITLE_THIRDPARTY
-      : ONTHEFLY_CREATE_TITLE_DEFAULT;
-});
-
-const titleModal = computed(() => {
-  switch (props.action) {
-    case "show":
-      if (props.type == "person") {
-        return ONTHEFLY_SHOW_PERSON;
-      } else if (props.type == "thirdparty") {
-        return ONTHEFLY_SHOW_THIRDPARTY;
-      }
-      break;
-    case "edit":
-      if (props.type == "person") {
-        return ONTHEFLY_EDIT_PERSON;
-      } else if (props.type == "thirdparty") {
-        return ONTHEFLY_EDIT_THIRDPARTY;
-      }
-      break;
-    case "create":
-      return titleCreate.value;
-    case "addContact":
-      return ONTHEFLY_ADDCONTACT_TITLE;
-    default:
-      break;
-  }
-  return "";
-});
-
-const titleMessage = computed(() => {
-  switch (props.type) {
-    case "person":
-      return ACTION_REDIRECT_PERSON;
-    case "thirdparty":
-      return ACTION_REDIRECT_THIRDPARTY;
-    default:
-      return "";
-  }
-});
-
-const buttonMessage = computed(() => {
-  switch (props.type) {
-    case "person":
-      return ONTHEFLY_SHOW_FILE_PERSON;
-    case "thirdparty":
-      return ONTHEFLY_SHOW_FILE_THIRDPARTY;
-    default:
-      return ONTHEFLY_SHOW_FILE_DEFAULT;
-  }
-});
-
-const isDisplayBadge = computed(() => {
-  return props.displayBadge === true && props.buttonText !== null;
-});
-
-const badgeType = computed(() => {
-  return "entity-" + props.type + " badge-" + props.type;
-});
-
-const getReturnPath = computed(() => {
-  return `?returnPath=${window.location.pathname}${window.location.search}${window.location.hash}`;
-});
-
-function closeModal() {
-  modal.value.showModal = false;
-}
-
-function openModal() {
-  modal.value.showModal = true;
-}
-
-function changeActionTo(action) {
-  console.log(action);
-  // Not reactive in setup, but you can emit or use a ref if needed
-}
-
-function saveAction() {
-  let type = props.type,
-    data = {};
-  switch (type) {
-    case "person":
-      data = castPerson.value?.$data.person;
-      break;
-    case "thirdparty":
-      data = castThirdparty.value?.$data.thirdparty;
-      break;
-    default:
-      if (typeof props.type === "undefined") {
-        if (props.action === "addContact") {
-          type = "thirdparty";
-          data = castThirdparty.value?.$data.thirdparty;
-          data.parent = {
-            type: "thirdparty",
-            id: props.parent.id,
-          };
-          data.civility =
-            data.civility !== null
-              ? {
-                  type: "chill_main_civility",
-                  id: data.civility.id,
-                }
-              : null;
-          data.profession = data.profession !== "" ? data.profession : "";
-        } else {
-          type = castNew.value.radioType;
-          data = castNew.value.castDataByType();
-          if (typeof data.civility !== "undefined" && null !== data.civility) {
-            data.civility =
-              data.civility !== null
-                ? {
-                    type: "chill_main_civility",
-                    id: data.civility.id,
-                  }
-                : null;
-          }
-          if (
-            typeof data.profession !== "undefined" &&
-            "" !== data.profession
-          ) {
-            data.profession = data.profession !== "" ? data.profession : "";
-          }
-        }
-      } else {
-        throw "error with object type";
-      }
-  }
-  emit("saveFormOnTheFly", { type: type, data: data });
-}
-
-function buildLocation(id, type) {
-  if (type === "person") {
-    return encodeURI(`/fr/person/${id}/general${getReturnPath.value}`);
-  } else if (type === "thirdparty") {
-    return encodeURI(`/fr/3party/3party/${id}/view${getReturnPath.value}`);
-  }
-}
-
-defineExpose({
-  openModal,
-  closeModal,
-  changeActionTo,
-  saveAction,
-  castPerson,
-  castThirdparty,
-  castNew,
-  hasResourceComment,
-  modal,
-  isDisplayBadge,
-  Modal,
-});
+                default:
+                    if (typeof this.type === "undefined") {
+                        // action=create or addContact
+                        // console.log('will rewrite data');
+                        if (this.action === "addContact") {
+                            type = "thirdparty";
+                            data = this.$refs.castThirdparty.$data.thirdparty;
+                            // console.log('data original', data);
+                            data.parent = {
+                                type: "thirdparty",
+                                id: this.parent.id,
+                            };
+                            data.civility =
+                                data.civility !== null
+                                    ? {
+                                          type: "chill_main_civility",
+                                          id: data.civility.id,
+                                      }
+                                    : null;
+                            data.profession =
+                                data.profession !== "" ? data.profession : "";
+                        } else {
+                            type = this.$refs.castNew.radioType;
+                            data = this.$refs.castNew.castDataByType();
+                            // console.log('type', type);
+                            if (
+                                typeof data.civility !== "undefined" &&
+                                null !== data.civility
+                            ) {
+                                data.civility =
+                                    data.civility !== null
+                                        ? {
+                                              type: "chill_main_civility",
+                                              id: data.civility.id,
+                                          }
+                                        : null;
+                            }
+                            if (
+                                typeof data.profession !== "undefined" &&
+                                "" !== data.profession
+                            ) {
+                                data.profession =
+                                    data.profession !== ""
+                                        ? data.profession
+                                        : "";
+                            }
+                            // console.log('onthefly data', data);
+                        }
+                    } else {
+                        throw "error with object type";
+                    }
+            }
+            // pass datas to parent
+            this.$emit("saveFormOnTheFly", { type: type, data: data });
+        },
+        buildLocation(id, type) {
+            if (type === "person") {
+                // TODO i18n
+                return encodeURI(
+                    `/fr/person/${id}/general${this.getReturnPath}`,
+                );
+            } else if (type === "thirdparty") {
+                return encodeURI(
+                    `/fr/3party/3party/${id}/view${this.getReturnPath}`,
+                );
+            }
+        },
+    },
+};
 </script>
 
 <style lang="css" scoped>
 a {
-  cursor: pointer;
+    cursor: pointer;
 }
 
 /* .btn-add-contact {