codevdesign 0.0.79 → 0.0.81

package/composants/gabarit/csqcMenu.vue

@@ -1,274 +1,274 @@
-<template>
-  <!-- desktop -->
-  <div v-if="!estMobile">
-    <v-toolbar
-      class="pa-0 ajouterPointeur barreMenu"
-      :border="false"
-      elevation="2"
-    >
-      <div
-        v-for="item in filtrerMenuItems"
-        :key="item.title"
-        class="pt-1"
-      >
-        <v-btn
-          v-if="doitAfficherItemMenu(item)"
-          variant="text"
-          :to="item.path"
-          :active="item.path === route"
-          :active-color="'white'"
-          :style="'min-width: 100px;'"
-          >{{ item.title }}</v-btn
-        >
-      </div>
-      <v-spacer></v-spacer>
-      <!-- Sous Liste -->
-      <v-menu
-        v-for="(item, index) in filtrerSousListe"
-        :key="index"
-        open-on-hover
-      >
-        <template #activator="{ props }">
-          <v-btn
-            color="white"
-            v-bind="props"
-            :active="estActifSousliste(item)"
-          >
-            {{ item.nom }}
-          </v-btn>
-        </template>
-
-        <v-list
-          style="background-color: #223654 !important"
-          min-width="230px"
-        >
-          <v-list-item
-            v-for="(sousitem, sousindex) in obtenirItemsSousListeSelonDroits(item.id)"
-            :key="sousindex"
-          >
-            <v-btn
-              :max-height="35"
-              width="100%"
-              class="params_item"
-              :to="sousitem.path"
-              variant="text"
-              :active="sousitem.path === route"
-              >{{ sousitem.title }}</v-btn
-            >
-          </v-list-item>
-        </v-list>
-      </v-menu>
-      <v-btn
-        v-if="btnDeconnexion"
-        variant="text"
-        :style="'min-width: 100px;'"
-        @click="deconnexion"
-        >{{ $t('csqc.csqcMenu.deconnexion') }}</v-btn
-      >
-    </v-toolbar>
-  </div>
-
-  <!-- mobile -->
-  <div v-else>
-    <v-toolbar class="pa-0 ajouterPointeur barreMenuMobile">
-      <v-app-bar-nav-icon
-        variant="text"
-        @click.stop="menu = !menu"
-      ></v-app-bar-nav-icon>
-      <v-toolbar-title
-        ><label
-          class="ajouterPointeur"
-          style="color: white !important"
-          >{{ $t('menu.menu') }}</label
-        >
-      </v-toolbar-title>
-    </v-toolbar>
-
-    <v-navigation-drawer
-      v-model="menu"
-      nav
-    >
-      <v-list>
-        <div
-          v-for="item in filtrerMenuItems"
-          :key="item.title"
-        >
-          <v-list-item
-            :to="item.path"
-            :active="item.path === route"
-            :title="item.title"
-          />
-        </div>
-        <div
-          v-for="item in filtrerSousListe"
-          :key="item.id"
-        >
-          <v-list-group :value="item.nom">
-            <template #activator="{ props }">
-              <v-list-item
-                v-bind="props"
-                :title="item.nom"
-              />
-            </template>
-            <div
-              v-for="(sousitem, index) in obtenirItemsSousListeSelonDroits(item.id)"
-              :key="index"
-            >
-              <v-list-item
-                :title="sousitem.title"
-                :value="sousitem.title"
-                :to="sousitem.path"
-              />
-            </div>
-          </v-list-group>
-          <v-list-item
-            v-if="btnDeconnexion"
-            :title="$t('csqc.csqcMenu.deconnexion')"
-            @click="deconnexion"
-          />
-        </div>
-      </v-list>
-    </v-navigation-drawer>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import type { MenuItem, SousListe, SousListeItems } from '../../modeles/composants/csqcMenuModele'
-  import { ref, computed } from 'vue'
-
-  const props = defineProps({
-    estMobile: {
-      type: Boolean,
-      required: true,
-    },
-    btnDeconnexion: {
-      type: Boolean,
-      required: false,
-    },
-    route: {
-      type: String,
-      required: true,
-    },
-    menuItems: {
-      type: Array as () => MenuItem[],
-      required: true,
-    },
-    sousliste: {
-      type: Array as () => SousListe[],
-      required: false,
-      default: () => [],
-    },
-    souslisteItems: {
-      type: Array as () => SousListeItems[],
-      required: false,
-      default: () => [],
-    },
-    droitsMap: {
-      type: Object as () => Record<string, boolean>,
-      required: true,
-      default: () => ({}),
-    },
-  })
-
-  const menu = ref<boolean>(false)
-  const emit = defineEmits(['deconnexion'])
-
-  /*const verifierDroits = (monelement: string) => {
-    return props.droitsMap[monelement] || false
-  }*/
-
-  const deconnexion = () => {
-    emit('deconnexion')
-  }
-
-  const doitAfficherItemMenu = (item: MenuItem) => {
-    return props.droitsMap[item.droit] || false
-  }
-
-  const filtrerMenuItems = computed(() => {
-    return props.menuItems.filter(item => props.droitsMap[item.droit])
-  })
-
-  const filtrerSousListe = computed(() => {
-    return props.sousliste.filter(item => props.droitsMap[item.droit])
-  })
-
-  const obtenirItemsSousListeSelonDroits = (monitemId: number) => {
-    return props.souslisteItems.filter(item => item.parentId === monitemId && props.droitsMap[item.droit])
-  }
-
-  // Vérifie si un item de la sous-liste est actif (route correspond à un item)
-  const estActifSousliste = (item: SousListe) => {
-    // Vérifie si un des sous-items correspond à la route
-    return obtenirItemsSousListeSelonDroits(item.id).some(sousitem => sousitem.path === props.route)
-  }
-</script>
-<style lang="css" scoped>
-  /* desktop background de la barre de menu et hauteur */
-  .v-toolbar {
-    background-color: #223654;
-    height: 64px;
-  }
-
-  /* desktop couleur du texte de la barre, marge du haut, padding */
-  .barreMenu {
-    color: white !important;
-    padding: 0 10px 0 10px !important;
-  }
-  /* desktop */
-  .v-btn {
-    font-weight: 400;
-    height: 72px !important;
-  }
-  /* desktop */
-  .v-btn--active {
-    font-weight: 600 !important;
-  }
-
-  /* desktop empeche le texte parametre detre trop bas */
-  .params {
-    padding-top: 5px !important;
-  }
-  /* desktop */
-  .params_item {
-    font-weight: 400;
-    color: white !important;
-    background-color: #223654 !important;
-  }
-  /* desktop */
-  .params_item.v-btn--active {
-    color: white !important;
-    font-weight: 600 !important;
-  }
-  /* desktop */
-  .params_item.v-btn--active:hover {
-    color: white !important;
-    background-color: #223654 !important;
-  }
-  /* desktop */
-  .params_item.v-btn--active:hover::before {
-    color: #ffffff80 !important;
-  }
-  /* desktop */
-  .params_item.v-btn--active::before {
-    opacity: 0.24;
-    border-radius: 0;
-    color: #ffffff80 !important;
-    margin-top: 1px !important;
-  }
-
-  /* mobile couleur du texte de la barre, marge du haut, padding */
-  .barreMenuMobile {
-    color: white !important;
-    padding: 0 10px 0 10px !important;
-  }
-
-  /* mobile drawer apparait sous les app bar */
-  .v-navigation-drawer {
-    top: 132px !important;
-  }
-  /* mobile drawer,  Calcule la hauteur comme étant 100% moins 132px pour afficher le scroll */
-  :deep(.v-navigation-drawer__content) {
-    height: calc(100% - 132px);
-  }
-</style>
+<template>
+  <!-- desktop -->
+  <div v-if="!estMobile">
+    <v-toolbar
+      class="pa-0 ajouterPointeur barreMenu"
+      :border="false"
+      elevation="2"
+    >
+      <div
+        v-for="item in filtrerMenuItems"
+        :key="item.nom"
+        class="pt-1"
+      >
+        <v-btn
+          v-if="doitAfficherItemMenu(item)"
+          variant="text"
+          :to="item.path"
+          :active="item.path === route"
+          :active-color="'white'"
+          :style="'min-width: 100px;'"
+          >{{ item.nom }}</v-btn
+        >
+      </div>
+      <v-spacer></v-spacer>
+      <!-- Sous Liste -->
+      <v-menu
+        v-for="(item, index) in filtrerSousListe"
+        :key="index"
+        open-on-hover
+      >
+        <template #activator="{ props }">
+          <v-btn
+            color="white"
+            v-bind="props"
+            :active="estActifSousliste(item)"
+          >
+            {{ item.nom }}
+          </v-btn>
+        </template>
+
+        <v-list
+          style="background-color: #223654 !important"
+          min-width="230px"
+        >
+          <v-list-item
+            v-for="(sousitem, sousindex) in obtenirItemsSousListeSelonDroits(item.id)"
+            :key="sousindex"
+          >
+            <v-btn
+              :max-height="35"
+              width="100%"
+              class="params_item"
+              :to="sousitem.path"
+              variant="text"
+              :active="sousitem.path === route"
+              >{{ sousitem.nom }}</v-btn
+            >
+          </v-list-item>
+        </v-list>
+      </v-menu>
+      <v-btn
+        v-if="btnDeconnexion"
+        variant="text"
+        :style="'min-width: 100px;'"
+        @click="deconnexion"
+        >{{ $t('csqc.csqcMenu.deconnexion') }}</v-btn
+      >
+    </v-toolbar>
+  </div>
+
+  <!-- mobile -->
+  <div v-else>
+    <v-toolbar class="pa-0 ajouterPointeur barreMenuMobile">
+      <v-app-bar-nav-icon
+        variant="text"
+        @click.stop="menu = !menu"
+      ></v-app-bar-nav-icon>
+      <v-toolbar-title
+        ><label
+          class="ajouterPointeur"
+          style="color: white !important"
+          >{{ $t('menu.menu') }}</label
+        >
+      </v-toolbar-title>
+    </v-toolbar>
+
+    <v-navigation-drawer
+      v-model="menu"
+      nav
+    >
+      <v-list>
+        <div
+          v-for="item in filtrerMenuItems"
+          :key="item.nom"
+        >
+          <v-list-item
+            :to="item.path"
+            :active="item.path === route"
+            :title="item.nom"
+          />
+        </div>
+        <div
+          v-for="item in filtrerSousListe"
+          :key="item.id"
+        >
+          <v-list-group :value="item.nom">
+            <template #activator="{ props }">
+              <v-list-item
+                v-bind="props"
+                :title="item.nom"
+              />
+            </template>
+            <div
+              v-for="(sousitem, index) in obtenirItemsSousListeSelonDroits(item.id)"
+              :key="index"
+            >
+              <v-list-item
+                :title="sousitem.nom"
+                :value="sousitem.nom"
+                :to="sousitem.path"
+              />
+            </div>
+          </v-list-group>
+          <v-list-item
+            v-if="btnDeconnexion"
+            :title="$t('csqc.csqcMenu.deconnexion')"
+            @click="deconnexion"
+          />
+        </div>
+      </v-list>
+    </v-navigation-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import type { MenuItem, SousListe, SousListeItems } from '../../modeles/composants/csqcMenuModele'
+  import { ref, computed } from 'vue'
+
+  const props = defineProps({
+    estMobile: {
+      type: Boolean,
+      required: true,
+    },
+    btnDeconnexion: {
+      type: Boolean,
+      required: false,
+    },
+    route: {
+      type: String,
+      required: true,
+    },
+    menuItems: {
+      type: Array as () => MenuItem[],
+      required: true,
+    },
+    sousliste: {
+      type: Array as () => SousListe[],
+      required: false,
+      default: () => [],
+    },
+    souslisteItems: {
+      type: Array as () => SousListeItems[],
+      required: false,
+      default: () => [],
+    },
+    droitsMap: {
+      type: Object as () => Record<string, boolean>,
+      required: true,
+      default: () => ({}),
+    },
+  })
+
+  const menu = ref<boolean>(false)
+  const emit = defineEmits(['deconnexion'])
+
+  /*const verifierDroits = (monelement: string) => {
+    return props.droitsMap[monelement] || false
+  }*/
+
+  const deconnexion = () => {
+    emit('deconnexion')
+  }
+
+  const doitAfficherItemMenu = (item: MenuItem) => {
+    return props.droitsMap[item.droit] || false
+  }
+
+  const filtrerMenuItems = computed(() => {
+    return props.menuItems.filter(item => props.droitsMap[item.droit])
+  })
+
+  const filtrerSousListe = computed(() => {
+    return props.sousliste.filter(item => props.droitsMap[item.droit])
+  })
+
+  const obtenirItemsSousListeSelonDroits = (monitemId: number) => {
+    return props.souslisteItems.filter(item => item.parentId === monitemId && props.droitsMap[item.droit])
+  }
+
+  // Vérifie si un item de la sous-liste est actif (route correspond à un item)
+  const estActifSousliste = (item: SousListe) => {
+    // Vérifie si un des sous-items correspond à la route
+    return obtenirItemsSousListeSelonDroits(item.id).some(sousitem => sousitem.path === props.route)
+  }
+</script>
+<style lang="css" scoped>
+  /* desktop background de la barre de menu et hauteur */
+  .v-toolbar {
+    background-color: #223654;
+    height: 64px;
+  }
+
+  /* desktop couleur du texte de la barre, marge du haut, padding */
+  .barreMenu {
+    color: white !important;
+    padding: 0 10px 0 10px !important;
+  }
+  /* desktop */
+  .v-btn {
+    font-weight: 400;
+    height: 72px !important;
+  }
+  /* desktop */
+  .v-btn--active {
+    font-weight: 600 !important;
+  }
+
+  /* desktop empeche le texte parametre detre trop bas */
+  .params {
+    padding-top: 5px !important;
+  }
+  /* desktop */
+  .params_item {
+    font-weight: 400;
+    color: white !important;
+    background-color: #223654 !important;
+  }
+  /* desktop */
+  .params_item.v-btn--active {
+    color: white !important;
+    font-weight: 600 !important;
+  }
+  /* desktop */
+  .params_item.v-btn--active:hover {
+    color: white !important;
+    background-color: #223654 !important;
+  }
+  /* desktop */
+  .params_item.v-btn--active:hover::before {
+    color: #ffffff80 !important;
+  }
+  /* desktop */
+  .params_item.v-btn--active::before {
+    opacity: 0.24;
+    border-radius: 0;
+    color: #ffffff80 !important;
+    margin-top: 1px !important;
+  }
+
+  /* mobile couleur du texte de la barre, marge du haut, padding */
+  .barreMenuMobile {
+    color: white !important;
+    padding: 0 10px 0 10px !important;
+  }
+
+  /* mobile drawer apparait sous les app bar */
+  .v-navigation-drawer {
+    top: 132px !important;
+  }
+  /* mobile drawer,  Calcule la hauteur comme étant 100% moins 132px pour afficher le scroll */
+  :deep(.v-navigation-drawer__content) {
+    height: calc(100% - 132px);
+  }
+</style>

package/index.ts

@@ -1,61 +1,65 @@
-import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
-import csqcDialogue from './composants/csqcDialogue.vue'
-import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
-import csqcRecherche from './composants/csqcRecherche.vue'
-import csqcSnackbar from './composants/csqcSnackbar.vue'
-import csqcTiroir from './composants/csqcTiroir.vue'
-import pivEntete from './composants/gabarit/pivEntete.vue'
-import pivFooter from './composants/gabarit/pivPiedPage.vue'
-import csqcMenu from './composants/gabarit/csqcMenu.vue'
-import csqcConfirmation from './composants/csqcConfirmation.vue'
-import csqcTable from './composants/csqcTable/csqcTable.vue'
-import csqcCodeBudgetaire from './composants/codeBudgetaireGenerique.vue'
-import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
-import csqcAide from './composants/csqcAide.vue'
-import csqcEntete from './composants/csqcEntete.vue'
-import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-import csqcEditeurTexteRiche from './composants/csqcEditeurTexteRiche.vue'
-import validateurs from './composants/validateurs'
-
-// modèles
-import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
-import modeleSnackbar from './modeles/composants/snackbar'
-import modeleDatatableColonne from './modeles/composants/datatableColonne'
-import apiReponse from './modeles/apiReponse'
-import data from './modeles/data'
-import response from './modeles/response'
-
-// i18n
-import csqcEn from './locales/en.json'
-import csqcFr from './locales/fr.json'
-
-export {
-  csqcFr,
-  csqcEn,
-  csqcAlerteErreur,
-  csqcDialogue,
-  csqcConfirmation,
-  csqcOptionSwitch,
-  csqcRecherche,
-  csqcSnackbar,
-  csqcTable,
-  csqcTiroir,
-  csqcMenu,
-  csqcCodeBudgetaire,
-  csqcChaise,
-  pivFooter,
-  pivEntete,
-  csqcAide,
-  csqcEntete,
-  csqcTexteBilingue,
-  csqcEditeurTexteRiche,
-  validateurs,
-
-  modeleSnackbar,
-  modeleDatatableColonne,
-  apiReponse,
-  data,
-  response,
-  NotificationGabaritDefaut,
-}
+import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
+import csqcDialogue from './composants/csqcDialogue.vue'
+import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
+import csqcRecherche from './composants/csqcRecherche.vue'
+import csqcSnackbar from './composants/csqcSnackbar.vue'
+import csqcTiroir from './composants/csqcTiroir.vue'
+import pivEntete from './composants/gabarit/pivEntete.vue'
+import pivFooter from './composants/gabarit/pivPiedPage.vue'
+import csqcMenu from './composants/gabarit/csqcMenu.vue'
+import csqcConfirmation from './composants/csqcConfirmation.vue'
+import csqcTable from './composants/csqcTable/csqcTable.vue'
+import csqcCodeBudgetaire from './composants/codeBudgetaireGenerique.vue'
+import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
+import csqcAide from './composants/csqcAide.vue'
+import csqcEntete from './composants/csqcEntete.vue'
+import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+import csqcEditeurTexteRiche from './composants/csqcEditeurTexteRiche.vue'
+import csqcImportCSV from './composants/csqcImportCSV.vue'
+import csqcRechercheUtilisateur from './composants/csqcRechercheUtilisateur.vue'
+import validateurs from './composants/validateurs'
+
+// modèles
+import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
+import modeleSnackbar from './modeles/composants/snackbar'
+import modeleDatatableColonne from './modeles/composants/datatableColonne'
+import apiReponse from './modeles/apiReponse'
+import data from './modeles/data'
+import response from './modeles/response'
+
+// i18n
+import csqcEn from './locales/en.json'
+import csqcFr from './locales/fr.json'
+
+export {
+  csqcFr,
+  csqcEn,
+  csqcAlerteErreur,
+  csqcDialogue,
+  csqcConfirmation,
+  csqcOptionSwitch,
+  csqcRecherche,
+  csqcSnackbar,
+  csqcTable,
+  csqcTiroir,
+  csqcMenu,
+  csqcCodeBudgetaire,
+  csqcChaise,
+  pivFooter,
+  pivEntete,
+  csqcAide,
+  csqcEntete,
+  csqcTexteBilingue,
+  csqcEditeurTexteRiche,
+  validateurs,
+  csqcImportCSV,
+  csqcRechercheUtilisateur,
+
+  modeleSnackbar,
+  modeleDatatableColonne,
+  apiReponse,
+  data,
+  response,
+  NotificationGabaritDefaut,
+}