pulisce etichette di prova e gestisce la compilazione del profilo utente

src/main/webapp/app/core/home/home.component.ts

@@ -9,7 +9,7 @@ export default defineComponent({
     const { showLogin } = useLoginModal();
     const authenticated = inject<ComputedRef<boolean>>('authenticated');
     const username = inject<ComputedRef<string>>('currentUsername');
-    const utenteAppService = inject<UtenteAppService>('utenteAppService', () => new UtenteAppService());
+    const utenteAppService = inject<UtenteAppService>('utenteAppService', () => new UtenteAppService(), true);
 
     const profileIncomplete: Ref<boolean> = ref(false);
     const checkingProfile: Ref<boolean> = ref(false);
@@ -23,7 +23,7 @@ export default defineComponent({
       try {
         checkingProfile.value = true;
         const utenteApp = await utenteAppService.getCurrentUser();
-
+        console.log('utenteApp', utenteApp);
         // Check if essential profile fields are missing
         if (
           !utenteApp ||

src/main/webapp/app/entities/prenotazione/prenotazione.component.ts

@@ -1,4 +1,4 @@
-import { type Ref, computed, defineComponent, inject, onMounted, ref, watch } from 'vue';
+import { type ComputedRef, type Ref, computed, defineComponent, inject, onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { useAlertService } from '@/shared/alert/alert.service';
@@ -12,6 +12,14 @@ import { useAccountStore } from '@/shared/config/store/account-store';
 import ConfermaService from '../conferma/conferma.service';
 import PrenotazioneService from './prenotazione.service';
 
+import UtenteAppService from '@/entities/utente-app/utente-app.service';
+import account from '@/router/account.ts';
+import type { IUtenteApp } from '@/shared/model/utente-app.model.ts';
+
+import axios from 'axios';
+
+const baseApiUrl = 'api/utente-apps';
+
 export default defineComponent({
   name: 'Prenotazione',
   setup() {
@@ -22,6 +30,9 @@ export default defineComponent({
     const alertService = inject('alertService', () => useAlertService(), true);
     const accountStore = useAccountStore();
 
+    const authenticated = inject<ComputedRef<boolean>>('authenticated');
+    const utenteAppService = inject<UtenteAppService>('utenteAppService', () => new UtenteAppService(), true);
+
     const itemsPerPage = ref(20);
     const queryCount: Ref<number> = ref(null);
     const page: Ref<number> = ref(1);
@@ -49,6 +60,57 @@ export default defineComponent({
     });
     const isSubmittingConferma = ref(false);
 
+    // CONTROLLIAMO SE L'UTENTE HA UN PROFILO IMPOSTATO+
+    const profileIncomplete: Ref<boolean> = ref(false);
+    const checkingProfile: Ref<boolean> = ref(false);
+
+    const getCurrentUser = async () => {
+      return new Promise<IUtenteApp>((resolve, reject) => {
+        axios
+          .get(`${baseApiUrl}/current`)
+          .then(res => {
+            resolve(res.data);
+          })
+          .catch(err => {
+            reject(err);
+          });
+      });
+    };
+
+    const checkProfileCompletion = async () => {
+      if (!authenticated.value) {
+        profileIncomplete.value = false;
+        return;
+      }
+
+      try {
+        checkingProfile.value = true;
+        const utenteApp = await getCurrentUser();
+        // Check if essential profile fields are missing
+        if (
+          !utenteApp ||
+          !utenteApp.nome ||
+          !utenteApp.cognome ||
+          !utenteApp.dataNascita ||
+          !utenteApp.luogoNascita ||
+          !utenteApp.residente ||
+          !utenteApp.telefono
+        ) {
+          profileIncomplete.value = true;
+        } else {
+          console.log('Profile is complete');
+          profileIncomplete.value = false;
+        }
+      } catch (error) {
+        // If UtenteApp doesn't exist, profile is incomplete
+        profileIncomplete.value = true;
+      } finally {
+        checkingProfile.value = false;
+      }
+    };
+
+    // CHIUDIAMO IL CONTROLLO DEL PROFILO IMPOSTATO
+
     const clear = () => {
       page.value = 1;
     };
@@ -86,6 +148,7 @@ export default defineComponent({
 
     onMounted(async () => {
       await retrievePrenotaziones();
+      await checkProfileCompletion();
     });
 
     const removeId: Ref<number> = ref(null);
@@ -162,6 +225,10 @@ export default defineComponent({
       await retrievePrenotaziones();
     });
 
+    watch(page, async () => {
+      await checkProfileCompletion();
+    });
+
     return {
       prenotaziones,
       handleSyncList,
@@ -182,6 +249,10 @@ export default defineComponent({
       totalItems,
       changeOrder,
       t$,
+      authenticated,
+      profileIncomplete,
+      checkingProfile,
+      checkProfileCompletion,
       // Role-based
       isIncaricato,
       prenotazioniPendenti,

src/main/webapp/app/entities/prenotazione/prenotazione.vue

@@ -2,152 +2,160 @@
   <div>
     <!-- ============================= ROLE_USER VIEW ============================= -->
     <template v-if="!isIncaricato">
-      <h2 id="page-heading" data-cy="PrenotazioneHeading">
+      <div class="alert alert-warning" v-if="authenticated && profileIncomplete && !checkingProfile">
-        <span id="prenotazione">{{ t$('smartbookingApp.prenotazione.home.title') }}</span>
+        <span>{{ t$('home.profile.incomplete.message') }}</span>
-        <div class="d-flex justify-content-end">
+        <div>
-          <button class="btn btn-info me-2" @click="handleSyncList" :disabled="isFetching">
+          <router-link class="alert-link" to="/account/profile">{{ t$('home.profile.incomplete.link') }}</router-link>
-            <font-awesome-icon icon="sync" :spin="isFetching"></font-awesome-icon>
-            <span>{{ t$('smartbookingApp.prenotazione.home.refreshListLabel') }}</span>
-          </button>
-          <router-link :to="{ name: 'PrenotazioneNuova' }" custom v-slot="{ navigate }">
-            <button
-              @click="navigate"
-              id="jh-create-entity"
-              data-cy="entityCreateButton"
-              class="btn btn-primary jh-create-entity create-prenotazione"
-            >
-              <font-awesome-icon icon="plus"></font-awesome-icon>
-              <span>{{ t$('smartbookingApp.prenotazione.home.createLabel') }}</span>
-            </button>
-          </router-link>
         </div>
-      </h2>
-      <br />
-      <div class="alert alert-warning" v-if="!isFetching && prenotaziones?.length === 0">
-        <span>{{ t$('smartbookingApp.prenotazione.home.notFound') }}</span>
       </div>
-      <div class="table-responsive" v-if="prenotaziones?.length > 0">
+      <div v-if="authenticated && !profileIncomplete && !checkingProfile">
-        <table class="table table-striped" aria-describedby="prenotaziones">
+        <h2 id="page-heading" data-cy="PrenotazioneHeading">
-          <thead>
+          <span id="prenotazione">{{ t$('smartbookingApp.prenotazione.home.title') }}</span>
-            <tr>
+          <div class="d-flex justify-content-end">
-              <th scope="col" @click="changeOrder('id')">
+            <button class="btn btn-info me-2" @click="handleSyncList" :disabled="isFetching">
-                <span>{{ t$('global.field.id') }}</span>
+              <font-awesome-icon icon="sync" :spin="isFetching"></font-awesome-icon>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'id'"></jhi-sort-indicator>
+              <span>{{ t$('smartbookingApp.prenotazione.home.refreshListLabel') }}</span>
-              </th>
-              <th scope="col" @click="changeOrder('oraInizio')">
-                <span>{{ t$('smartbookingApp.prenotazione.oraInizio') }}</span>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'oraInizio'"></jhi-sort-indicator>
-              </th>
-              <th scope="col" @click="changeOrder('oraFine')">
-                <span>{{ t$('smartbookingApp.prenotazione.oraFine') }}</span>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'oraFine'"></jhi-sort-indicator>
-              </th>
-              <th scope="col" @click="changeOrder('stato')">
-                <span>{{ t$('smartbookingApp.prenotazione.stato') }}</span>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'stato'"></jhi-sort-indicator>
-              </th>
-              <th scope="col" @click="changeOrder('struttura.nome')">
-                <span>{{ t$('smartbookingApp.prenotazione.struttura') }}</span>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'struttura.nome'"></jhi-sort-indicator>
-              </th>
-              <th scope="col" @click="changeOrder('motivoEvento')">
-                <span>{{ t$('smartbookingApp.prenotazione.motivoEvento') }}</span>
-                <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'motivoEvento'"></jhi-sort-indicator>
-              </th>
-              <th scope="col"></th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="prenotazione in prenotaziones" :key="prenotazione.id" data-cy="entityTable">
-              <td>
-                <router-link :to="{ name: 'PrenotazioneView', params: { prenotazioneId: prenotazione.id } }">{{
-                  prenotazione.id
-                }}</router-link>
-              </td>
-              <td>{{ formatDateShort(prenotazione.oraInizio) || '' }}</td>
-              <td>{{ formatDateShort(prenotazione.oraFine) || '' }}</td>
-              <td>{{ t$('smartbookingApp.StatoPrenotazione.' + prenotazione.stato) }}</td>
-              <td>
-                <div v-if="prenotazione.struttura">{{ prenotazione.struttura.nome }}</div>
-              </td>
-              <td>{{ prenotazione.motivoEvento }}</td>
-              <td class="text-end">
-                <div class="btn-group">
-                  <router-link
-                    :to="{ name: 'PrenotazioneView', params: { prenotazioneId: prenotazione.id } }"
-                    class="btn btn-info btn-sm details"
-                    data-cy="entityDetailsButton"
-                  >
-                    <font-awesome-icon icon="eye"></font-awesome-icon>
-                    <span class="d-none d-md-inline">{{ t$('entity.action.view') }}</span>
-                  </router-link>
-                  <!-- Show conferma link when conferma exists -->
-                  <router-link
-                    v-if="prenotazione.conferma"
-                    :to="{ name: 'ConfermaView', params: { confermaId: prenotazione.conferma.id } }"
-                    class="btn btn-secondary btn-sm"
-                    data-cy="entityConfermaButton"
-                  >
-                    <font-awesome-icon icon="file-alt"></font-awesome-icon>
-                    <span class="d-none d-md-inline">{{ t$('smartbookingApp.prenotazione.viewConferma') }}</span>
-                  </router-link>
-                  <!-- Edit and Delete only when no conferma -->
-                  <template v-if="!prenotazione.conferma">
-                    <router-link
-                      :to="{ name: 'PrenotazioneEdit', params: { prenotazioneId: prenotazione.id } }"
-                      class="btn btn-primary btn-sm edit"
-                      data-cy="entityEditButton"
-                    >
-                      <font-awesome-icon icon="pencil-alt"></font-awesome-icon>
-                      <span class="d-none d-md-inline">{{ t$('entity.action.edit') }}</span>
-                    </router-link>
-                    <b-button
-                      @click="prepareRemove(prenotazione)"
-                      variant="danger"
-                      class="btn btn-sm"
-                      data-cy="entityDeleteButton"
-                      v-b-modal.removeEntity
-                    >
-                      <font-awesome-icon icon="times"></font-awesome-icon>
-                      <span class="d-none d-md-inline">{{ t$('entity.action.delete') }}</span>
-                    </b-button>
-                  </template>
-                </div>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <b-modal ref="removeEntity" id="removeEntity">
-        <template #title>
-          <span id="smartbookingApp.prenotazione.delete.question" data-cy="prenotazioneDeleteDialogHeading">{{
-            t$('entity.delete.title')
-          }}</span>
-        </template>
-        <div class="modal-body">
-          <p id="jhi-delete-prenotazione-heading">{{ t$('smartbookingApp.prenotazione.delete.question', { id: removeId }) }}</p>
-        </div>
-        <template #footer>
-          <div>
-            <button type="button" class="btn btn-secondary" @click="closeDialog()">{{ t$('entity.action.cancel') }}</button>
-            <button
-              type="button"
-              class="btn btn-primary"
-              id="jhi-confirm-delete-prenotazione"
-              data-cy="entityConfirmDeleteButton"
-              @click="removePrenotazione"
-            >
-              {{ t$('entity.action.delete') }}
             </button>
+            <router-link :to="{ name: 'PrenotazioneNuova' }" custom v-slot="{ navigate }">
+              <button
+                @click="navigate"
+                id="jh-create-entity"
+                data-cy="entityCreateButton"
+                class="btn btn-primary jh-create-entity create-prenotazione"
+              >
+                <font-awesome-icon icon="plus"></font-awesome-icon>
+                <span>{{ t$('smartbookingApp.prenotazione.home.createLabel') }}</span>
+              </button>
+            </router-link>
           </div>
-        </template>
+        </h2>
-      </b-modal>
+        <br />
-      <div v-show="prenotaziones?.length > 0">
+        <div class="alert alert-warning" v-if="!isFetching && prenotaziones?.length === 0">
-        <div class="d-flex justify-content-center">
+          <span>{{ t$('smartbookingApp.prenotazione.home.notFound') }}</span>
-          <jhi-item-count :page="page" :total="queryCount" :items-per-page="itemsPerPage"></jhi-item-count>
         </div>
-        <div class="d-flex justify-content-center">
+        <div class="table-responsive" v-if="prenotaziones?.length > 0">
-          <b-pagination size="md" :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
+          <table class="table table-striped" aria-describedby="prenotaziones">
+            <thead>
+              <tr>
+                <th scope="col" @click="changeOrder('id')">
+                  <span>{{ t$('global.field.id') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'id'"></jhi-sort-indicator>
+                </th>
+                <th scope="col" @click="changeOrder('oraInizio')">
+                  <span>{{ t$('smartbookingApp.prenotazione.oraInizio') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'oraInizio'"></jhi-sort-indicator>
+                </th>
+                <th scope="col" @click="changeOrder('oraFine')">
+                  <span>{{ t$('smartbookingApp.prenotazione.oraFine') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'oraFine'"></jhi-sort-indicator>
+                </th>
+                <th scope="col" @click="changeOrder('stato')">
+                  <span>{{ t$('smartbookingApp.prenotazione.stato') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'stato'"></jhi-sort-indicator>
+                </th>
+                <th scope="col" @click="changeOrder('struttura.nome')">
+                  <span>{{ t$('smartbookingApp.prenotazione.struttura') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'struttura.nome'"></jhi-sort-indicator>
+                </th>
+                <th scope="col" @click="changeOrder('motivoEvento')">
+                  <span>{{ t$('smartbookingApp.prenotazione.motivoEvento') }}</span>
+                  <jhi-sort-indicator :current-order="propOrder" :reverse="reverse" :field-name="'motivoEvento'"></jhi-sort-indicator>
+                </th>
+                <th scope="col"></th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="prenotazione in prenotaziones" :key="prenotazione.id" data-cy="entityTable">
+                <td>
+                  <router-link :to="{ name: 'PrenotazioneView', params: { prenotazioneId: prenotazione.id } }">{{
+                    prenotazione.id
+                  }}</router-link>
+                </td>
+                <td>{{ formatDateShort(prenotazione.oraInizio) || '' }}</td>
+                <td>{{ formatDateShort(prenotazione.oraFine) || '' }}</td>
+                <td>{{ t$('smartbookingApp.StatoPrenotazione.' + prenotazione.stato) }}</td>
+                <td>
+                  <div v-if="prenotazione.struttura">{{ prenotazione.struttura.nome }}</div>
+                </td>
+                <td>{{ prenotazione.motivoEvento }}</td>
+                <td class="text-end">
+                  <div class="btn-group">
+                    <router-link
+                      :to="{ name: 'PrenotazioneView', params: { prenotazioneId: prenotazione.id } }"
+                      class="btn btn-info btn-sm details"
+                      data-cy="entityDetailsButton"
+                    >
+                      <font-awesome-icon icon="eye"></font-awesome-icon>
+                      <span class="d-none d-md-inline">{{ t$('entity.action.view') }}</span>
+                    </router-link>
+                    <!-- Show conferma link when conferma exists -->
+                    <router-link
+                      v-if="prenotazione.conferma"
+                      :to="{ name: 'ConfermaView', params: { confermaId: prenotazione.conferma.id } }"
+                      class="btn btn-secondary btn-sm"
+                      data-cy="entityConfermaButton"
+                    >
+                      <font-awesome-icon icon="file-alt"></font-awesome-icon>
+                      <span class="d-none d-md-inline">{{ t$('smartbookingApp.prenotazione.viewConferma') }}</span>
+                    </router-link>
+                    <!-- Edit and Delete only when no conferma -->
+                    <template v-if="!prenotazione.conferma">
+                      <router-link
+                        :to="{ name: 'PrenotazioneEdit', params: { prenotazioneId: prenotazione.id } }"
+                        class="btn btn-primary btn-sm edit"
+                        data-cy="entityEditButton"
+                      >
+                        <font-awesome-icon icon="pencil-alt"></font-awesome-icon>
+                        <span class="d-none d-md-inline">{{ t$('entity.action.edit') }}</span>
+                      </router-link>
+                      <b-button
+                        @click="prepareRemove(prenotazione)"
+                        variant="danger"
+                        class="btn btn-sm"
+                        data-cy="entityDeleteButton"
+                        v-b-modal.removeEntity
+                      >
+                        <font-awesome-icon icon="times"></font-awesome-icon>
+                        <span class="d-none d-md-inline">{{ t$('entity.action.delete') }}</span>
+                      </b-button>
+                    </template>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <b-modal ref="removeEntity" id="removeEntity">
+          <template #title>
+            <span id="smartbookingApp.prenotazione.delete.question" data-cy="prenotazioneDeleteDialogHeading">{{
+              t$('entity.delete.title')
+            }}</span>
+          </template>
+          <div class="modal-body">
+            <p id="jhi-delete-prenotazione-heading">{{ t$('smartbookingApp.prenotazione.delete.question', { id: removeId }) }}</p>
+          </div>
+          <template #footer>
+            <div>
+              <button type="button" class="btn btn-secondary" @click="closeDialog()">{{ t$('entity.action.cancel') }}</button>
+              <button
+                type="button"
+                class="btn btn-primary"
+                id="jhi-confirm-delete-prenotazione"
+                data-cy="entityConfirmDeleteButton"
+                @click="removePrenotazione"
+              >
+                {{ t$('entity.action.delete') }}
+              </button>
+            </div>
+          </template>
+        </b-modal>
+        <div v-show="prenotaziones?.length > 0">
+          <div class="d-flex justify-content-center">
+            <jhi-item-count :page="page" :total="queryCount" :items-per-page="itemsPerPage"></jhi-item-count>
+          </div>
+          <div class="d-flex justify-content-center">
+            <b-pagination size="md" :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
+          </div>
         </div>
       </div>
     </template>
@@ -211,11 +219,7 @@
                     <font-awesome-icon icon="eye"></font-awesome-icon>
                     <span class="d-none d-md-inline">{{ t$('entity.action.view') }}</span>
                   </router-link>
-                  <button
+                  <button class="btn btn-success btn-sm" data-cy="prendiInCaricoButton" @click="prendiInCarico(prenotazione)">
-                    class="btn btn-success btn-sm"
-                    data-cy="prendiInCaricoButton"
-                    @click="prendiInCarico(prenotazione)"
-                  >
                     <font-awesome-icon icon="check"></font-awesome-icon>
                     <span class="d-none d-md-inline">{{ t$('smartbookingApp.prenotazione.prendiInCarico.button') }}</span>
                   </button>
@@ -304,7 +308,11 @@
       </div>
 
       <!-- "Prendi in carico" modal -->
-      <b-modal v-model="showPrendiInCaricoModal" :title="t$('smartbookingApp.prenotazione.prendiInCarico.title')" @hidden="closePrendiInCaricoModal">
+      <b-modal
+        v-model="showPrendiInCaricoModal"
+        :title="t$('smartbookingApp.prenotazione.prendiInCarico.title')"
+        @hidden="closePrendiInCaricoModal"
+      >
         <div v-if="selectedPrenotazione">
           <p class="text-muted mb-3">
             {{ t$('smartbookingApp.prenotazione.prendiInCarico.subtitle', { id: selectedPrenotazione.id }) }}