generator-jhipster 8.2.0 → 8.2.1

package/dist/generators/vue/support/translate-vue.mjs

@@ -1,142 +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.
- */
-import { passthrough } from '@yeoman/transform';
-import { Minimatch } from 'minimatch';
-function replaceTranslationAttributes({ content, getWebappTranslation }) {
-    return content.replaceAll(/v-bind:(?<tag>(?:placeholder|title|label))="(?<translate>t\$\([^"]+\))"/g, (_complete, ...args) => {
-        const groups = args.pop();
-        if (groups.translate.includes('+')) {
-            return '';
-        }
-        const translated = replaceTranslations({ content: groups.translate, type: 'vue', getWebappTranslation });
-        return `${groups.tag}="${translated}"`;
-    });
-}
-export function removeDeclarations({ content }) {
-    return content
-        .replaceAll(/\nimport {\s*useI18n\s*} from 'vue-i18n';/g, '')
-        .replaceAll(/\n\s*t\$,/g, '')
-        .replaceAll(/\n\s*t\$:\s*useI18n\(\).t,/g, '');
-}
-export function replaceTranslationTags({ body, enableTranslation, getWebappTranslation, }) {
-    body = body.replaceAll(/(?<tagWithAttributes>(?<beforeTranslateTag><(?<tagName>a|b-(?:badge|link|button|alert)|button|div|h[1-9]|input|label|p|router-link|small|span|t[hd])(?:[^>]*)) v-(?:text|html)="(?<translate>t\$\([^)]*\))"(?<afterTranslateTag>(?:(?!\/?>)[^/>])*>))(?<tagContent>(?:(?!<\/\k<tagName>(?:>|\s|\n)).|\n)*)/g, (_complete, ...args) => {
-        const groups = args.pop();
-        if (new RegExp(`<${groups.tagName}[\\s>]`, 'g').test(groups.tagContent)) {
-            throw new Error(`Nested tags identical to the translated tag are not supported: ${groups.tagWithAttributes}${groups.tagContent}`);
-        }
-        if (enableTranslation) {
-            return groups.tagWithAttributes;
-        }
-        if (groups.translate) {
-            if (groups.translate.includes('+')) {
-                this?.log.info(`Ignoring dynamic translation ${groups.translate}`);
-            }
-            else {
-                const translated = replaceTranslations({
-                    type: 'vue',
-                    content: groups.translate,
-                    getWebappTranslation,
-                });
-                if (translated !== groups.translate) {
-                    return `${groups.beforeTranslateTag}${groups.afterTranslateTag}${translated}`;
-                }
-                throw new Error(`${translated}, ${groups.translate}`);
-            }
-        }
-        return `${groups.beforeTranslateTag}${groups.afterTranslateTag}${groups.tagContent}`;
-    });
-    if (enableTranslation) {
-        return body;
-    }
-    return replaceTranslationAttributes({ content: body, getWebappTranslation });
-}
-export function replaceTranslations({ content, type, getWebappTranslation, }) {
-    const regex = type === 'ts'
-        ? /(?:this.)?(t\$|i18n.t)\((?<key>[^),]*)(?:,\s*{(?<data>[^)]*)})?\)\.toString\(\)/g
-        : /t\$\((?<key>[^),]*)(?:,\s*{(?<data>[^)]*)})?\)/g;
-    return content.replaceAll(regex, (_complete, ...args) => {
-        const groups = args.pop();
-        const key = groups.key.substring(1, groups.key.length - 1).replaceAll("\\'", "'");
-        let data;
-        if (groups.data) {
-            const interpolateMatches = groups.data.matchAll(/(?<field>[^{\s:,}]+)(?:\s*:\s*(?<value>[^,}]+))?/g);
-            data = {};
-            let templateLiteral = false;
-            for (const interpolateMatch of interpolateMatches) {
-                let { field, value } = interpolateMatch.groups || {};
-                if (/^'.*'$/.test(field) || /^".*"$/.test(field)) {
-                    // unwrap field
-                    field = field.substring(1, field.length - 1);
-                }
-                if (value === undefined) {
-                    value = field;
-                }
-                value = value.trim();
-                if (/^\d+$/.test(value)) {
-                    // convert integer
-                    value = parseInt(value, 10);
-                }
-                else if (/^'.*'$/.test(value) || /^".*"$/.test(value)) {
-                    // extract string value
-                    value = value.substring(1, value.length - 1);
-                }
-                else {
-                    // wrap expression
-                    if (type === 'vue') {
-                        value = `{{ ${value} }}`;
-                    }
-                    else {
-                        value = `\${${value}}`;
-                    }
-                    templateLiteral = true;
-                }
-                data[field] = value;
-            }
-            if (templateLiteral && type === 'ts') {
-                return `\`${getWebappTranslation(key, data)}\``;
-            }
-        }
-        if (type === 'vue') {
-            return getWebappTranslation(key, data);
-        }
-        return `'${getWebappTranslation(key, data)}'`;
-    });
-}
-const minimatch = new Minimatch('**/*.{vue,ts}');
-export const isTranslatedVueFile = file => minimatch.match(file.path);
-function translateVueFilesTransform({ enableTranslation, getWebappTranslation, }) {
-    return passthrough(file => {
-        let newContent;
-        if (file.path.endsWith('.vue')) {
-            newContent = replaceTranslationTags.call(this, { body: file.contents.toString(), enableTranslation, getWebappTranslation });
-        }
-        else if (!enableTranslation && file.path.endsWith('.ts')) {
-            newContent = replaceTranslations({ type: 'ts', content: file.contents.toString(), getWebappTranslation });
-            newContent = removeDeclarations({ content: newContent });
-        }
-        if (newContent) {
-            if (!enableTranslation && newContent.includes('t$')) {
-                throw new Error(`Could not translate ${file.path}:
-${newContent}`);
-            }
-            file.contents = Buffer.from(newContent);
-        }
-    });
-}
-export default translateVueFilesTransform;

package/dist/generators/vue/support/update-languages.mjs

@@ -1,64 +0,0 @@
-import { updateLanguagesInDayjsConfigurationTask } from '../../client/support/update-languages.mjs';
-import { generateLanguagesWebappOptions } from '../../languages/support/index.mjs';
-function generateDateTimeFormat(language, index, length) {
-    let config = `  '${language}': {\n`;
-    config += '    short: {\n';
-    config += "      year: 'numeric', month: 'short', day: 'numeric', hour: 'numeric', minute: 'numeric'\n";
-    config += '    },\n';
-    config += '    medium: {\n';
-    config += "      year: 'numeric', month: 'short', day: 'numeric',\n";
-    config += "      weekday: 'short', hour: 'numeric', minute: 'numeric'\n";
-    config += '    },\n';
-    config += '    long: {\n';
-    config += "      year: 'numeric', month: 'long', day: 'numeric',\n";
-    config += "      weekday: 'long', hour: 'numeric', minute: 'numeric'\n";
-    config += '    }\n';
-    config += '  }';
-    if (index !== length - 1) {
-        config += ',';
-    }
-    config += '\n';
-    return config;
-}
-function updateLanguagesInPipeTask({ application, control = {} }) {
-    const { clientSrcDir, languagesDefinition = [] } = application;
-    const { ignoreNeedlesError: ignoreNonExisting } = control;
-    const newContent = `$1{
-  ${generateLanguagesWebappOptions(languagesDefinition).join(',\n  ')},
-  // jhipster-needle-i18n-language-key-pipe - JHipster will add/remove languages in this object
-    }`;
-    this.editFile(`${clientSrcDir}app/shared/config/languages.ts`, { ignoreNonExisting }, content => content.replace(/(languages =.*)\{([^\]]*jhipster-needle-i18n-language-key-pipe[^}]*)}/g, newContent));
-}
-function updateLanguagesInConfigTask({ application, control = {} }) {
-    const { clientSrcDir, languages } = application;
-    const { ignoreNeedlesError: ignoreNonExisting } = control;
-    // Add i18n config snippets for all languages
-    let i18nConfig = 'const datetimeFormats: IntlDateTimeFormats = {\n';
-    languages?.forEach((ln, i) => {
-        i18nConfig += generateDateTimeFormat(ln, i, languages.length);
-    });
-    i18nConfig += '  // jhipster-needle-i18n-language-date-time-format - JHipster will add/remove format options in this object\n';
-    i18nConfig += '}';
-    this.editFile(`${clientSrcDir}app/shared/config/config.ts`, { ignoreNonExisting }, content => content.replace(/const datetimeFormats.*\{([^\]]*jhipster-needle-i18n-language-date-time-format[^}]*)}/g, i18nConfig));
-}
-function updateLanguagesInWebpackTask({ application, control = {} }) {
-    const { clientSrcDir, languages } = application;
-    const { ignoreNeedlesError: ignoreNonExisting } = control;
-    let newContent = 'groupBy: [\n';
-    languages?.forEach(language => {
-        newContent += `          { pattern: './${clientSrcDir}i18n/${language}/*.json', fileName: './i18n/${language}.json' },\n`;
-    });
-    newContent += '          // jhipster-needle-i18n-language-webpack - JHipster will add/remove languages in this array\n        ]';
-    this.editFile('webpack/webpack.common.js', { ignoreNonExisting }, content => content.replace(/groupBy:.*\[([^\]]*jhipster-needle-i18n-language-webpack[^\]]*)\]/g, newContent));
-}
-export default function updateLanguagesTask(taskParam) {
-    updateLanguagesInPipeTask.call(this, taskParam);
-    updateLanguagesInConfigTask.call(this, taskParam);
-    if (taskParam.application.microfrontend) {
-        updateLanguagesInWebpackTask.call(this, taskParam);
-    }
-    updateLanguagesInDayjsConfigurationTask.call(this, taskParam, {
-        configurationFile: `${taskParam.application.clientSrcDir}app/shared/config/dayjs.ts`,
-        commonjs: true,
-    });
-}

package/dist/generators/vue/templates/.eslintrc.js.ejs

@@ -1,53 +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.
--%>
-require("@rushstack/eslint-patch/modern-module-resolution");
-
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: [
-    'plugin:vue/essential',
-    '@vue/eslint-config-typescript/recommended',
-    '@vue/eslint-config-prettier',
-  ],
-  parserOptions: {
-    ecmaVersion: 2020,
-    project: [
-      './tsconfig.json',
-      './tsconfig.test.json',
-<%_ if (cypressTests) { _%>
-      './<%= clientTestDir %>cypress/tsconfig.json',
-<%_ } _%>
-    ]
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'vue/multi-word-component-names': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-unused-vars': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-  },
-  'ignorePatterns': ['<%= temporaryDir %>'],
-};

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

@@ -1,113 +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';
-
-import <%= entityAngularName %>Details from './<%= entityFileName %>-details.vue';
-import <%= entityAngularName %>Service from './<%= entityFileName %>.service';
-import AlertService from '@/shared/alert/alert.service';
-
-type <%= entityAngularName %>DetailsComponentType = InstanceType<typeof <%= entityAngularName %>Details>;
-
-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 alertService: AlertService;
-
-  afterEach(() => {
-    vitest.resetAllMocks();
-  });
-
-  describe('<%= entityAngularName %> Management Detail Component', () => {
-    let <%= entityInstance %>ServiceStub: SinonStubbedInstance<<%= entityAngularName %>Service>;
-    let mountOptions: MountingOptions<<%= entityAngularName %>DetailsComponentType>['global'];
-
-    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,
-          'router-link': true,
-        },
-        provide: {
-          alertService,
-          <%= entityInstance %>Service: () => <%= entityInstance %>ServiceStub,
-        },
-      };
-    });
-
-    describe('Navigate to details', () => {
-      it('Should call load all on init', async () => {
-        // GIVEN
-        <%= entityInstance %>ServiceStub.find.resolves(<%= entityInstance %>Sample);
-        route = {
-          params: {
-            <%= entityInstance %>Id: '' + <%- tsKeyId %>,
-          },
-        };
-        const wrapper = shallowMount(<%= entityAngularName %>Details, { global: mountOptions });
-        const comp = wrapper.vm;
-        // WHEN
-        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 %>Details, { global: mountOptions });
-        const 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-details.component.ts.ejs

@@ -1,64 +0,0 @@
-import { defineComponent, inject, ref, Ref } from 'vue';
-<%_ if (enableTranslation) { _%>
-import { useI18n } from 'vue-i18n';
-<%_ } _%>
-import { useRoute, useRouter } from 'vue-router';
-
-<%_ if (anyFieldIsBlobDerived) { _%>
-import useDataUtils from '@/shared/data/data-utils.service';
-<%_ } _%>
-<%_ if (anyFieldIsDuration || anyFieldIsTimeDerived) { _%>
-import { useDateFormat } from '@/shared/composables'
-<%_ } _%>
-import { I<%= entityAngularName %> } from '@/shared/model/<%= entityModelFileName %>.model';
-import <%= entityAngularName %>Service from './<%= entityFileName %>.service';
-import { useAlertService } from '@/shared/alert/alert.service';
-
-export default defineComponent({
-  compatConfig: { MODE: 3 },
-  name: '<%= entityAngularName %>Details',
-  setup() {
-<%_ if (anyFieldIsDuration || anyFieldIsTimeDerived) { _%>
-    const dateFormat = useDateFormat();
-<%_ } _%>
-    const <%= entityInstance %>Service = inject('<%= entityInstance %>Service', () => new <%= entityAngularName %>Service());
-    const alertService = inject('alertService', () => useAlertService(), true);
-
-<% if (anyFieldIsBlobDerived) { %>
-    const dataUtils = useDataUtils();
-<% } %>
-    const route = useRoute();
-    const router = useRouter();
-
-    const previousState = () => router.go(-1);
-    const <%= entityInstance %>: Ref<I<%= entityAngularName %>> = ref({});
-
-    const retrieve<%= entityAngularName %> = async <%= entityInstance %>Id => {
-      try {
-        const res = await <%= entityInstance %>Service().find(<%= entityInstance %>Id);
-        <%= entityInstance %>.value = res;
-      } catch (error) {
-        alertService.showHttpError(error.response);
-      }
-    };
-
-    if (route.params?.<%= entityInstance %>Id) {
-      retrieve<%= entityAngularName %>(route.params.<%= entityInstance %>Id);
-    }
-
-    return {
-<%_ if (anyFieldIsDuration || anyFieldIsTimeDerived) { _%>
-      ...dateFormat,
-<%_ } _%>
-      alertService,
-      <%= entityInstance %>,
-<% if (anyFieldIsBlobDerived) { %>
-      ...dataUtils,
-<% } %>
-      previousState,
-<%_ if (enableTranslation) { _%>
-      t$: useI18n().t,
-<%_ } _%>
-    };
-  },
-});

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

@@ -1,93 +0,0 @@
-<template>
-    <div class="row justify-content-center">
-        <div class="col-8">
-            <div v-if="<%= entityInstance %>">
-                <h2 class="jh-entity-heading" data-cy="<%= entityInstance %>DetailsHeading"><span v-text="t$('<%= i18nKeyPrefix %>.detail.title')"><%= entityAngularName %></span> {{<%= entityInstance %>.id}}</h2>
-                <dl class="row jh-entity-details">
-<%_ for (field of fields.filter(field => !field.id)) {
-    const fieldName = field.fieldName;
-    const fieldType = field.fieldType;_%>
-                    <dt>
-                        <span v-text="t$('<%= i18nKeyPrefix %>.<%= fieldName %>')"><%= field.fieldNameHumanized %></span>
-                    </dt>
-                    <dd>
-  <%_ if (field.fieldIsEnum) { _%>
-                        <span v-text="t$('<%= frontendAppName %>.<%= fieldType %>.' + <%= entityInstance %>.<%= fieldName %>)">{{<%= entityInstance %>.<%= fieldName %>}}</span>
-  <%_ } else if (field.fieldTypeBinary && field.blobContentTypeImage) { _%>
-                        <div v-if="<%= entityInstance %>.<%= fieldName %>">
-                            <a v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)">
-                                <img v-bind:src="'data:' + <%=entityInstance %>.<%= fieldName %>ContentType + ';base64,' + <%= entityInstance %>.<%= fieldName %>" style="max-width: 100%;" alt="<%=entityInstance %> image"/>
-                            </a>
-                            {{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}
-                        </div>
-  <%_ } else if (field.fieldTypeBinary && field.blobContentTypeAny) { _%>
-                        <div v-if="<%= entityInstance %>.<%= fieldName %>">
-                            <a v-on:click="openFile(<%= entityInstance %>.<%= fieldName %>ContentType, <%= entityInstance %>.<%= fieldName %>)" v-text="t$('entity.action.open')">open</a>
-                            {{<%= entityInstance %>.<%= fieldName %>ContentType}}, {{byteSize(<%= entityInstance %>.<%= fieldName %>)}}
-                        </div>
-  <%_ } else if (field.fieldTypeDuration) { _%>
-                        <span>{{formatDuration(<%= entityInstance %>.<%= fieldName %>)}} ({{<%= entityInstance %>.<%= fieldName %>}})</span>
-  <%_ } else if (field.fieldTypeTimed) { _%>
-                        <span v-if="<%= entityInstance %>.<%=fieldName %>">{{formatDateLong(<%= entityInstance %>.<%=fieldName %>)}}</span>
-  <%_ } else { _%>
-                        <span>{{<%= entityInstance %>.<%= fieldName %>}}</span>
-  <%_ } _%>
-                    </dd>
-<%_ } _%>
-<%_ for (relationship of relationships) {
-    const ownerSide = relationship.ownerSide;
-    const relationshipName = relationship.relationshipName;
-    const relationshipFieldName = relationship.relationshipFieldName;
-    const relationshipFieldNamePlural = relationship.relationshipFieldNamePlural;
-    const relationshipNameHumanized = relationship.relationshipNameHumanized;
-    const otherEntityName = relationship.otherEntityName;
-    const otherEntityField = relationship.otherEntityField;
-    const otherEntityAngularName = relationship.otherEntityAngularName; _%>
-  <%_ if (ownerSide) { _%>
-                    <dt>
-                        <span v-text="t$('<%= i18nKeyPrefix %>.<%= relationshipName %>')"><%= relationshipNameHumanized %></span>
-                    </dt>
-                    <dd>
-    <%_ if (relationship.otherEntityUser) { _%>
-      <%_ if (relationship.relationshipManyToMany) { _%>
-                        <span v-for="(<%= relationshipFieldName %>, i) in <%= entityInstance %>.<%= relationshipFieldNamePlural %>" :key="<%= relationshipFieldName %>.id">{{i > 0 ? ', ' : ''}}
-                            {{<%= relationshipFieldName %>.<%= otherEntityField %>}}
-                        </span>
-      <%_ } else { _%>
-                        {{<%= entityInstance + "." + relationshipFieldName %> ? <%= entityInstance + "." + relationshipFieldName + "." + otherEntityField%> : ''}}
-      <%_ } _%>
-    <%_ } else { _%>
-      <%_ if (relationship.relationshipManyToMany) { _%>
-                        <span v-for="(<%= relationshipFieldName %>, i) in <%= entityInstance %>.<%= relationshipFieldNamePlural %>" :key="<%= relationshipFieldName %>.id">{{i > 0 ? ', ' : ''}}
-                            <router-link :to="{name: '<%= otherEntityAngularName %>View', params: {<%= otherEntityName %>Id: <%= relationshipFieldName %>.id}}">{{<%= relationshipFieldName + "." + otherEntityField %>}}</router-link>
-                        </span>
-      <%_ } else { _%>
-                        <div v-if="<%= entityInstance + '.' + relationshipFieldName %>">
-                            <router-link :to="{name: '<%= otherEntityAngularName %>View', params: {<%= otherEntityName %>Id: <%= entityInstance + "." + relationshipFieldName %>.id}}">{{<%= entityInstance + "." + relationshipFieldName + "." + otherEntityField %>}}</router-link>
-                        </div>
-      <%_ } _%>
-    <%_ } _%>
-                    </dd>
-  <%_ } _%>
-<%_ } _%>
-                </dl>
-                <button type="submit"
-                        v-on:click.prevent="previousState()"
-                        class="btn btn-info"
-                        data-cy="entityDetailsBackButton">
-                    <font-awesome-icon icon="arrow-left"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.back')"> Back</span>
-                </button>
-<%_ if (!readOnly) { _%>
-                <router-link v-if="<%= entityInstance %>.id" :to="{name: '<%= entityAngularName %>Edit', params: {<%= entityInstance %>Id: <%= entityInstance %>.id}}" custom v-slot="{ navigate }">
-                    <button @click="navigate" class="btn btn-primary">
-                        <font-awesome-icon icon="pencil-alt"></font-awesome-icon>&nbsp;<span v-text="t$('entity.action.edit')"> Edit</span>
-                    </button>
-                    </router-link>
-<%_ } _%>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts" src="./<%= entityFileName %>-details.component.ts">
-</script>