codevdesign 0.0.18 → 0.0.20

package/assets/csqc.css

@@ -0,0 +1,262 @@
+@charset "UTF-8";
+
+ /* titre design qc avec ligne orange*/ 
+.headline {
+  color: #223654 !important;
+  font-weight: 600 !important;
+}
+
+/* titre design qc avec ligne orange*/ 
+.headline:after {
+  content: "";
+  display: block;
+  margin: 0 0 8px 0;
+  width: 2.8rem;
+  padding-top: 0.3rem;
+  border-bottom: 3px solid #f09686;
+}
+
+/* pour afficher une étoile après le label*/
+.required:after {
+  content: " *";
+  color: red;
+}
+
+/* grosseur et poids des labels*/
+.libelle {
+  font-weight: bold;
+  font-size: 0.9rem;
+}
+
+
+/*hauteur des boutons min... par défaut c'est 34*/
+.BoutonCSQC {
+  border-radius: 4px;
+  min-height: 56px;
+  min-width: 112px !important;
+}
+
+.BoutonCSQCCompact {
+  border-radius: 4px;
+  min-height: 40px;
+  min-width: 80px !important;
+}
+
+.iconeHover:hover {
+    color: #095797;
+}
+
+/*goutière de 24px minimum entre les boutons compact*/
+.v-application--is-ltr .v-card__actions>.v-btn.v-btn+.v-btn {
+  margin-left: 16px;
+}
+
+.Gouttiere {
+  margin-left: 16px;
+}
+
+
+/*permet legend max width sans padding de container */
+.maximumLargeur {
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 1310px;
+  width: 100%;
+}
+
+.ajouterPointeur {
+  cursor: pointer;
+}
+
+
+
+
+/*********************** Overrride piv                                *******************/
+@media screen and (min-width: 993px) {
+  #pivImage {
+    max-height: none !important;
+    max-width: 256px !important;
+    width: auto !important;
+  }
+}
+
+.hyphen_auto {
+  hyphens: auto;
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+  width: 100%
+}
+
+/************************** PIV **************************/
+
+
+#pivImage {
+  max-height: 2rem;
+  max-width: 10.175rem;
+}
+
+.imgImpression {
+  display: none;
+}
+
+
+.visuallyHidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px
+}
+
+.cacher {
+  display: none !important
+}
+
+
+.flex,
+.d-flex {
+  display: -ms-flexbox !important;
+  display: -webkit-box !important;
+  display: flex !important
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  -webkit-box-align: center !important;
+  align-items: center !important
+}
+
+.justify-content-end {
+  -ms-flex-pack: end !important;
+  -webkit-box-pack: end !important;
+  justify-content: flex-end !important
+}
+
+.justify-content-start {
+  -ms-flex-pack: start !important;
+  -webkit-box-pack: start !important;
+  justify-content: flex-start !important
+}
+
+
+/* Taille de police */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  color: #223654;
+  font-weight: 600;
+  font-style: normal;
+}
+
+h1,
+.h1 {
+  font-size: 2.5rem;
+  font-weight: bold;
+  line-height: 2.7rem;
+  margin-top: 1.3rem;
+  margin-bottom: 2rem;
+}
+
+h2,
+.h2 {
+  font-size: 2rem;
+  font-weight: bold;
+  padding-bottom: 0;
+  margin-bottom: 0.7rem;
+  margin-top: 2.5rem;
+  line-height: 2.3rem;
+}
+
+h3,
+.h3 {
+  font-size: 1.8rem;
+  font-weight: 500;
+  margin-top: 1.3rem;
+}
+
+h3.results-topic {
+  margin-top: 1rem;
+}
+
+h3.results-topic a {
+  font-weight: normal;
+  font-size: 1.5rem;
+  text-decoration: none;
+  font-variant-caps: all-small-caps;
+}
+
+h4,
+.h4 {
+  font-size: 1.3125rem;
+  font-weight: bold;
+  margin-top: 1rem;
+}
+
+h5,
+.h5 {
+  font-size: 1.125rem;
+  font-weight: 500;
+  margin-top: 1rem;
+}
+
+h6,
+.h6 {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+/* Titre design québec */
+
+h1:after,
+h2.decorated:after {
+  content: "";
+  display: block;
+  margin: 0 0 12px 0;
+  width: 4.8rem;
+  padding-top: 0.4rem;
+
+}
+
+h3.decorated:after,
+h4.decorated:after,
+h5.decorated:after,
+h6.decorated:after {
+  content: "";
+  display: block;
+  margin: 0 0 12px 0;
+  width: 3.4rem;
+  padding-top: 0.4rem;
+  border-bottom: 3px solid #f09686;
+}

package/composants/gabarit/csqcMenu.vue

@@ -31,7 +31,7 @@
           <v-btn
             color="white"
             v-bind="props"
-            :active="estActifSousliste"
+            :active="estActifSousliste(item)"
           >
             {{ item.nom }}
           </v-btn>
@@ -51,6 +51,7 @@
               class="params_item"
               :to="sousitem.path"
               variant="text"
+              :active="sousitem.path === route"
               >{{ sousitem.title }}</v-btn
             >
           </v-list-item>
@@ -170,9 +171,10 @@
   }
 
   // Vérifie si un item de la sous-liste est actif (route correspond à un item)
-  const estActifSousliste = computed(() => {
-    return props.souslisteItems.some(item => props.route === item.path)
-  })
+  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 */

package/composants/gabarit/pivEntete.vue

@@ -57,7 +57,7 @@
         cols="12"
       >
         <v-app-bar-title style="font-size: 16px !important">
-          {{ $t('pivEntete.nom_application') }}
+          {{ $t('nom_application') }}
         </v-app-bar-title>
       </v-col>
     </v-row>

package/index.ts

@@ -14,14 +14,22 @@ import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
 import Utilisateur from './modeles/utilisateur'
 import Unite from './modeles/unite'
 import Intervention from './modeles/intervention'
+import DroitIntervention from './modeles/droitIntervention'
+import Role from './modeles/role'
+import RoleMin from './modeles/roleMin'
+import GroupeCE from './modeles/groupeCE'
+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'
+
 import csqcEn from './locales/en.json'
 import csqcFr from './locales/fr.json'
 
+import csqcCSS from './assets/csqc.css'
+
 export {
   csqcFr,
   csqcEn,
@@ -45,4 +53,10 @@ export {
   apiReponse,
   data,
   response,
+  NotificationGabaritDefaut,
+  DroitIntervention,
+  Role,
+  RoleMin,
+  GroupeCE,
+  csqcCSS,
 }

package/modeles/apiReponse.ts

@@ -2,8 +2,8 @@
 class APIReponse {
   public statusCode: number
   public location?: string
-  public response: response
-  constructor(statusCode: number, response: any, location?: string) {
+  public response: response | null
+  constructor(statusCode: number = 0, response: response | null = null, location?: string) {
     this.statusCode = statusCode
     this.location = location
     this.response = response

package/modeles/data.ts

@@ -2,13 +2,16 @@
   version: string
   date: Date
   horodatage: number
-  //succes: boolean
   code: number
   message: string
-  resultat: object | string
+  resultat: object | string | null
 
-  // Constructeur de la classe
-  constructor(code: number, message: string, resultat: any = null, version: string = '1.0') {
+  constructor(
+    code: number = 0,
+    message: string = '',
+    resultat: object | string | null = null,
+    version: string = '1.0',
+  ) {
     this.version = version
     this.date = new Date()
     this.horodatage = 0

package/modeles/droitIntervention.ts

@@ -0,0 +1,14 @@
+class droitIntervention {
+  uniteId: number
+  chaiseId: number
+  niveauChaise: number
+  typeIntervenant: number
+  constructor(uniteId: number = 0, chaiseId: number = 0, niveauChaise: number = 0, typeIntervenant: number = 0) {
+    this.uniteId = uniteId
+    this.chaiseId = chaiseId
+    this.niveauChaise = niveauChaise
+    this.typeIntervenant = typeIntervenant
+  }
+}
+
+export default droitIntervention

package/modeles/groupeCE.ts

@@ -0,0 +1,23 @@
+import GroupeCEIntervalle from './groupeCEIntervalle'
+class GroupeCE {
+  id: number
+  commissionScolaireId: number
+  nom: string
+  groupeCEIntervalles: GroupeCEIntervalle[]
+  parentId?: number
+
+  constructor(
+    id: number = 0,
+    commissionScolaireId: number = 0,
+    nom: string = '',
+    groupeCEIntervalles: GroupeCEIntervalle[] = [],
+    parentId: number = 0,
+  ) {
+    this.id = id
+    this.commissionScolaireId = commissionScolaireId
+    this.nom = nom
+    this.groupeCEIntervalles = groupeCEIntervalles
+    this.parentId = parentId
+  }
+}
+export default GroupeCE

package/modeles/groupeCEIntervalle.ts

@@ -0,0 +1,24 @@
+class GroupeCEIntervalle {
+  id: number
+  corpsEmploiMin: string
+  corpsEmploiMax: string
+  groupeCEId: number
+  min: number
+  max: number
+  constructor(
+    id: number = 0,
+    corpsEmploiMin: string = '',
+    corpsEmploiMax: string = '',
+    groupeCEId: number = 0,
+    min: number,
+    max: number,
+  ) {
+    this.id = id
+    this.corpsEmploiMin = corpsEmploiMin
+    this.corpsEmploiMax = corpsEmploiMax
+    this.groupeCEId = groupeCEId
+    this.min = min
+    this.max = max
+  }
+}
+export default GroupeCEIntervalle

package/modeles/intervention.ts

@@ -1,23 +1,20 @@
-import { EtatDemandeUnite, TypeIntervenant } from '@/outils/enum'
-
-class Intervention {
+class Intervention {
   id: number
   demandeId: number
   uniteId: number
   chaiseId?: number
   niveauChaise?: number
-  typeIntervenant: TypeIntervenant
+  typeIntervenant: number
   utilisateurIdAyantIntervenu?: number
   dateIntervention?: Date
-  etat: EtatDemandeUnite
+  etat: number
 
-  // Constructeur de la classe
   constructor(
-    id: number,
-    demandeId: number,
-    uniteId: number,
-    typeIntervenant: TypeIntervenant,
-    etat: EtatDemandeUnite,
+    id: number = 0,
+    demandeId: number = 0,
+    uniteId: number = 0,
+    typeIntervenant: number = 0,
+    etat: number = 0,
     chaiseId?: number,
     niveauChaise?: number,
     utilisateurIdAyantIntervenu?: number,

package/modeles/notificationGabaritDefaut.ts

@@ -0,0 +1,10 @@
+class NotificationGabaritDefaut {
+  message: string
+  sujet: string
+  constructor(message: string = '', sujet: string = '') {
+    this.message = message
+    this.sujet = sujet
+  }
+}
+
+export default NotificationGabaritDefaut

package/modeles/response.ts

@@ -1,10 +1,9 @@
-import datatableColonne from './composants/datatableColonne'
-import data from './data'
+import data from './data'
 class response {
-  public data: data
+  public data: data | null
   public status: number
-  // Constructeur de la classe
-  constructor(data: any, status: number) {
+
+  constructor(data: data | null = null, status: number = 0) {
     this.data = data
     this.status = status
   }

package/modeles/role.ts

@@ -0,0 +1,31 @@
+import RoleMin from './roleMin'
+
+class Role extends RoleMin {
+  ordreAffichage: number
+  descriptionEn: string
+  descriptionFr: string
+  nomFr: string
+  nomEn: string
+  utilisateursId: string[]
+  constructor(
+    descriptionEn: string = '',
+    ordreAffichage: number = 0,
+    descriptionFr: string = '',
+    nomFr: string = '',
+    nomEn: string = '',
+    utilisateursId: string[] = [],
+    identifiant: string = '',
+    id: number = 0,
+    formulaireId: number = 0,
+  ) {
+    super(identifiant, id, formulaireId) // Appel au constructeur de la classe parente
+    this.descriptionEn = descriptionEn
+    this.ordreAffichage = ordreAffichage
+    this.descriptionFr = descriptionFr
+    this.nomFr = nomFr
+    this.nomEn = nomEn
+    this.utilisateursId = utilisateursId
+  }
+}
+
+export default Role

package/modeles/roleMin.ts

@@ -0,0 +1,12 @@
+class RoleMin {
+  identifiant: string
+  formulaireId?: number
+  id: number
+  constructor(identifiant: string = '', id: number = 0, formulaireId: number = 0) {
+    this.id = id
+    this.identifiant = identifiant
+    this.formulaireId = formulaireId
+  }
+}
+
+export default RoleMin

package/modeles/unite.ts

@@ -11,19 +11,18 @@
   estJeune: boolean
   estAdulte: boolean
 
-  // Constructeur de la classe
   constructor(
-    id: number,
-    commissionScolaireId: number,
-    nom: string,
-    estActif: boolean,
-    numero: string,
-    numeroEcoleJeune: string,
-    numeroCentreAdulte: string,
-    numeroEcoleJeuneStr: string,
-    numeroCentreAdulteStr: string,
-    estJeune: boolean,
-    estAdulte: boolean,
+    id: number = 0,
+    commissionScolaireId: number = 0,
+    nom: string = '',
+    estActif: boolean = false,
+    numero: string = '',
+    numeroEcoleJeune: string = '',
+    numeroCentreAdulte: string = '',
+    numeroEcoleJeuneStr: string = '',
+    numeroCentreAdulteStr: string = '',
+    estJeune: boolean = false,
+    estAdulte: boolean = false,
   ) {
     this.id = id
     this.commissionScolaireId = commissionScolaireId

package/modeles/utilisateur.ts

@@ -1,5 +1,4 @@
-// modeleUtilisateur.ts
-class Utilisateur {
+class Utilisateur {
   commissionScolaireId: number
   courriel: string
   id: number
@@ -10,14 +9,14 @@ class Utilisateur {
   prenom: string
 
   constructor(
-    commissionScolaireId: number,
-    courriel: string,
-    id: number,
-    identifiant: string,
-    langue: string,
-    matricule: string,
-    nom: string,
-    prenom: string,
+    commissionScolaireId: number = 0,
+    courriel: string = '',
+    id: number = 0,
+    identifiant: string = '',
+    langue: string = '',
+    matricule: string = '',
+    nom: string = '',
+    prenom: string = '',
   ) {
     this.commissionScolaireId = commissionScolaireId
     this.courriel = courriel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",