Skip to content

Commit 007ac85

Browse files
committed
feat: enhance password policy tooltips for better user guidance
- Added tooltips to the password policy settings to provide clear instructions on password requirements, including uppercase letters, lowercase letters, digits, and special characters. - Updated tooltip positioning for improved visibility and consistency across the UI, ensuring users receive helpful guidance while configuring password policies.
1 parent 180835e commit 007ac85

File tree

1 file changed

+14
-4
lines changed

1 file changed

+14
-4
lines changed

apps/web/src/pages/settings/password-policy.vue

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,8 @@
4747
:true-value="1"
4848
:false-value="0"
4949
)
50+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
51+
| Imposer au moins une lettre en majuscule dans le mot de passe.
5052
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
5153
:disable='!hasPermission("/settings/passwdadm", "update")'
5254
dense
@@ -56,6 +58,8 @@
5658
:true-value="1"
5759
:false-value="0"
5860
)
61+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
62+
| Imposer au moins une lettre en minuscule dans le mot de passe.
5963
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
6064
:disable='!hasPermission("/settings/passwdadm", "update")'
6165
dense
@@ -65,6 +69,8 @@
6569
:true-value="1"
6670
:false-value="0"
6771
)
72+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
73+
| Imposer au moins un chiffre dans le mot de passe.
6874
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
6975
:disable='!hasPermission("/settings/passwdadm", "update")'
7076
dense
@@ -74,14 +80,16 @@
7480
:true-value="1"
7581
:false-value="0"
7682
)
83+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
84+
| Imposer au moins un caractère spécial (ex: ! @ # ...) dans le mot de passe.
7785
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
7886
:disable='!hasPermission("/settings/passwdadm", "update")'
7987
dense
8088
v-model="payload.checkPwned"
8189
color="black"
8290
label="Vérifier les mots de passe compromis"
8391
)
84-
q-tooltip.text-body2(anchor="center right" self="center left" :offset="[12, 0]")
92+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
8593
| Utilise l'API HIBP (Pwned Passwords) pour vérifier si le mot de passe a été compromis dans une fuite de données.
8694
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
8795
:disable='!hasPermission("/settings/passwdadm", "update") || !payload.checkPwned || !hibpKeyStatus.valid'
@@ -90,11 +98,11 @@
9098
color="teal"
9199
label="Stockage des empreintes HIBP (Pwned Passwords)"
92100
)
93-
q-tooltip.text-body2(anchor="center right" self="center left" :offset="[12, 0]" v-if="!payload.checkPwned")
101+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]" v-if="!payload.checkPwned")
94102
| Activer d’abord « Vérifier les mots de passe compromis ».
95-
q-tooltip.text-body2(anchor="center right" self="center left" :offset="[12, 0]" v-else-if="!hibpKeyStatus.valid")
103+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]" v-else-if="!hibpKeyStatus.valid")
96104
span(v-text="hibpKeyStatus.reason || 'Clé SESAME_PASSWORD_HISTORY_HIBP_KEY invalide'")
97-
q-tooltip.text-body2(anchor="center right" self="center left" :offset="[12, 0]" v-else)
105+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]" v-else)
98106
| Active le stockage des empreintes SHA-1 chiffrées (non réversibles) dans l'historique des mots de passe pour permettre le re-check planifié.
99107
q-toggle.col-12.col-sm-6.col-md-4.col-lg-3(
100108
:disable='!hasPermission("/settings/passwdadm", "update")'
@@ -103,6 +111,8 @@
103111
color="red"
104112
label="Réinitialisation par SMS active"
105113
)
114+
q-tooltip.text-body2(anchor="bottom middle" self="top middle" :offset="[0, 8]")
115+
| Autorise la réinitialisation du mot de passe via un code envoyé par SMS (si configuré).
106116
q-separator.q-mt-lg
107117
.row.q-col-gutter-md.q-mt-md
108118
q-input.col-12.col-sm-6.col-md-5.col-lg-4(

0 commit comments

Comments
 (0)