generator-jhipster 8.6.0 → 8.7.0

package/dist/generators/vue/templates/src/main/webapp/app/account/reset-password/init/reset-password-init.component.spec.ts.ejs

@@ -11,42 +11,42 @@ const axiosStub = {
 };
 
 describe('Reset Component Init', () => {
-      let resetPasswordInit: ResetPasswordInitComponentType;
-
-    beforeEach(() => {
-        axiosStub.post.reset();
-        const wrapper = shallowMount(ResetPasswordInit, {});
-        resetPasswordInit = wrapper.vm;
+  let resetPasswordInit: ResetPasswordInitComponentType;
+
+  beforeEach(() => {
+    axiosStub.post.reset();
+    const wrapper = shallowMount(ResetPasswordInit, {});
+    resetPasswordInit = wrapper.vm;
+  });
+
+  it('should reset request be a success', async () => {
+    // Given
+    axiosStub.post.resolves();
+
+    // When
+    await resetPasswordInit.requestReset();
+
+    // Then
+    expect(resetPasswordInit.success).toBeTruthy();
+  });
+
+  it('should reset request fail as an error', async () => {
+    // Given
+    axiosStub.post.rejects({
+      response: {
+        status: null,
+        data: {
+          type: null,
+        },
+      },
     });
 
-    it('should reset request be a success', async () => {
-        // Given
-        axiosStub.post.resolves();
-
-        // When
-        await resetPasswordInit.requestReset();
+    // When
+    await resetPasswordInit.requestReset();
+    await resetPasswordInit.$nextTick();
 
-        // Then
-        expect(resetPasswordInit.success).toBeTruthy();
-    });
-
-    it('should reset request fail as an error', async () => {
-        // Given
-        axiosStub.post.rejects({
-            response: {
-                status: null,
-                data: {
-                    type: null
-                }
-            }
-        });
-
-        // When
-        await resetPasswordInit.requestReset();
-        await resetPasswordInit.$nextTick();
-
-        // Then
-        expect(resetPasswordInit.success).toBe(false);
-        expect(resetPasswordInit.error).toEqual('ERROR');
-    });
+    // Then
+    expect(resetPasswordInit.success).toBe(false);
+    expect(resetPasswordInit.error).toEqual('ERROR');
+  });
 });

package/dist/generators/vue/templates/src/main/webapp/app/account/reset-password/init/reset-password-init.vue.ejs

@@ -1,53 +1,78 @@
 <template>
-    <div>
-        <div class="row justify-content-center">
-            <div class="col-md-8">
-                <h1 v-text="t$('reset.request.title')">Reset your password</h1>
+  <div>
+    <div class="row justify-content-center">
+      <div class="col-md-8">
+        <h1 v-text="t$('reset.request.title')">Reset your password</h1>
 
-                <div class="alert alert-warning" v-if="!success">
-                    <p v-text="t$('reset.request.messages.info')">Enter the email address you used to register.</p>
-                </div>
+        <div class="alert alert-warning" v-if="!success">
+          <p v-text="t$('reset.request.messages.info')">Enter the email address you used to register.</p>
+        </div>
 
-                <div class="alert alert-success" v-if="success">
-                    <p v-text="t$('reset.request.messages.success')">Check your email for details on how to reset your
-                        password.</p>
-                </div>
+        <div class="alert alert-success" v-if="success">
+          <p v-text="t$('reset.request.messages.success')">Check your email for details on how to reset your password.</p>
+        </div>
 
-                <form v-if="!success" name="form" v-on:submit.prevent="requestReset()">
-                    <div class="form-group">
-                        <label class="form-control-label" for="email"
-                            v-text="t$('global.form[\'email.label\']')">Email</label>
-                        <input type="email" class="form-control" id="email" name="email"
-                            v-bind:placeholder="t$('global.form[\'email.placeholder\']')"
-                            :class="{ valid: !v$.resetAccount.email.$invalid, invalid: v$.resetAccount.email.$invalid }"
-                            v-model="v$.resetAccount.email.$model" minlength="5" maxlength="254" email required data-cy="emailResetPassword" />
-                        <div v-if="v$.resetAccount.email.$anyDirty && v$.resetAccount.email.$invalid">
-                            <small class="form-text text-danger" v-if="!v$.resetAccount.email.required"
-                                v-text="t$('global.messages.validate.email.required')">
-                                Your email is required.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.resetAccount.email.email"
-                                v-text="t$('global.messages.validate.email.invalid')">
-                                Your email is invalid.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.resetAccount.email.minLength"
-                                v-text="t$('global.messages.validate.email.minlength')">
-                                Your email is required to be at least 5 characters.
-                            </small>
-                            <small class="form-text text-danger" v-if="!v$.resetAccount.email.maxLength"
-                                v-text="t$('global.messages.validate.email.maxlength')">
-                                Your email cannot be longer than 100 characters.
-                            </small>
-                        </div>
-                    </div>
-                    <button type="submit" :disabled="v$.resetAccount.$invalid" class="btn btn-primary"
-                        v-text="t$('reset.request.form.button')" data-cy="submit">
-                        Reset
-                    </button>
-                </form>
+        <form v-if="!success" name="form" @submit.prevent="requestReset()">
+          <div class="form-group">
+            <label class="form-control-label" for="email" v-text="t$('global.form[\'email.label\']')">Email</label>
+            <input
+              type="email"
+              class="form-control"
+              id="email"
+              name="email"
+              :placeholder="t$('global.form[\'email.placeholder\']')"
+              :class="{ valid: !v$.resetAccount.email.$invalid, invalid: v$.resetAccount.email.$invalid }"
+              v-model="v$.resetAccount.email.$model"
+              minlength="5"
+              maxlength="254"
+              email
+              required
+              data-cy="emailResetPassword"
+            />
+            <div v-if="v$.resetAccount.email.$anyDirty && v$.resetAccount.email.$invalid">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.resetAccount.email.required"
+                v-text="t$('global.messages.validate.email.required')"
+              >
+                Your email is required.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.resetAccount.email.email"
+                v-text="t$('global.messages.validate.email.invalid')"
+              >
+                Your email is invalid.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.resetAccount.email.minLength"
+                v-text="t$('global.messages.validate.email.minlength')"
+              >
+                Your email is required to be at least 5 characters.
+              </small>
+              <small
+                class="form-text text-danger"
+                v-if="!v$.resetAccount.email.maxLength"
+                v-text="t$('global.messages.validate.email.maxlength')"
+              >
+                Your email cannot be longer than 100 characters.
+              </small>
             </div>
-        </div>
+          </div>
+          <button
+            type="submit"
+            :disabled="v$.resetAccount.$invalid"
+            class="btn btn-primary"
+            v-text="t$('reset.request.form.button')"
+            data-cy="submit"
+          >
+            Reset
+          </button>
+        </form>
+      </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts" src="./reset-password-init.component.ts"></script>

package/dist/generators/vue/templates/src/main/webapp/app/account/sessions/sessions.component.ts.ejs

@@ -33,7 +33,7 @@ export default defineComponent({
   created(): void {
     this.retrieveSessions();
   },
-  methods: {    
+  methods: {
     retrieveSessions() {
       return axios.get('api/account/sessions').then(response => {
         this.error = null;
@@ -42,16 +42,16 @@ export default defineComponent({
     },
     invalidate(session) {
       return axios
-        .delete('api/account/sessions/' + session)
+        .delete(`api/account/sessions/${session}`)
         .then(() => {
           this.error = null;
           this.success = 'OK';
           this.retrieveSessions();
         })
-      .catch(() => {
-        this.success = null;
-        this.error = 'ERROR';
-      });
+        .catch(() => {
+          this.success = null;
+          this.error = 'ERROR';
+        });
     },
   },
 });

package/dist/generators/vue/templates/src/main/webapp/app/account/sessions/sessions.vue.ejs

@@ -1,42 +1,44 @@
 <template>
-    <div>
-        <h2 v-if="authenticated"><span v-text="t$('sessions.title')">Active sessions for [<strong>{{username}}</strong>]</span></h2>
+  <div>
+    <h2 v-if="authenticated">
+      <span v-text="t$('sessions.title')"
+        >Active sessions for [<strong>{{ username }}</strong
+        >]</span
+      >
+    </h2>
 
-        <div class="alert alert-success" v-if="success" v-html="t$('sessions.messages.success')">
-            <strong>Session invalidated!</strong>
-        </div>
-        <div class="alert alert-danger" v-if="error" v-html="t$('sessions.messages.error')">
-            <strong>An error has occurred!</strong> The session could not be invalidated.
-        </div>
+    <div class="alert alert-success" v-if="success" v-html="t$('sessions.messages.success')">
+      <strong>Session invalidated!</strong>
+    </div>
+    <div class="alert alert-danger" v-if="error" v-html="t$('sessions.messages.error')">
+      <strong>An error has occurred!</strong> The session could not be invalidated.
+    </div>
 
-        <div class="table-responsive">
-            <table class="table table-striped">
-                <thead>
-                <tr>
-                    <th v-text="t$('sessions.table.ipaddress')">IP Address</th>
-                    <th v-text="t$('sessions.table.useragent')">User agent</th>
-                    <th v-text="t$('sessions.table.date')">Date</th>
-                    <th></th>
-                </tr>
-                </thead>
-                <tbody>
-                <tr v-for="session in sessions" :key="session.ipAddress">
-                    <td>{{session.ipAddress}}</td>
-                    <td>{{session.userAgent}}</td>
-                    <td>{{session.tokenDate}}</td>
-                    <td>
-                        <button type="submit"
-                                class="btn btn-primary"
-                                v-on:click="invalidate(session.series)" v-text="t$('sessions.table.button')">
-                            Invalidate
-                        </button>
-                    </td>
-                </tr>
-                </tbody>
-            </table>
-        </div>
+    <div class="table-responsive">
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th v-text="t$('sessions.table.ipaddress')">IP Address</th>
+            <th v-text="t$('sessions.table.useragent')">User agent</th>
+            <th v-text="t$('sessions.table.date')">Date</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="session in sessions" :key="session.ipAddress">
+            <td>{{ session.ipAddress }}</td>
+            <td>{{ session.userAgent }}</td>
+            <td>{{ session.tokenDate }}</td>
+            <td>
+              <button type="submit" class="btn btn-primary" @click="invalidate(session.series)" v-text="t$('sessions.table.button')">
+                Invalidate
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
+  </div>
 </template>
 
-<script lang="ts" src="./sessions.component.ts">
-</script>
+<script lang="ts" src="./sessions.component.ts"></script>

package/dist/generators/vue/templates/src/main/webapp/app/account/settings/settings.component.spec.ts.ejs

@@ -23,7 +23,7 @@ describe('Settings Component', () => {
   const account = {
     firstName: 'John',
     lastName: 'Doe',
-    email: 'john.doe@jhipster.org'
+    email: 'john.doe@jhipster.org',
   };
 
   beforeEach(() => {
@@ -31,12 +31,11 @@ describe('Settings Component', () => {
     axiosStub.post.reset();
 
     store.setAuthentication(account);
-    const wrapper = shallowMount(Settings,
-      {
-        global: {
-          plugins: [pinia],
-        },
-      });
+    const wrapper = shallowMount(Settings, {
+      global: {
+        plugins: [pinia],
+      },
+    });
     settings = wrapper.vm;
   });
 

package/dist/generators/vue/templates/src/main/webapp/app/account/settings/settings.vue.ejs

@@ -3,10 +3,10 @@
     <div class="row justify-content-center">
       <div class="col-md-8 toastify-container">
         <h2 v-if="username" id="settings-title">
-          <span v-html="t$('settings.title', { 'username': username })">
+          <span v-html="t$('settings.title', { username: username })">
             User settings for [
             <strong>
-              {{username}}
+              {{ username }}
             </strong>
             ]
           </span>
@@ -16,75 +16,132 @@
           <strong>Settings saved!</strong>
         </div>
 
-        <div class="alert alert-danger" role="alert" v-if="errorEmailExists"
-          v-html="t$('register.messages.error.emailexists')">
+        <div class="alert alert-danger" role="alert" v-if="errorEmailExists" v-html="t$('register.messages.error.emailexists')">
           <strong>Email is already in use!</strong> Please choose another one.
         </div>
 
-        <form name="form" id="settings-form" v-on:submit.prevent="save()" v-if="settingsAccount" novalidate>
+        <form name="form" id="settings-form" @submit.prevent="save()" v-if="settingsAccount" novalidate>
           <div class="form-group">
             <label class="form-control-label" for="firstName" v-text="t$('settings.form.firstname')">First Name</label>
-            <input type="text" class="form-control" id="firstName" name="firstName"
-              v-bind:placeholder="t$('settings.form[\'firstname.placeholder\']')"
+            <input
+              type="text"
+              class="form-control"
+              id="firstName"
+              name="firstName"
+              :placeholder="t$('settings.form[\'firstname.placeholder\']')"
               :class="{ valid: !v$.settingsAccount.firstName.$invalid, invalid: v$.settingsAccount.firstName.$invalid }"
-              v-model="v$.settingsAccount.firstName.$model" minlength="1" maxlength="50" required data-cy="firstname" />
+              v-model="v$.settingsAccount.firstName.$model"
+              minlength="1"
+              maxlength="50"
+              required
+              data-cy="firstname"
+            />
             <div v-if="v$.settingsAccount.firstName.$anyDirty && v$.settingsAccount.firstName.$invalid">
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.firstName.required"
-                v-text="t$('settings.messages.validate.firstname.required')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.firstName.required"
+                v-text="t$('settings.messages.validate.firstname.required')"
+              >
                 Your first name is required.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.firstName.minLength"
-                v-text="t$('settings.messages.validate.firstname.minlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.firstName.minLength"
+                v-text="t$('settings.messages.validate.firstname.minlength')"
+              >
                 Your first name is required to be at least 1 character.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.firstName.maxLength"
-                v-text="t$('settings.messages.validate.firstname.maxlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.firstName.maxLength"
+                v-text="t$('settings.messages.validate.firstname.maxlength')"
+              >
                 Your first name cannot be longer than 50 characters.
               </small>
             </div>
           </div>
           <div class="form-group">
             <label class="form-control-label" for="lastName" v-text="t$('settings.form.lastname')">Last Name</label>
-            <input type="text" class="form-control" id="lastName" name="lastName"
-              v-bind:placeholder="t$('settings.form[\'lastname.placeholder\']')"
+            <input
+              type="text"
+              class="form-control"
+              id="lastName"
+              name="lastName"
+              :placeholder="t$('settings.form[\'lastname.placeholder\']')"
               :class="{ valid: !v$.settingsAccount.lastName.$invalid, invalid: v$.settingsAccount.lastName.$invalid }"
-              v-model="v$.settingsAccount.lastName.$model" minlength="1" maxlength="50" required data-cy="lastname" />
+              v-model="v$.settingsAccount.lastName.$model"
+              minlength="1"
+              maxlength="50"
+              required
+              data-cy="lastname"
+            />
             <div v-if="v$.settingsAccount.lastName.$anyDirty && v$.settingsAccount.lastName.$invalid">
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.lastName.required"
-                v-text="t$('settings.messages.validate.lastname.required')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.lastName.required"
+                v-text="t$('settings.messages.validate.lastname.required')"
+              >
                 Your last name is required.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.lastName.minLength"
-                v-text="t$('settings.messages.validate.lastname.minlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.lastName.minLength"
+                v-text="t$('settings.messages.validate.lastname.minlength')"
+              >
                 Your last name is required to be at least 1 character.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.lastName.maxLength"
-                v-text="t$('settings.messages.validate.lastname.maxlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.lastName.maxLength"
+                v-text="t$('settings.messages.validate.lastname.maxlength')"
+              >
                 Your last name cannot be longer than 50 characters.
               </small>
             </div>
           </div>
           <div class="form-group">
             <label class="form-control-label" for="email" v-text="t$('global.form[\'email.label\']')">Email</label>
-            <input type="email" class="form-control" id="email" name="email"
-              v-bind:placeholder="t$('global.form[\'email.placeholder\']')"
+            <input
+              type="email"
+              class="form-control"
+              id="email"
+              name="email"
+              :placeholder="t$('global.form[\'email.placeholder\']')"
               :class="{ valid: !v$.settingsAccount.email.$invalid, invalid: v$.settingsAccount.email.$invalid }"
-              v-model="v$.settingsAccount.email.$model" minlength="5" maxlength="254" email required data-cy="email"/>
+              v-model="v$.settingsAccount.email.$model"
+              minlength="5"
+              maxlength="254"
+              email
+              required
+              data-cy="email"
+            />
             <div v-if="v$.settingsAccount.email.$anyDirty && v$.settingsAccount.email.$invalid">
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.email.required"
-                v-text="t$('global.messages.validate.email.required')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.email.required"
+                v-text="t$('global.messages.validate.email.required')"
+              >
                 Your email is required.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.email.email"
-                v-text="t$('global.messages.validate.email.invalid')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.email.email"
+                v-text="t$('global.messages.validate.email.invalid')"
+              >
                 Your email is invalid.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.email.minLength"
-                v-text="t$('global.messages.validate.email.minlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.email.minLength"
+                v-text="t$('global.messages.validate.email.minlength')"
+              >
                 Your email is required to be at least 5 characters.
               </small>
-              <small class="form-text text-danger" v-if="!v$.settingsAccount.email.maxLength"
-                v-text="t$('global.messages.validate.email.maxlength')">
+              <small
+                class="form-text text-danger"
+                v-if="!v$.settingsAccount.email.maxLength"
+                v-text="t$('global.messages.validate.email.maxlength')"
+              >
                 Your email cannot be longer than 100 characters.
               </small>
             </div>

package/dist/generators/vue/templates/src/main/webapp/app/admin/configuration/configuration.component.spec.ts.ejs

@@ -15,9 +15,9 @@ describe('Configuration Component', () => {
 
   beforeEach(() => {
     axiosStub.get.reset();
-    axiosStub.get.resolves({ data: { contexts: [
-      { beans: [{prefix: 'A'}, {prefix: 'B'}] }
-    ], propertySources: [{ properties: { key1: {value: 'value'} }}] } });
+    axiosStub.get.resolves({
+      data: { contexts: [{ beans: [{ prefix: 'A' }, { prefix: 'B' }] }], propertySources: [{ properties: { key1: { value: 'value' } } }] },
+    });
     const wrapper = shallowMount(Configuration);
     configuration = wrapper.vm;
   });
@@ -45,7 +45,7 @@ describe('Configuration Component', () => {
       // GIVEN
       const data = {
         key1: 'test',
-        key2: 'test2'
+        key2: 'test2',
       };
 
       // THEN

package/dist/generators/vue/templates/src/main/webapp/app/admin/configuration/configuration.component.ts.ejs

@@ -24,7 +24,7 @@ export default defineComponent({
         filterByTerm: filtered.value,
         orderByProp: orderProp.value,
         reverse: reverse.value,
-      })
+      }),
     );
 
     return {

package/dist/generators/vue/templates/src/main/webapp/app/admin/configuration/configuration.service.ts.ejs

@@ -7,7 +7,7 @@ export default class ConfigurationService {
         const properties = [];
         const propertiesObject = this.getConfigPropertiesObjects(res.data);
         for (const key in propertiesObject) {
-          if (Object.prototype.hasOwnProperty.call(propertiesObject, key)) {
+          if (Object.hasOwn(propertiesObject, key)) {
             properties.push(propertiesObject[key]);
           }
         }
@@ -25,15 +25,15 @@ export default class ConfigurationService {
     return new Promise(resolve => {
       axios.get<any>('management/env').then(res => {
         const properties = {};
-        const propertySources = res.data['propertySources'];
+        const propertySources = res.data.propertySources;
 
         for (const propertyObject of propertySources) {
-          const name = propertyObject['name'];
-          const detailProperties = propertyObject['properties'];
+          const name = propertyObject.name;
+          const detailProperties = propertyObject.properties;
           const vals = [];
           for (const keyDetail in detailProperties) {
-            if (Object.prototype.hasOwnProperty.call(detailProperties, keyDetail)) {
-              vals.push({ key: keyDetail, val: detailProperties[keyDetail]['value'] });
+            if (Object.hasOwn(detailProperties, keyDetail)) {
+              vals.push({ key: keyDetail, val: detailProperties[keyDetail].value });
             }
           }
           properties[name] = vals;
@@ -45,13 +45,13 @@ export default class ConfigurationService {
 
   private getConfigPropertiesObjects(res): any {
     // This code is for Spring Boot 2
-    if (res['contexts'] !== undefined) {
-      for (const key in res['contexts']) {
+    if (res.contexts !== undefined) {
+      for (const key in res.contexts) {
         // If the key is not bootstrap, it will be the ApplicationContext Id
         // For default app, it is baseName
         // For microservice, it is baseName-1
         if (!key.startsWith('bootstrap')) {
-          return res['contexts'][key]['beans'];
+          return res.contexts[key].beans;
         }
       }
     }

package/dist/generators/vue/templates/src/main/webapp/app/admin/configuration/configuration.vue.ejs

@@ -8,10 +8,10 @@
       <table class="table table-striped table-bordered table-responsive d-table" aria-describedby="Configuration">
         <thead>
           <tr>
-            <th class="w-40" v-on:click="changeOrder('prefix')" scope="col">
+            <th class="w-40" @click="changeOrder('prefix')" scope="col">
               <span v-text="t$('configuration.table.prefix')">Prefix</span>
             </th>
-            <th class="w-60" v-on:click="changeOrder('properties')" scope="col">
+            <th class="w-60" @click="changeOrder('properties')" scope="col">
               <span v-text="t$('configuration.table.properties')">Properties</span>
             </th>
           </tr>

package/dist/generators/vue/templates/src/main/webapp/app/admin/docs/docs.vue.ejs

@@ -1,6 +1,14 @@
 <template>
-  <iframe src="/swagger-ui/index.html" width="100%" height="900" seamless target="_top" title="Swagger UI"
-    class="border-0" data-cy="swagger-frame"></iframe>
+  <iframe
+    src="/swagger-ui/index.html"
+    width="100%"
+    height="900"
+    seamless
+    target="_top"
+    title="Swagger UI"
+    class="border-0"
+    data-cy="swagger-frame"
+  ></iframe>
 </template>
 
-<script lang="ts" src="./docs.component.ts"></script>
+<script lang="ts" src="./docs.component.ts"></script>