codevdesign 0.0.62 → 0.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/composants/codeBudgetaireGenerique.vue +260 -260
- package/composants/csqcAide.vue +55 -55
- package/composants/csqcDialogue.vue +117 -117
- package/composants/csqcOptionSwitch.vue +124 -124
- package/composants/csqcRecherche.vue +31 -3
- package/composants/csqcSnackbar.vue +98 -98
- package/composants/csqcTable/csqcTable.vue +388 -388
- package/composants/csqcTable/csqcTableExportExcel.vue +58 -58
- package/composants/csqcTable/csqcTableModaleChoixColonnes.vue +586 -586
- package/composants/csqcTexteBilingue.vue +158 -158
- package/composants/csqcTiroir.vue +149 -149
- package/composants/gabarit/csqcMenu.vue +274 -274
- package/composants/gabarit/pivEntete.vue +118 -118
- package/index.ts +70 -70
- package/package.json +1 -1
|
@@ -1,118 +1,118 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<v-toolbar
|
|
3
|
-
color="primary"
|
|
4
|
-
height="72px"
|
|
5
|
-
elevation="1"
|
|
6
|
-
>
|
|
7
|
-
<v-row
|
|
8
|
-
class="pl-6 pr-6"
|
|
9
|
-
align="center"
|
|
10
|
-
no-gutters
|
|
11
|
-
>
|
|
12
|
-
<!-- Première colonne : Logo -->
|
|
13
|
-
<v-col cols="auto">
|
|
14
|
-
<a href="/">
|
|
15
|
-
<img
|
|
16
|
-
v-if="texteVide(logoUrl)"
|
|
17
|
-
id="pivImage"
|
|
18
|
-
src="/images/QUEBEC_blanc.svg"
|
|
19
|
-
height="72"
|
|
20
|
-
:alt="$t('csqc.pivFooter.logoAlt')"
|
|
21
|
-
/>
|
|
22
|
-
<img
|
|
23
|
-
v-else
|
|
24
|
-
id="pivImage"
|
|
25
|
-
:src="logoUrl"
|
|
26
|
-
height="72"
|
|
27
|
-
:alt="$t('csqc.pivFooter.logoAlt')"
|
|
28
|
-
/>
|
|
29
|
-
</a>
|
|
30
|
-
</v-col>
|
|
31
|
-
|
|
32
|
-
<!-- Colonne pour le nom de l'application (Pour le mode desktop) -->
|
|
33
|
-
<v-col
|
|
34
|
-
v-if="!estMobile"
|
|
35
|
-
class="d-flex justify-center"
|
|
36
|
-
>
|
|
37
|
-
<v-app-bar-title
|
|
38
|
-
class="pl-12 ml-12"
|
|
39
|
-
style="font-size: 16px !important"
|
|
40
|
-
>
|
|
41
|
-
{{ $t('nom_application') }}
|
|
42
|
-
</v-app-bar-title>
|
|
43
|
-
</v-col>
|
|
44
|
-
|
|
45
|
-
<!-- Colonne pour le bouton de langue -->
|
|
46
|
-
<v-col class="d-none d-flex justify-end">
|
|
47
|
-
<v-btn
|
|
48
|
-
variant="text"
|
|
49
|
-
@click="enregistrerLangue()"
|
|
50
|
-
>{{ $t('csqc.pivEntete.langue') }}
|
|
51
|
-
</v-btn>
|
|
52
|
-
</v-col>
|
|
53
|
-
|
|
54
|
-
<!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
|
|
55
|
-
<v-col
|
|
56
|
-
v-if="props.estMobile"
|
|
57
|
-
cols="12"
|
|
58
|
-
>
|
|
59
|
-
<v-app-bar-title style="font-size: 16px !important">
|
|
60
|
-
{{ $t('nom_application') }}
|
|
61
|
-
</v-app-bar-title>
|
|
62
|
-
</v-col>
|
|
63
|
-
</v-row>
|
|
64
|
-
</v-toolbar>
|
|
65
|
-
</template>
|
|
66
|
-
|
|
67
|
-
<script setup lang="ts">
|
|
68
|
-
import { useLocale } from 'vuetify'
|
|
69
|
-
|
|
70
|
-
const { current } = useLocale()
|
|
71
|
-
const texteVide = (texte: string | undefined, retirerEspace: boolean = true): boolean => {
|
|
72
|
-
let retour = texte === undefined || texte === null || texte === ''
|
|
73
|
-
|
|
74
|
-
if (!retour && retirerEspace) {
|
|
75
|
-
const temp = texte
|
|
76
|
-
retour = temp!.replace(' ', '') === ''
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
return retour
|
|
80
|
-
}
|
|
81
|
-
const props = defineProps({
|
|
82
|
-
estMobile: {
|
|
83
|
-
type: Boolean,
|
|
84
|
-
required: true,
|
|
85
|
-
},
|
|
86
|
-
urlBase: {
|
|
87
|
-
type: String,
|
|
88
|
-
required: true,
|
|
89
|
-
},
|
|
90
|
-
logoUrl: {
|
|
91
|
-
type: String,
|
|
92
|
-
default: '',
|
|
93
|
-
},
|
|
94
|
-
})
|
|
95
|
-
const emit = defineEmits(['changementLangue'])
|
|
96
|
-
// Fonction pour enregistrer la langue
|
|
97
|
-
|
|
98
|
-
const enregistrerLangue = (): void => {
|
|
99
|
-
const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
|
|
100
|
-
let returnUrl = window.location.pathname + window.location.search
|
|
101
|
-
if (import.meta.env.MODE === 'development') {
|
|
102
|
-
returnUrl = '/'
|
|
103
|
-
}
|
|
104
|
-
window.location.href =
|
|
105
|
-
props.urlBase + `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(returnUrl)}`
|
|
106
|
-
emit('changementLangue')
|
|
107
|
-
}
|
|
108
|
-
</script>
|
|
109
|
-
|
|
110
|
-
<style scoped>
|
|
111
|
-
.container {
|
|
112
|
-
max-width: none !important;
|
|
113
|
-
}
|
|
114
|
-
.theme--light.v-app-bar.v-toolbar.v-sheet {
|
|
115
|
-
background: #095797;
|
|
116
|
-
color: #fff;
|
|
117
|
-
}
|
|
118
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<v-toolbar
|
|
3
|
+
color="primary"
|
|
4
|
+
height="72px"
|
|
5
|
+
elevation="1"
|
|
6
|
+
>
|
|
7
|
+
<v-row
|
|
8
|
+
class="pl-6 pr-6"
|
|
9
|
+
align="center"
|
|
10
|
+
no-gutters
|
|
11
|
+
>
|
|
12
|
+
<!-- Première colonne : Logo -->
|
|
13
|
+
<v-col cols="auto">
|
|
14
|
+
<a href="/">
|
|
15
|
+
<img
|
|
16
|
+
v-if="texteVide(logoUrl)"
|
|
17
|
+
id="pivImage"
|
|
18
|
+
src="/images/QUEBEC_blanc.svg"
|
|
19
|
+
height="72"
|
|
20
|
+
:alt="$t('csqc.pivFooter.logoAlt')"
|
|
21
|
+
/>
|
|
22
|
+
<img
|
|
23
|
+
v-else
|
|
24
|
+
id="pivImage"
|
|
25
|
+
:src="logoUrl"
|
|
26
|
+
height="72"
|
|
27
|
+
:alt="$t('csqc.pivFooter.logoAlt')"
|
|
28
|
+
/>
|
|
29
|
+
</a>
|
|
30
|
+
</v-col>
|
|
31
|
+
|
|
32
|
+
<!-- Colonne pour le nom de l'application (Pour le mode desktop) -->
|
|
33
|
+
<v-col
|
|
34
|
+
v-if="!estMobile"
|
|
35
|
+
class="d-flex justify-center"
|
|
36
|
+
>
|
|
37
|
+
<v-app-bar-title
|
|
38
|
+
class="pl-12 ml-12"
|
|
39
|
+
style="font-size: 16px !important"
|
|
40
|
+
>
|
|
41
|
+
{{ $t('nom_application') }}
|
|
42
|
+
</v-app-bar-title>
|
|
43
|
+
</v-col>
|
|
44
|
+
|
|
45
|
+
<!-- Colonne pour le bouton de langue -->
|
|
46
|
+
<v-col class="d-none d-flex justify-end">
|
|
47
|
+
<v-btn
|
|
48
|
+
variant="text"
|
|
49
|
+
@click="enregistrerLangue()"
|
|
50
|
+
>{{ $t('csqc.pivEntete.langue') }}
|
|
51
|
+
</v-btn>
|
|
52
|
+
</v-col>
|
|
53
|
+
|
|
54
|
+
<!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
|
|
55
|
+
<v-col
|
|
56
|
+
v-if="props.estMobile"
|
|
57
|
+
cols="12"
|
|
58
|
+
>
|
|
59
|
+
<v-app-bar-title style="font-size: 16px !important">
|
|
60
|
+
{{ $t('nom_application') }}
|
|
61
|
+
</v-app-bar-title>
|
|
62
|
+
</v-col>
|
|
63
|
+
</v-row>
|
|
64
|
+
</v-toolbar>
|
|
65
|
+
</template>
|
|
66
|
+
|
|
67
|
+
<script setup lang="ts">
|
|
68
|
+
import { useLocale } from 'vuetify'
|
|
69
|
+
|
|
70
|
+
const { current } = useLocale()
|
|
71
|
+
const texteVide = (texte: string | undefined, retirerEspace: boolean = true): boolean => {
|
|
72
|
+
let retour = texte === undefined || texte === null || texte === ''
|
|
73
|
+
|
|
74
|
+
if (!retour && retirerEspace) {
|
|
75
|
+
const temp = texte
|
|
76
|
+
retour = temp!.replace(' ', '') === ''
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
return retour
|
|
80
|
+
}
|
|
81
|
+
const props = defineProps({
|
|
82
|
+
estMobile: {
|
|
83
|
+
type: Boolean,
|
|
84
|
+
required: true,
|
|
85
|
+
},
|
|
86
|
+
urlBase: {
|
|
87
|
+
type: String,
|
|
88
|
+
required: true,
|
|
89
|
+
},
|
|
90
|
+
logoUrl: {
|
|
91
|
+
type: String,
|
|
92
|
+
default: '',
|
|
93
|
+
},
|
|
94
|
+
})
|
|
95
|
+
const emit = defineEmits(['changementLangue'])
|
|
96
|
+
// Fonction pour enregistrer la langue
|
|
97
|
+
|
|
98
|
+
const enregistrerLangue = (): void => {
|
|
99
|
+
const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
|
|
100
|
+
let returnUrl = window.location.pathname + window.location.search
|
|
101
|
+
if (import.meta.env.MODE === 'development') {
|
|
102
|
+
returnUrl = '/'
|
|
103
|
+
}
|
|
104
|
+
window.location.href =
|
|
105
|
+
props.urlBase + `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(returnUrl)}`
|
|
106
|
+
emit('changementLangue')
|
|
107
|
+
}
|
|
108
|
+
</script>
|
|
109
|
+
|
|
110
|
+
<style scoped>
|
|
111
|
+
.container {
|
|
112
|
+
max-width: none !important;
|
|
113
|
+
}
|
|
114
|
+
.theme--light.v-app-bar.v-toolbar.v-sheet {
|
|
115
|
+
background: #095797;
|
|
116
|
+
color: #fff;
|
|
117
|
+
}
|
|
118
|
+
</style>
|
package/index.ts
CHANGED
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
|
|
2
|
-
import csqcDialogue from './composants/csqcDialogue.vue'
|
|
3
|
-
import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
|
|
4
|
-
import csqcRecherche from './composants/csqcRecherche.vue'
|
|
5
|
-
import csqcSnackbar from './composants/csqcSnackbar.vue'
|
|
6
|
-
import csqcTiroir from './composants/csqcTiroir.vue'
|
|
7
|
-
import pivEntete from './composants/gabarit/pivEntete.vue'
|
|
8
|
-
import pivFooter from './composants/gabarit/pivPiedPage.vue'
|
|
9
|
-
import csqcMenu from './composants/gabarit/csqcMenu.vue'
|
|
10
|
-
import csqcConfirmation from './composants/csqcConfirmation.vue'
|
|
11
|
-
import csqcTable from './composants/csqcTable/csqcTable.vue'
|
|
12
|
-
import csqcCodeBudgetaire from './composants/codeBudgetaireGenerique.vue'
|
|
13
|
-
//import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
|
|
14
|
-
import csqcAide from './composants/csqcAide.vue'
|
|
15
|
-
import csqcEntete from './composants/csqcEntete.vue'
|
|
16
|
-
import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
|
|
17
|
-
|
|
18
|
-
//import validateurs from './validateurs'
|
|
19
|
-
|
|
20
|
-
import Utilisateur from './modeles/utilisateur'
|
|
21
|
-
import Unite from './modeles/unite'
|
|
22
|
-
import Intervention from './modeles/intervention'
|
|
23
|
-
import DroitIntervention from './modeles/droitIntervention'
|
|
24
|
-
import Role from './modeles/role'
|
|
25
|
-
import RoleMin from './modeles/roleMin'
|
|
26
|
-
import GroupeCE from './modeles/groupeCE'
|
|
27
|
-
import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
|
|
28
|
-
import modeleSnackbar from './modeles/composants/snackbar'
|
|
29
|
-
import modeleDatatableColonne from './modeles/composants/datatableColonne'
|
|
30
|
-
import apiReponse from './modeles/apiReponse'
|
|
31
|
-
import data from './modeles/data'
|
|
32
|
-
import response from './modeles/response'
|
|
33
|
-
|
|
34
|
-
import csqcEn from './locales/en.json'
|
|
35
|
-
import csqcFr from './locales/fr.json'
|
|
36
|
-
|
|
37
|
-
export {
|
|
38
|
-
csqcFr,
|
|
39
|
-
csqcEn,
|
|
40
|
-
csqcAlerteErreur,
|
|
41
|
-
csqcDialogue,
|
|
42
|
-
csqcConfirmation,
|
|
43
|
-
csqcOptionSwitch,
|
|
44
|
-
csqcRecherche,
|
|
45
|
-
csqcSnackbar,
|
|
46
|
-
csqcTable,
|
|
47
|
-
csqcTiroir,
|
|
48
|
-
csqcMenu,
|
|
49
|
-
csqcCodeBudgetaire,
|
|
50
|
-
//csqcChaise,
|
|
51
|
-
pivFooter,
|
|
52
|
-
pivEntete,
|
|
53
|
-
csqcAide,
|
|
54
|
-
csqcEntete,
|
|
55
|
-
csqcTexteBilingue,
|
|
56
|
-
//validateurs,
|
|
57
|
-
Utilisateur,
|
|
58
|
-
Unite,
|
|
59
|
-
Intervention,
|
|
60
|
-
modeleSnackbar,
|
|
61
|
-
modeleDatatableColonne,
|
|
62
|
-
apiReponse,
|
|
63
|
-
data,
|
|
64
|
-
response,
|
|
65
|
-
NotificationGabaritDefaut,
|
|
66
|
-
DroitIntervention,
|
|
67
|
-
Role,
|
|
68
|
-
RoleMin,
|
|
69
|
-
GroupeCE,
|
|
70
|
-
}
|
|
1
|
+
import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
|
|
2
|
+
import csqcDialogue from './composants/csqcDialogue.vue'
|
|
3
|
+
import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
|
|
4
|
+
import csqcRecherche from './composants/csqcRecherche.vue'
|
|
5
|
+
import csqcSnackbar from './composants/csqcSnackbar.vue'
|
|
6
|
+
import csqcTiroir from './composants/csqcTiroir.vue'
|
|
7
|
+
import pivEntete from './composants/gabarit/pivEntete.vue'
|
|
8
|
+
import pivFooter from './composants/gabarit/pivPiedPage.vue'
|
|
9
|
+
import csqcMenu from './composants/gabarit/csqcMenu.vue'
|
|
10
|
+
import csqcConfirmation from './composants/csqcConfirmation.vue'
|
|
11
|
+
import csqcTable from './composants/csqcTable/csqcTable.vue'
|
|
12
|
+
import csqcCodeBudgetaire from './composants/codeBudgetaireGenerique.vue'
|
|
13
|
+
//import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
|
|
14
|
+
import csqcAide from './composants/csqcAide.vue'
|
|
15
|
+
import csqcEntete from './composants/csqcEntete.vue'
|
|
16
|
+
import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
|
|
17
|
+
|
|
18
|
+
//import validateurs from './validateurs'
|
|
19
|
+
|
|
20
|
+
import Utilisateur from './modeles/utilisateur'
|
|
21
|
+
import Unite from './modeles/unite'
|
|
22
|
+
import Intervention from './modeles/intervention'
|
|
23
|
+
import DroitIntervention from './modeles/droitIntervention'
|
|
24
|
+
import Role from './modeles/role'
|
|
25
|
+
import RoleMin from './modeles/roleMin'
|
|
26
|
+
import GroupeCE from './modeles/groupeCE'
|
|
27
|
+
import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
|
|
28
|
+
import modeleSnackbar from './modeles/composants/snackbar'
|
|
29
|
+
import modeleDatatableColonne from './modeles/composants/datatableColonne'
|
|
30
|
+
import apiReponse from './modeles/apiReponse'
|
|
31
|
+
import data from './modeles/data'
|
|
32
|
+
import response from './modeles/response'
|
|
33
|
+
|
|
34
|
+
import csqcEn from './locales/en.json'
|
|
35
|
+
import csqcFr from './locales/fr.json'
|
|
36
|
+
|
|
37
|
+
export {
|
|
38
|
+
csqcFr,
|
|
39
|
+
csqcEn,
|
|
40
|
+
csqcAlerteErreur,
|
|
41
|
+
csqcDialogue,
|
|
42
|
+
csqcConfirmation,
|
|
43
|
+
csqcOptionSwitch,
|
|
44
|
+
csqcRecherche,
|
|
45
|
+
csqcSnackbar,
|
|
46
|
+
csqcTable,
|
|
47
|
+
csqcTiroir,
|
|
48
|
+
csqcMenu,
|
|
49
|
+
csqcCodeBudgetaire,
|
|
50
|
+
//csqcChaise,
|
|
51
|
+
pivFooter,
|
|
52
|
+
pivEntete,
|
|
53
|
+
csqcAide,
|
|
54
|
+
csqcEntete,
|
|
55
|
+
csqcTexteBilingue,
|
|
56
|
+
//validateurs,
|
|
57
|
+
Utilisateur,
|
|
58
|
+
Unite,
|
|
59
|
+
Intervention,
|
|
60
|
+
modeleSnackbar,
|
|
61
|
+
modeleDatatableColonne,
|
|
62
|
+
apiReponse,
|
|
63
|
+
data,
|
|
64
|
+
response,
|
|
65
|
+
NotificationGabaritDefaut,
|
|
66
|
+
DroitIntervention,
|
|
67
|
+
Role,
|
|
68
|
+
RoleMin,
|
|
69
|
+
GroupeCE,
|
|
70
|
+
}
|