Les messages "formAlreadySubmitted" et "datatypeMessage" ne sont pas traduits de l’anglais

Dernière mise à jour : 2023-06-15

Description

.lf-progress { width: 100 %; height: 4 px ; border-radius: 3px ; cursor : pointer }
.lf-progress:focus { contour : aucune; border: none }
.lf-progress:-moz-range-track { cursor: pointeur ; background: aucune; border: aucune; composition : none }
.lf-progress:-webkit-slider-thumb { height: 13px ; width: 13px ; border: 0; border-radius: 50 %; background: rgba(15, 204, 206, 1); cursor : pointer }
.lf-progress:-moz-range-thumb { height: 13px ; width: 13px ; border: 0; border-radius: 50 %; background: rgba(15, 204, 206, 1); cursor : pointer }
.lf-progress:-ms-track { width: 100 %; height: 3px ; cursor : pointeur ; background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0) }
.lf-progress:-ms-fill-lower { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress:-ms-fill-upper { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress:-ms-thumb { bordure : 0; height: 15 px ; width: 15 px ; border-radius: 50 %; background: rgba(15, 204, 206, 1); cursor : pointer }
.lf-progress:focus::-ms-fill-lower { background: rgba(204, 204, 204, 1) }
.lf-progress:focus::-ms-fill-upper { background: rgba(204, 204, 204, 1) }
.lf-player-container:focus { composition : 0 }
.lf-popover { position : relative }
.lf-popover-content { display: bloc en ligne; position : absolu; opacité : 1; visibility: visible; transform : translate(0, -10px); box-shadow : 0 2 px 5px rgba(0, 0, 0, 0,26); transition : all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97) }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform : translate(0, 0) }
.lf-player-btn-container { display : flex; align-items: center }
.lf-player-btn { cursor : pointeur ; width: 14 px }
.lf-player-btn.principal { }
.lf-popover { position : relative }
.lf-popover-content { display: bloc en ligne; position : absolu; background-color: rgba(255, 255, 255, 1); opacité : 1; transform : translate(0, -10px); box-shadow : 0 2 px 5px rgba(0, 0, 0, 0,26); transition : tous les 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97); remplissage : 10px }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform : translate(0, 0) }
.lf-flèche { position : absolu; z-index: -1; content : ""; bottom : -9px; border-style: solide; border-width: 10px 10px 0 }
.lf-left-align, .lf-left-align.lfarrow { left : 0; right : unset }
.lf-right-align, .lf-right-align.lf-flèche { right : 0; left : unset }
.lf-text-input { bordure : 1px full rgba(204, 204, 204, 1); border-radius: 5px; remplissage : 3px ; width: 60 px ; margin : 0 }
.lf-color-picker { display: flex; flex-direction: row; justify-content : l'espace entre les deux; height: 90px }
.lf-color-selectors { affichage : flex; flex-direction: column; justify-content : space-entre }
.lf-color-component { display: flex; flex-direction: row; font-size: 12px ; align-items: centr; justify-content : center }
.lf-color-component strong { width: 40px }
.lf-color-component input[ type="range"] { margin : 0 0 0 10px }
.lf-color-component input[ type="number"] { width: 50 px ; margin : 0 0 0 10px }
.lf-color-preview { font-size: 12px ; display: flex; flex-direction: column; align-items: centr; justify-content : l'espace entre les deux; marge intérieure-gauche : 5px }
.lf-preview { height: 60 px ; width: 60px }
.lf-popover-instantané { width: 150px }
.lf-popover-instantané h5 { margin : 5px 0 10px; font-size: 0.75rem }
.lf-popover-instantané a { affichage : block; text-decoration: none }
.lf-popover-instantané a:before { content : " ⥼"; margin-right : 5px }
.lf-popover-instantané.lf-note { affichage : block; margin-top : 10 px ; color: rgba(153, 153, 153, 1) }
.lf-player-contrôles>div { margin-right : 5px; margin-left: 5px }
.lf-player-control>div:first-child { margin-left: 0 }
.lf-player-control>div:last-child { margin-right: 0 }.go4109123758 { z-index: 9999 }
.go4109123758>* { pointer-events: auto }

Environnement

  • Adobe Experience Manager

Problème/Symptômes

Le client signale un message qui n’est pas internationalisé. Le message d’erreur "Invalid date - The value must be of date datatype" (Date non valide - La valeur doit être du type de données date) est en anglais, même s’il doit être en allemand, qui est la langue du navigateur du client.

En vérifiant la bibliothèque cliente allemande /libs/fd/af/runtime/clientlibs/I18N/de/javascript/LogMessages.js, nous voyons que le message est en anglais et qu’il comporte également un espace réservé {0} ce qui signifie qu’une partie du message est dynamique.

En vérifiant la fonction qui remplace l’espace réservé (EnglishMessage03.JPG), nous pouvons constater que la valeur "date" est codée en dur et en anglais, ce qui la rend à peine traduisible.

Procédure à suivre :

  • Vérifier l'allemand ou toute autre langue à l'exception de la bibliothèque cliente anglaise /libs/fd/af/runtime/clientlibs/I18N/de/javascript/LogMessages.js
  • Vérifiez que les messages "formAlreadySubmitted" et "datatypeMessage" sont en anglais.

Comportement attendu :

Les messages doivent être traduits dans la langue appropriée.

Comportement d’expérience :

Les messages sont en anglais.

Détails de l’environnement:

  • Versions affectées : AEM 6.5.12
  • Versions testées : AEM 6.5.12

Résolution

.lf-progress {
-webkit-appearance: none;
-moz-apperance: none;
width: 100%;
/* margin: 0 10px; */
height: 4px;
border-radius: 3px;
cursor: pointer;
}
.lf-progress:focus {
outline: none;
border: none;
}
.lf-progress::-moz-range-track {
cursor: pointer;
background: none;
border: none;
outline: none;
}
.lf-progress::-webkit-slider-thumb {
-webkit-appearance: none !important;
height: 13px;
width: 13px;
border: 0;
border-radius: 50%;
background: #0fccce;
cursor: pointer;
}
.lf-progress::-moz-range-thumb {
-moz-appearance: none !important;
height: 13px;
width: 13px;
border: 0;
border-radius: 50%;
background: #0fccce;
cursor: pointer;
}
.lf-progress::-ms-track {
width: 100%;
height: 3px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
.lf-progress::-ms-fill-lower {
background: #ccc;
border-radius: 3px;
}
.lf-progress::-ms-fill-upper {
background: #ccc;
border-radius: 3px;
}
.lf-progress::-ms-thumb {
border: 0;
height: 15px;
width: 15px;
border-radius: 50%;
background: #0fccce;
cursor: pointer;
}
.lf-progress:focus::-ms-fill-lower {
background: #ccc;
}
.lf-progress:focus::-ms-fill-upper {
background: #ccc;
}
.lf-player-container :focus {
outline: 0;
}
.lf-popover {
position: relative;
}

.lf-popover-content {
display: inline-block;
position: absolute;
opacity: 1;
visibility: visible;
transform: translate(0, -10px);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.lf-popover-content.hidden {
opacity: 0;
visibility: hidden;
transform: translate(0, 0px);
}

.lf-player-btn-container {
display: flex;
align-items: center;
}
.lf-player-btn {
cursor: pointer;
fill: #999;
width: 14px;
}

.lf-player-btn.active {
fill: #555;
}

.lf-popover {
position: relative;
}

.lf-popover-content {
display: inline-block;
position: absolute;
background-color: #ffffff;
opacity: 1;

transform: translate(0, -10px);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);
padding: 10px;
}

.lf-popover-content.hidden {
opacity: 0;
visibility: hidden;
transform: translate(0, 0px);
}

.lf-arrow {
position: absolute;
z-index: -1;
content: '';
bottom: -9px;
border-style: solid;
border-width: 10px 10px 0px 10px;
}

.lf-left-align,
.lf-left-align .lfarrow {
left: 0;
right: unset;
}

.lf-right-align,
.lf-right-align .lf-arrow {
right: 0;
left: unset;
}

.lf-text-input {
border: 1px #ccc solid;
border-radius: 5px;
padding: 3px;
width: 60px;
margin: 0;
}

.lf-color-picker {
display: flex;
flex-direction: row;
justify-content: space-between;
height: 90px;
}

.lf-color-selectors {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.lf-color-component {
display: flex;
flex-direction: row;
font-size: 12px;
align-items: center;
justify-content: center;
}

.lf-color-component strong {
width: 40px;
}

.lf-color-component input[ type='range'] {
margin: 0 0 0 10px;
}

.lf-color-component input[ type='number'] {
width: 50px;
margin: 0 0 0 10px;
}

.lf-color-preview {
font-size: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding-left: 5px;
}

.lf-preview {
height: 60px;
width: 60px;
}

.lf-popover-snapshot {
width: 150px;
}
.lf-popover-snapshot h5 {
margin: 5px 0 10px 0;
font-size: 0.75rem;
}
.lf-popover-snapshot a {
display: block;
text-decoration: none;
}
.lf-popover-snapshot a:before {
content: '⥼';
margin-right: 5px;
}
.lf-popover-snapshot .lf-note {
display: block;
margin-top: 10px;
color: #999;
}
.lf-player-controls > div {
margin-right: 5px;
margin-left: 5px;
}
.lf-player-controls > div:first-child {
margin-left: 0px;
}
.lf-player-controls > div:last-child {
margin-right: 0px;
}@keyframes go2264125279{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go3020080000{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes go463499852{from{transform:scale(0) rotate(90deg);opacity:0;}to{transform:scale(1) rotate(90deg);opacity:1;}}@keyframes go1268368563{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes go1310225428{from{transform:scale(0) rotate(45deg);opacity:0;}to{transform:scale(1) rotate(45deg);opacity:1;}}@keyframes go651618207{0%{height:0;width:0;opacity:0;}40%{height:0;width:6px;opacity:1;}100%{opacity:1;height:10px;}}@keyframes go901347462{from{transform:scale(0.6);opacity:0.4;}to{transform:scale(1);opacity:1;}}.go4109123758{z-index:9999;}.go4109123758 > *{pointer-events:auto;}
The engineering team addressed the reported issue including the fix in AEM 6.5 Service Pack 16

Sur cette page