generator-jhipster 8.2.0 → 8.2.1

package/dist/generators/vue/templates/src/main/webapp/app/entities/_entityFolder/_entityFile-update.component.spec.ts.ejs

@@ -1,206 +0,0 @@
-<%#
- Copyright 2013-2023 the original author or authors from the JHipster project.
-
- This file is part of the JHipster project, see https://www.jhipster.tech/
- for more information.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-      https://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
--%>
-<%_ const tsKeyId = this.generateTestEntityId(primaryKey.type); _%>
-/* tslint:disable max-line-length */
-import { vitest } from 'vitest';
-import { shallowMount, MountingOptions } from '@vue/test-utils';
-import sinon, { SinonStubbedInstance } from 'sinon';
-import { RouteLocation } from 'vue-router';
-
-<%_ if (anyFieldIsTimeDerived) { _%>
-import dayjs from 'dayjs';
-import { DATE_TIME_LONG_FORMAT } from '@/shared/composables/date-format';
-<%_ } _%>
-import <%= entityAngularName %>Update from './<%= entityFileName %>-update.vue';
-import <%= entityAngularName %>Service from './<%= entityFileName %>.service';
-import AlertService from '@/shared/alert/alert.service';
-
-<%_
-  const allRelationshipsThatNeedSelectOptions = Object
-    .values(relationshipsByOtherEntity)
-    .map(relationships => relationships.filter(rel => rel.ownerSide))
-    .filter(relationships => relationships.length > 0);
-_%>
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-  <% if (relationship.otherEntityUser && (generateBuiltInUserEntity)) { %>
-import UserService from '@/entities/user/user.service';
-  <%_ } else { _%>
-import <%= relationship.otherEntity.entityAngularName %>Service from '@/entities/<%= relationship.otherEntity.entityClientRootFolder %><%= relationship.otherEntity.entityFolderName %>/<%= relationship.otherEntity.entityFileName %>.service';
-  <%_ } _%>
-<%_ } _%>
-
-type <%= entityAngularName %>UpdateComponentType = InstanceType<typeof <%= entityAngularName %>Update>;
-
-let route: Partial<RouteLocation>;
-const routerGoMock = vitest.fn();
-
-vitest.mock('vue-router', () => ({
-  useRoute: () => route,
-  useRouter: () => ({ go: routerGoMock }),
-}));
-
-const <%= entityInstance %>Sample = { id: <%- tsKeyId %> };
-
-describe('Component Tests', () => {
-  let mountOptions: MountingOptions<<%= entityAngularName %>UpdateComponentType>['global'];
-  let alertService: AlertService;
-
-  describe('<%= entityAngularName %> Management Update Component', () => {
-    let comp: <%= entityAngularName %>UpdateComponentType;
-    let <%= entityInstance %>ServiceStub: SinonStubbedInstance<<%= entityAngularName %>Service>;
-
-    beforeEach(() => {
-      route = {};
-      <%= entityInstance %>ServiceStub = sinon.createStubInstance<<%= entityAngularName %>Service>(<%= entityAngularName %>Service);
-
-      alertService = new AlertService({
-<%_ if (enableTranslation) { _%>
-        i18n: { t: vitest.fn() } as any,
-<%_ } _%>
-        bvToast: {
-          toast: vitest.fn(),
-        } as any,
-      });
-
-      mountOptions = {
-        stubs: {
-          'font-awesome-icon': true,
-          'b-input-group': true,
-          'b-input-group-prepend': true,
-          'b-form-datepicker': true,
-          'b-form-input': true,
-        },
-        provide: {
-          alertService,
-          <%= entityInstance %>Service: () => <%= entityInstance %>ServiceStub,
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-  <% if (relationship.otherEntityUser && (generateBuiltInUserEntity)) { %>
-            userService: () =>
-              sinon.createStubInstance<UserService>(UserService, {
-                retrieve: sinon.stub().resolves({}),
-              } as any),
-  <%_ } else { _%>
-            <%= relationship.otherEntity.entityInstance %>Service: () =>
-              sinon.createStubInstance<<%= relationship.otherEntity.entityAngularName %>Service>(<%= relationship.otherEntity.entityAngularName %>Service, {
-                retrieve: sinon.stub().resolves({}),
-              } as any),
-  <%_ } _%>
-<%_ } _%>
-        },
-      };
-    });
-
-    afterEach(() => {
-      vitest.resetAllMocks();
-    });
-
-<%_ if (anyFieldIsTimeDerived) { _%>
-    describe('load', () => {
-      beforeEach(() => {
-        const wrapper = shallowMount(<%= entityAngularName %>Update, { global: mountOptions });
-        comp = wrapper.vm;
-      });
-      it('Should convert date from string', () => {
-        // GIVEN
-        const date = new Date('2019-10-15T11:42:02Z');
-
-        // WHEN
-        const convertedDate = comp.convertDateTimeFromServer(date);
-
-        // THEN
-        expect(convertedDate).toEqual(dayjs(date).format(DATE_TIME_LONG_FORMAT));
-      });
-
-      it('Should not convert date if date is not present', () => {
-        expect(comp.convertDateTimeFromServer(null)).toBeNull();
-      });
-    });
-<%_ } _%>
-
-    describe('save', () => {
-      it('Should call update service on save for existing entity', async () => {
-        // GIVEN
-        const wrapper = shallowMount(<%= entityAngularName %>Update, { global: mountOptions });
-        comp = wrapper.vm;
-        comp.<%= entityInstance %> = <%= entityInstance %>Sample;
-        <%= entityInstance %>ServiceStub.update.resolves(<%= entityInstance %>Sample);
-
-        // WHEN
-        comp.save();
-        await comp.$nextTick();
-
-        // THEN
-        expect(<%= entityInstance %>ServiceStub.update.calledWith(<%= entityInstance %>Sample)).toBeTruthy();
-        expect(comp.isSaving).toEqual(false);
-      });
-
-      it('Should call create service on save for new entity', async () => {
-        // GIVEN
-        const entity = {};
-        <%= entityInstance %>ServiceStub.create.resolves(entity);
-        const wrapper = shallowMount(<%= entityAngularName %>Update, { global: mountOptions });
-        comp = wrapper.vm;
-        comp.<%= entityInstance %> = entity;
-
-        // WHEN
-        comp.save();
-        await comp.$nextTick();
-
-        // THEN
-        expect(<%= entityInstance %>ServiceStub.create.calledWith(entity)).toBeTruthy();
-        expect(comp.isSaving).toEqual(false);
-      });
-    });
-
-    describe('Before route enter', () => {
-      it('Should retrieve data', async () => {
-        // GIVEN
-        <%= entityInstance %>ServiceStub.find.resolves(<%= entityInstance %>Sample);
-        <%= entityInstance %>ServiceStub.retrieve.resolves([<%= entityInstance %>Sample]);
-
-        // WHEN
-        route = {
-          params: {
-            <%= entityInstance %>Id: '' + <%= entityInstance %>Sample.<%- primaryKey.name %>,
-          },
-        };
-        const wrapper = shallowMount(<%= entityAngularName %>Update, { global: mountOptions });
-        comp = wrapper.vm;
-        await comp.$nextTick();
-
-        // THEN
-        expect(comp.<%= entityInstance %>).toMatchObject(<%= entityInstance %>Sample);
-      });
-    });
-
-    describe('Previous state', () => {
-      it('Should go previous state', async () => {
-        <%= entityInstance %>ServiceStub.find.resolves(<%= entityInstance %>Sample);
-        const wrapper = shallowMount(<%= entityAngularName %>Update, { global: mountOptions });
-        comp = wrapper.vm;
-        await comp.$nextTick();
-
-        comp.previousState();
-        await comp.$nextTick();
-
-        expect(routerGoMock).toHaveBeenCalledWith(-1);
-      });
-    });
-  });
-});

package/dist/generators/vue/templates/src/main/webapp/app/entities/_entityFolder/_entityFile-update.component.ts.ejs

@@ -1,249 +0,0 @@
-import { computed, defineComponent, inject, ref, Ref } from 'vue';
-<%_ if (enableTranslation) { _%>
-import { useI18n } from 'vue-i18n';
-<%_ } _%>
-import { useRoute, useRouter } from 'vue-router';
-import { useVuelidate } from '@vuelidate/core'
-
-<%_ if (anyFieldIsBlobDerived) { _%>
-import useDataUtils from '@/shared/data/data-utils.service';
-<%_ } _%>
-import { useValidation<% if (anyFieldIsTimeDerived) { %>, useDateFormat<% } %> } from '@/shared/composables';
-import { useAlertService } from '@/shared/alert/alert.service';
-
-<%_
-  const allRelationshipsThatNeedSelectOptions = Object
-    .values(relationshipsByOtherEntity)
-    .map(relationships => relationships.filter(rel => rel.ownerSide))
-    .filter(relationships => relationships.length > 0);
-  const relationshipsContainManyToOne = relationships.some(rel => !rel.otherEntityIsEmbedded && rel.collection && rel.ownerSide);
-_%>
-
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-  <%_ if (relationship.otherEntity.builtInUser) { _%>
-import UserService from '@/entities/user/user.service';
-  <%_ } else { _%>
-import <%= relationship.otherEntity.entityAngularName %>Service from '@/entities/<%= relationship.otherEntity.entityClientRootFolder %><%= relationship.otherEntity.entityFolderName %>/<%= relationship.otherEntity.entityFileName %>.service';
-import { I<%= relationship.otherEntity.entityAngularName %> } from '@/shared/model/<%= relationship.otherEntityModelName %>.model';
-  <%_ } _%>
-<%_ } _%>
-import { I<%= entityAngularName %>, <%= entityAngularName %> } from '@/shared/model/<%= entityModelFileName %>.model';
-import <%= entityAngularName %>Service from './<%= entityFileName %>.service';
-<%_ const enumImports = this.generateEntityClientEnumImports(fields); _%>
-<%_ enumImports.forEach( (importedPath, importedType) => { _%>
-import { <%- importedType %> } from '<%- importedPath %>';
-<%_ }); _%>
-
-export default defineComponent({
-  compatConfig: { MODE: 3 },
-  name: '<%= entityAngularName %>Update',
-  setup() {
-    const <%= entityInstance %>Service = inject('<%= entityInstance %>Service', () => new <%= entityAngularName %>Service());
-    const alertService = inject('alertService', () => useAlertService(), true);
-  
-    const <%= entityInstance %>: Ref<I<%= entityAngularName %>> = ref(new <%= entityAngularName %>());
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-  <%_ if (relationship.otherEntity.builtInUser) { _%>
-    const userService = inject('userService', () => new UserService());
-    const <%= relationship.otherEntity.entityInstancePlural %>: Ref<Array<any>> = ref([]);
-  <%_ } else { _%>
-    const <%= relationship.otherEntity.entityInstance %>Service = inject('<%= relationship.otherEntity.entityInstance %>Service', () => new <%= relationship.otherEntity.entityAngularName %>Service());
-    const <%= relationship.otherEntity.entityInstancePlural %>: Ref<I<%= relationship.otherEntity.entityAngularName %>[]> = ref([]);
-  <%_ } _%>
-<%_ } _%>
-    <%_ enumImports.forEach( (importedPath, importedType) => { _%>
-    const <%- this._.lowerFirst(importedType) %>Values: Ref<string[]> = ref(Object.keys(<%- importedType %>));
-    <%_ }); _%>
-    const isSaving = ref(false);
-    const currentLanguage = inject('currentLanguage', () => computed(() => navigator.language ?? '<%- nativeLanguage %>'), true);
-
-    const route = useRoute();
-    const router = useRouter();
-
-    const previousState = () => router.go(-1);
-
-    const retrieve<%= entityAngularName %> = async <%= entityInstance %>Id => {
-      try {
-        const res = await <%= entityInstance %>Service().find(<%= entityInstance %>Id);
-<%_
-        for (field of fields.filter(field => !field.id)) {
-            const fieldName = field.fieldName;
-            const fieldType = field.fieldType;
-            if ([ 'Instant', 'ZonedDateTime' ].includes(fieldType)) {
-_%>
-        res.<%= fieldName %> = new Date(res.<%= fieldName %>);
-<%_ } } _%>
-        <%= entityInstance %>.value = res;
-      } catch (error) {
-        alertService.showHttpError(error.response);
-      }
-    };
-
-    if (route.params?.<%= entityInstance %>Id) {
-      retrieve<%= entityAngularName %>(route.params.<%= entityInstance %>Id);
-    }
-<%_ if (relationships.length > 0) { _%>
-
-    const initRelationships = () => {
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-  <%_ if (relationship.otherEntity.builtInUser) { _%>
-      userService().retrieve().then((res) => {
-        <%= relationship.otherEntity.entityInstancePlural %>.value = res.data;
-      });
-  <%_ } else { _%>
-      <%= relationship.otherEntity.entityInstance %>Service().retrieve().then((res) => {
-        <%= relationship.otherEntity.entityInstancePlural %>.value = res.data;
-      });
-  <%_ } _%>
-<%_ } _%>
-    };
-
-    initRelationships();
-<%_ } _%>
-<%_ if (anyFieldIsBlobDerived) { _%>
-
-    const dataUtils = useDataUtils();
-<%_ } _%>
-
-<%_ if (enableTranslation) { _%>
-    const { t: t$ } = useI18n();
-<%_ } _%>
-    const validations = useValidation();
-    const validationRules = {
-<%_ for (field of fields.filter(field => !field.id)) { _%>
-      <%= field.fieldName %>:  {
-  <%_ if (field.fieldValidate) { _%>
-    <%_ if (field.fieldValidationRequired) { _%>
-        required: validations.required(t$('entity.validation.required').toString()),
-    <%_ } _%>
-    <%_ if (field.fieldValidationMinLength) { _%>
-        minLength: validations.minLength(t$('entity.validation.minlength', { min: <%= field.fieldValidateRulesMinlength %> }).toString(), <%= field.fieldValidateRulesMinlength %>),
-    <%_ } _%>
-    <%_ if (field.fieldValidationMaxLength) { _%>
-        maxLength: validations.maxLength(t$('entity.validation.maxlength', { max: <%= field.fieldValidateRulesMaxlength %> }).toString(), <%= field.fieldValidateRulesMaxlength %>),
-    <%_ } _%>
-    <%_ if (field.fieldTypeInteger || field.fieldTypeLong) { _%>
-        numeric: validations.numeric(t$('entity.validation.number').toString()),
-    <%_ } _%>
-    <%_ if (field.fieldValidationMin) { _%>
-        min: validations.minValue(t$('entity.validation.min', { min: <%= field.fieldValidateRulesMin %> }).toString(), <%= field.fieldValidateRulesMin %>),
-    <%_ } _%>
-    <%_ if (field.fieldValidationMax) { _%>
-        max: validations.maxValue(t$('entity.validation.max', { max: <%= field.fieldValidateRulesMax %> }).toString(), <%= field.fieldValidateRulesMax %>),
-    <%_ } _%>
-  <%_ } _%>
-      },
-<%_ } _%>
-<%_ for (relationship of relationships) { _%>
-      <%= relationship.collection ? relationship.relationshipFieldNamePlural : relationship.relationshipFieldName %>: {
-  <%_ if (relationship.relationshipValidate && relationship.relationshipRequired) { _%>
-        required: validations.required(t$('entity.validation.required').toString()),
-  <%_ } _%>
-      },
-<%_ } _%>
-    };
-    const v$ = useVuelidate(validationRules, <%= entityInstance %> as any);
-    v$.value.$validate();
-
-    return {
-      <%= entityInstance %>Service,
-      alertService,
-      <%= entityInstance %>,
-      previousState,
-    <%_ enumImports.forEach( (importedPath, importedType) => { _%>
-      <%- this._.lowerFirst(importedType) %>Values,
-    <%_ }); _%>
-      isSaving,
-      currentLanguage,
-<%_ for (const [relationship] of Object.values(allRelationshipsThatNeedSelectOptions)) { _%>
-      <%= relationship.otherEntity.entityInstancePlural %>,
-<%_ } _%>
-<%_ if (anyFieldIsBlobDerived) { _%>
-      ...dataUtils,
-<%_ } _%>
-      v$,
-<%_ if (anyFieldIsTimeDerived) { _%>
-      ...useDateFormat({ entityRef: <%= entityInstance %> }),
-<%_ } _%>
-<%_ if (enableTranslation) { _%>
-      t$,
-<%_ } _%>
-    };
-  },
-  created(): void {
-    <%_ if (relationshipsContainManyToOne) { _%>
-    <%_
-      for (relationship of relationships) {
-      if (relationship.relationshipType === 'many-to-many' && relationship.ownerSide === true) {
-      const relationshipFieldNamePlural = relationship.relationshipFieldNamePlural;
-    _%>
-    this.<%= entityInstance %>.<%= relationshipFieldNamePlural %> = [];
-    <%_ } } _%>
-    <%_ } _%>
-  },
-  methods: {
-    save() : void {
-      this.isSaving = true;
-    <%_ for (field of fields.filter(field => !field.id)) {
-          const fieldName = field.fieldName;
-          const fieldType = field.fieldType;
-    } _%>
-    if (this.<%= entityInstance %>.id) {
-        this.<%= entityInstance %>Service().update(this.<%= entityInstance %>).then((param) => {
-          this.isSaving = false;
-          this.previousState();
-          this.alertService.showInfo(
-<%_ if (enableTranslation) { _%>
-            this.t$('<%= i18nAlertHeaderPrefix %>.updated', { 'param' : param.id })
-<%_ } else {_%>
-            'A <%= entityAngularName %> is updated with identifier ' + param.id
-<%_ } _%>
-          );
-        }).catch(error => {
-            this.isSaving = false;
-            this.alertService.showHttpError(error.response);
-        });
-      } else {
-        this.<%= entityInstance %>Service().create(this.<%= entityInstance %>).then((param) => {
-          this.isSaving = false;
-          this.previousState();
-          this.alertService.showSuccess(
-<%_ if (enableTranslation) { _%>
-            this.t$('<%= i18nAlertHeaderPrefix %>.created', { param: param.id }).toString()
-<%_ } else {_%>
-            'A <%= entityAngularName %> is created with identifier ' + param.id
-<%_ } _%>
-          );
-        }).catch(error => {
-            this.isSaving = false;
-            this.alertService.showHttpError(error.response);
-        });
-      }
-    },
-
-  <%_ if (anyFieldIsBlobDerived && anyFieldHasImageContentType) { _%>
-    clearInputImage(field, fieldContentType, idInput) : void {
-      if (this.<%= entityInstance %> && field && fieldContentType) {
-        if (Object.prototype.hasOwnProperty.call(this.<%= entityInstance %>, field)) {
-          this.<%= entityInstance %>[field] = null;
-        }
-        if (Object.prototype.hasOwnProperty.call(this.<%= entityInstance %>, fieldContentType)) {
-          this.<%= entityInstance %>[fieldContentType] = null;
-        }
-        if (idInput) {
-          (<any>this).$refs[idInput] = null;
-        }
-      }
-    },
-
-  <%_ } _%>
-  <%_ if (relationshipsContainManyToOne) { _%>
-    getSelected(selectedVals, option) : any {
-      if (selectedVals) {
-        return selectedVals.find(value => option.id === value.id) ?? option;
-      }
-      return option;
-    },
-  <%_ } _%>
-  },
-});

package/dist/generators/vue/templates/src/main/webapp/app/entities/_entityFolder/_entityFile-update.vue.ejs

@@ -1,190 +0,0 @@
-<template>
-    <div class="row justify-content-center">
-        <div class="col-8">
-            <form name="editForm" role="form" novalidate v-on:submit.prevent="save()" >
-                <h2 id="<%= i18nKeyPrefix %>.home.createOrEditLabel" data-cy="<%= entityClass %>CreateUpdateHeading" v-text="t$('<%= i18nKeyPrefix %>.home.createOrEditLabel')">Create or edit a <%= entityAngularName %></h2>
-                <div>
-                    <div class="form-group" v-if="<%= entityInstance %>.id">
-                        <label for="id" v-text="t$('global.field.id')">ID</label>
-                        <input type="text" class="form-control" id="id" name="id"
-                               v-model="<%= entityInstance %>.id" readonly />
-                    </div>
-<%_ for (field of fields.filter(field => !field.id)) {
-  const fieldName = field.fieldName;
-  const fieldNameHumanized = field.fieldNameHumanized;
-  const fieldType = field.fieldType;
-  const fieldTypeBlobContent = field.fieldTypeBlobContent;
-  let fieldInputType = 'text';
-  let fieldInputClass = 'form-control';
-  const translationKey = `${i18nKeyPrefix}.${fieldName}`;
-  if (field.fieldTypeNumeric) {
-    fieldInputType = 'number';
-  } else if (field.fieldTypeLocalDate) {
-    fieldInputType = 'date';
-  } else if (field.fieldTypeTimed) {
-    fieldInputType = 'datetime-local';
-  } else if (field.fieldTypeBoolean) {
-    fieldInputType = 'checkbox';
-    fieldInputClass = 'form-check';
-  } else if (field.fieldTypeBinary && !field.blobContentTypeText) {
-    fieldInputType = 'hidden';
-  }
-_%>
-                    <div class="form-group">
-                        <label class="form-control-label" v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= fieldName %>"><%= fieldNameHumanized %></label>
-  <%_ if (field.fieldIsEnum) { _%>
-                        <select class="form-control" name="<%= fieldName %>" :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }" v-model="v$.<%= fieldName %>.$model" id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>" <% if (field.fieldValidate === true && field.fieldValidateRules.includes('required')) { %> required<% } %>>
-    <%_ const enumPrefix = frontendAppName + '.'+ fieldType; _%>
-                            <option v-for="<%= this._.lowerFirst(fieldType) %> in <%= this._.lowerFirst(fieldType)%>Values" :key="<%= this._.lowerFirst(fieldType) %>" v-bind:value="<%= this._.lowerFirst(fieldType) %>" v-bind:label="t$('<%= enumPrefix %>.'+<%= this._.lowerFirst(fieldType) %>)">{{ <%= this._.lowerFirst(fieldType) %> }}</option>
-
-                        </select>
-  <%_ } else { _%>
-    <%_ if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
-                        <div>
-      <%_ if (field.blobContentTypeImage) { _%>
-                            <img v-bind:src="'data:' + <%=entityInstance %>.<%=fieldName%>ContentType + ';base64,' + <%=entityInstance %>.<%=fieldName%>" style="max-height: 100px;" v-if="<%= entityInstance %>.<%= fieldName %>" alt="<%=entityInstance %> image"/>
-      <%_ } _%>
-                            <div v-if="<%= entityInstance %>.<%= fieldName %>" class="form-text text-danger clearfix">
-      <%_ if (field.blobContentTypeAny) { _%>
-                                <a class="pull-left" v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a><br>
-                                <span class="pull-left">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
-      <%_ } else { _%>
-                                <span class="pull-left">{{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}</span>
-      <%_ } _%>
-      <%_ if (field.blobContentTypeImage) { _%>
-                                <button type="button" v-on:click="clearInputImage('<%= fieldName %>', '<%= fieldName %>ContentType', 'file_<%= fieldName %>')" class="btn btn-secondary btn-xs pull-right">
-      <%_ } else { _%>
-                                <button type="button" v-on:click="<%= entityInstance %>.<%= fieldName %>=null;<%= entityInstance %>.<%= fieldName %>ContentType=null;"
-                                        class="btn btn-secondary btn-xs pull-right">
-      <%_ } _%>
-                                    <font-awesome-icon icon="times"></font-awesome-icon>
-                                </button>
-                            </div>
-                            <label for="file_<%= fieldName %>" <% if (fieldTypeBlobContent === 'image') { %>v-text="t$('entity.action.addimage')"<% } else { %>v-text="t$('entity.action.addblob')"<% } %> class="btn btn-primary pull-right"></label>
-                            <input type="file" ref="file_<%= fieldName %>" id="file_<%= fieldName %>" style="display: none;" data-cy="<%= fieldName %>" v-on:change="setFileData($event, <%= entityInstance %>, '<%= fieldName %>', <% if (fieldTypeBlobContent === 'image') { %>true)" accept="image/*"<% } else { %>false)"<% } %>/>
-                        </div>
-    <%_ } _%>
-    <%_ if (field.fieldTypeLocalDate) { _%>
-                        <b-input-group class="mb-3">
-                            <b-input-group-prepend>
-                                <b-form-datepicker
-                                    aria-controls="<%= entityFileName %>-<%= fieldName %>"
-                                    v-model="v$.<%= fieldName %>.$model"
-                                    name="<%= fieldName %>"
-                                    class="<%= fieldInputClass %>"
-                                    :locale="currentLanguage"
-                                    button-only
-                                    today-button
-                                    reset-button
-                                    close-button
-                                >
-                                </b-form-datepicker>
-                            </b-input-group-prepend>
-                            <b-form-input id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>" type="text" class="<%= fieldInputClass %>" name="<%= fieldName %>"  :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }"
-                            v-model="v$.<%= fieldName %>.$model" <% if (field.fieldValidate && field.fieldValidationRequired) { %> required<% } %> />
-                        </b-input-group>
-    <%_ } else if (field.fieldTypeInstant) { _%>
-                        <div class="d-flex">
-                            <input id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>" type="datetime-local" class="<%= fieldInputClass %>" name="<%= fieldName %>" :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }"
-                            <% if (field.fieldValidate && field.fieldValidationRequired) { %> required<% } %>
-                            :value="convertDateTimeFromServer(v$.<%= fieldName %>.$model)"
-                            @change="updateInstantField('<%= fieldName %>', $event)"/>
-                        </div>
-    <%_ } else if (field.fieldTypeZonedDateTime) { _%>
-                        <div class="d-flex">
-                            <input id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>" type="datetime-local" class="<%= fieldInputClass %>" name="<%= fieldName %>" :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }"
-                            <% if (field.fieldValidate && field.fieldValidationRequired) { %> required<% } %>
-                            :value="convertDateTimeFromServer(v$.<%= fieldName %>.$model)"
-                            @change="updateZonedDateTimeField('<%= fieldName %>', $event)"/>
-                        </div>
-    <%_ } else if (field.blobContentTypeText) { _%>
-                        <textarea class="<%= fieldInputClass %>" name="<%= fieldName %>" id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>"
-                            :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }" v-model="v$.<%= fieldName %>.$model" <% if (field.fieldValidate === true && field.fieldValidateRules.includes('required')) { %> required<% } %>></textarea>
-    <%_ } else { _%>
-                        <input type="<%= fieldInputType %>" class="<%= fieldInputClass %>" name="<%= fieldName %>" id="<%= entityFileName %>-<%= fieldName %>" data-cy="<%= fieldName %>"
-                            :class="{'valid': !v$.<%= fieldName %>.$invalid, 'invalid': v$.<%= fieldName %>.$invalid }" v-model<% if (fieldInputType === 'number') { %>.number<% } %>="v$.<%= fieldName %>.$model" <% if (field.fieldValidate === true && field.fieldValidateRules.includes('required')) { %> required<% } %>/>
-      <%_ if (field.fieldTypeBinary && !field.blobContentTypeText) { _%>
-                        <input type="hidden" class="<%= fieldInputClass %>" name="<%= fieldName %>ContentType" id="<%= entityFileName %>-<%= fieldName %>ContentType"
-                            v-model="<%= entityInstance %>.<%= fieldName %>ContentType" />
-      <%_ } _%>
-    <%_ } _%>
-  <%_ } _%>
-  <%_ if (field.fieldValidate) { _%>
-                        <div v-if="v$.<%= fieldName %>.$anyDirty && v$.<%= fieldName %>.$invalid">
-                            <small
-                               class="form-text text-danger"
-                               v-for="error of v$.<%= fieldName %>.$errors"
-                               :key="error.$uid"
-                            >{{ error.$message }}</small>
-                        </div>
-  <%_ } _%>
-                    </div>
-<%_ } _%>
-<%_ for (relationship of relationships) {
-  const ownerSide = relationship.ownerSide;
-  const otherEntityName = relationship.otherEntityName;
-  const otherEntityNamePlural = relationship.otherEntityNamePlural;
-  const relationshipName = relationship.relationshipName;
-  const relationshipNameHumanized = relationship.relationshipNameHumanized;
-  const relationshipFieldName = relationship.relationshipFieldName;
-  const relationshipFieldNamePlural = relationship.relationshipFieldNamePlural;
-  const otherEntityField = relationship.otherEntityField;
-  const relationshipRequired = relationship.relationshipRequired;
-  const translationKey = `${i18nKeyPrefix}.${relationshipName}`; _%>
-  <%_ if (relationship.relationshipManyToOne || (relationship.relationshipOneToOne && ownerSide && relationship.otherEntityUser)) { _%>
-                    <div class="form-group">
-                        <label class="form-control-label" v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
-                        <select class="form-control" id="<%= entityFileName %>-<%= relationshipName %>" data-cy="<%= relationshipFieldName %>" name="<%= relationshipName %>" v-model="<%= entityInstance %>.<%=relationshipFieldName %>"<% if (relationshipRequired) { %> required<% } %>>
-    <%_ if (!relationshipRequired) { _%>
-                            <option v-bind:value="null"></option>
-    <%_ } else { _%>
-                            <option v-if="!<%= entityInstance %>.<%= relationshipName %>" v-bind:value="null" selected></option>
-    <%_ } _%>
-                            <option v-bind:value="<%= entityInstance %>.<%=relationshipFieldName %> && <%=otherEntityName %>Option.id === <%= entityInstance %>.<%=relationshipFieldName %>.id ? <%= entityInstance %>.<%=relationshipFieldName %> : <%=otherEntityName %>Option" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.id">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
-                        </select>
-                    </div>
-  <%_ } else if (relationship.relationshipOneToOne && ownerSide) { _%>
-                    <div class="form-group">
-                        <label class="form-control-label" v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
-                        <select class="form-control" id="<%= entityFileName %>-<%= relationshipName %>" data-cy="<%= relationshipFieldName %>" name="<%= relationshipName %>" v-model="<%= entityInstance %>.<%=relationshipFieldName %>"<% if (relationshipRequired) { %> required<% } %>>
-                            <%_ if (!relationshipRequired) { _%>
-                            <option v-bind:value="null"></option>
-                            <%_ } else { _%>
-                            <option v-if="!<%= entityInstance %>.<%= relationshipName %>" v-bind:value="null" selected></option>
-                            <%_ } _%>
-                            <option v-bind:value="<%= entityInstance %>.<%=relationshipFieldName %> && <%=otherEntityName %>Option.id === <%= entityInstance %>.<%=relationshipFieldName %>.id ? <%= entityInstance %>.<%=relationshipFieldName %> : <%=otherEntityName %>Option" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.id">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
-                        </select>
-                    </div>
-  <%_ } else if (relationship.relationshipManyToMany && ownerSide) { _%>
-                    <div class="form-group">
-                        <label v-text="t$('<%= translationKey %>')" for="<%= entityFileName %>-<%= relationshipName %>"><%= relationshipNameHumanized %></label>
-                        <select class="form-control" id="<%= entityFileName %>-<%= relationshipFieldNamePlural %>" data-cy="<%= relationshipFieldName %>" multiple name="<%= relationshipName %>" v-if="<%=entityInstance %>.<%=relationshipFieldNamePlural %> !== undefined" v-model="<%=entityInstance %>.<%=relationshipFieldNamePlural %>"<% if (relationshipRequired) { %> required<% } %>>
-                            <option v-bind:value="getSelected(<%=entityInstance %>.<%=relationshipFieldNamePlural %>, <%=otherEntityName %>Option)" v-for="<%=otherEntityName %>Option in <%=otherEntityNamePlural %>" :key="<%=otherEntityName %>Option.id">{{<%=otherEntityName %>Option.<%=otherEntityField %>}}</option>
-                        </select>
-                    </div>
-  <%_ } _%>
-  <%_ if (relationship.relationshipValidate) { _%>
-                    <div v-if="v$.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.$anyDirty && v$.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.$invalid">
-                        <small
-                           class="form-text text-danger"
-                           v-for="error of v$.<%= relationship.collection ? relationshipFieldNamePlural : relationshipFieldName %>.$errors"
-                           :key="error.$uid"
-                        >{{ error.$message }}</small>
-                    </div>
-  <%_ } _%>
-<%_ } _%>
-                </div>
-                <div>
-                    <button type="button" id="cancel-save" data-cy="entityCreateCancelButton" class="btn btn-secondary" v-on:click="previousState()">
-                        <font-awesome-icon icon="ban"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.cancel')">Cancel</span>
-                    </button>
-                    <button type="submit" id="save-entity" data-cy="entityCreateSaveButton" :disabled="v$.$invalid || isSaving" class="btn btn-primary">
-                        <font-awesome-icon icon="save"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.save')">Save</span>
-                    </button>
-                </div>
-            </form>
-        </div>
-    </div>
-</template>
-<script lang="ts" src="./<%= entityFileName %>-update.component.ts">
-</script>