[ACTEUR] Verrouillage d'une scene par code

[WITNicolas]

Cet acteur permet de verrouiller l'accés à une scene via un code.
Ci aprés une scene qui ne peut pas être exploiter. Le code est demandé dés l'affichage de cette dernière

Dans le principe, c'est une modale qui empeche l'utilisateur d'interagir avec la scene qui est floutée.
Le code est à paramétrer dans la modale, par défaut 1111

Cette fonctionnalité est une simple astuce qui permet de mettre un point d'arret dans une navigation et de restreindre l'utilisation d'une scene. Le code n'a aucun lien avec les identifians du REDY, ni même les niveaux de utilisateurs et encore moins les groupes d'exploitation.

Dans l'utilisation que j'en ai faite, c'est justement pour l'armoire virtuelle qui permet de mettre en manuel des ressources.
Ce processus étant un peu risqué du fait de l'automatisme, le code permet de limiter l'accés.

SYNAPPS-STUDIO-ACTOR|{"type":"layout/modal","key":"modalAcces","properties":{"clickOutsideToClose":false,"isShown":true,"borderRadius":"2em","boxShadow":"2px 2px 4px 0px #222"},"children":[{"type":"layout/stack","key":"stack10","properties":{"fontSize":"3vmin","verticalAlignment":"expand","backgroundImage":"linear-gradient(93deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(156,156,156,1) 100%)"},"children":[{"type":"layout/stack","key":"stackAction","children":[{"type":"display/html","key":"titre","properties":{"content":"Code","textAlign":"center","backgroundColor":"red","color":"white","verticalAlignment":"top"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"}}},{"type":"input/text-box","key":"text-box1","properties":{"textAlign":"center","verticalAlignment":"middle","inputType":"password","inputmode":"tel","horizontalAlignment":"middle","placeHolder":"****","cursor":"pointer"},"events":{"onClick":["context.getActor('stackDigi').properties.visible = true"]}}],"properties":{"verticalAlignment":"expand","horizontalAlignment":"expand"}},{"type":"layout/stack","key":"stackDigi","children":[{"type":"layout/stack","key":"stack11","properties":{"orientation":"horizontal","verticalAlignment":"top"},"children":[{"type":"input/button","key":"button-icon8","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square7","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '7';"]}},{"type":"input/button","key":"button-icon9","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square8","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '8';"]}},{"type":"input/button","key":"button-icon10","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square9","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '9';"]}}]},{"type":"layout/stack","key":"stack12","properties":{"orientation":"horizontal","verticalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon5","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square4","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '4';"]}},{"type":"input/button","key":"button-icon6","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square5","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '5';"]}},{"type":"input/button","key":"button-icon7","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square6","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '7';"]}}]},{"type":"layout/stack","key":"stack13","properties":{"orientation":"horizontal","verticalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon2","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square1","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '1';"]}},{"type":"input/button","key":"button-icon3","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square2","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '2';"]}},{"type":"input/button","key":"button-icon4","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square3","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '3';"]}}]},{"type":"layout/stack","key":"stack14","properties":{"orientation":"horizontal","verticalAlignment":"bottom"},"children":[{"type":"input/button","key":"button-icon11","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"keyboarddelete","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur.slice(0, maValeur.length - 1);"]}},{"type":"input/button","key":"button-icon12","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"square0","text":" "},"events":{"onClick":["var maValeur = context.getActor('text-box1').properties.value","","context.getActor('text-box1').properties.value = maValeur + '0';"]}},{"type":"input/button","key":"button-icon13","properties":{"content":"<i class=\"icon-{{icon}}\"></i>","textAlign":"center","verticalAlignment":"bottom","color":"green","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"unlock","text":" "},"bindings":{"properties.enabled":{"sourceType":"actor","sourceKey":"text-box1","path":"properties.value"},"additionals.icon":{"sourceType":"actor","sourceKey":"button-icon13","path":"properties.enabled"},"properties.color":{"sourceType":"actor","sourceKey":"button-icon13","path":"properties.enabled"}},"events":{"properties/enabled/binding/onReadTransform":["var monCode = context.getActor('modalAcces').additionals.propCode;","return context.value == monCode;"],"onClick":["context.getActor('modalAcces').properties.isShown = false;"],"additionals/icon/binding/onReadTransform":["return context.value ? \"unlock\":\"lock\";"],"properties/color/binding/onReadTransform":["return context.value ? \"green\":\"red\";"]}}]}],"properties":{"fontSize":"2em","horizontalAlignment":"middle","visible":false}}]}],"additionalDefs":{"propCode":{"type":"number","min":0,"max":9999}},"additionals":{"propCode":1111}}

[JeremieDENAEGEL]

Bonjour,

Pour ceux et celles que cela intéresse,
Nous nous sommes basés sur la version de @WITNicolas pour faire une nouvelle version pour un client.

Cette version comprend les éléments suivants :

• Un Acteur Empilement en amont de l'acteur modale pour avoir la possibilité de cacher l'ensemble des autres acteurs de la scène (Prévoir de créer un acteur Toile avec tailles à 100% pour que l'acteur empilement puisse se superposer sur les autres de votre scène)
• La disposition des caractères peut désormais être aléatoire (Voir dans les additionnelles du modale pour activer l'option).
  
• Le mot de passe souhaité peut désormais inclure les lettres A et B en majuscule et nous avons mis une limite de 15 caractères max pour le code à saisir mais ce réglage est modifiable.
• L'ajout d'autres lettres est possible. Pour cela il faudra ajouter de nouveaux acteurs Bouton et quelques lignes de code dans le script OnPostInit de l'acteur 'button-icon-VerrouClavier' présent dans le modale

SYNAPPS-STUDIO-ACTOR|{"type":"layout/stack","key":"Modale-VerrouillageScene","children":[{"type":"layout/modal","key":"modalAcces","properties":{"clickOutsideToClose":false,"isShown":true,"translucentOverlay":false,"boxShadow":"none","paddingTop":"1em","paddingBottom":"1em","paddingRight":"1em","paddingLeft":"1em"},"children":[{"type":"layout/stack","key":"modal-CodeAcces","children":[{"type":"layout/stack","key":"CodeAcces","properties":{"fontSize":"1.5vmin","verticalAlignment":"expand","backgroundImage":"linear-gradient(93deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(156,156,156,1) 100%)","borderRadius":"1.5em","boxShadow":"2px 2px 4px 0px #222","marginTop":"2em","marginBottom":"2em","marginRight":"2em","marginLeft":"2em","borderColor":"#222","borderWidth":"0.1em","borderStyle":"solid"},"children":[{"type":"layout/stack","key":"CodeAcces-Action","children":[{"type":"display/html","key":"CodeAcces-Titre","properties":{"content":"{{Texte}}","textAlign":"center","backgroundColor":"red","color":"white","verticalAlignment":"top","paddingTop":"0.5em","paddingBottom":"0.5em","paddingRight":"1em","paddingLeft":"1em"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"Texte":{"type":"text"}},"additionals":{"Texte":"AUTHENTIFICATION REQUISE"}},{"type":"input/text-box","key":"CodeAcces-text-box","properties":{"textAlign":"center","verticalAlignment":"middle","inputmode":"tel","placeHolder":"***************","cursor":"pointer","width":"100%","maxLength":15,"inputType":"password"},"events":{"onClick":["context.getActor('CodeAcces-Clavier').properties.visible = true"]}}],"properties":{"verticalAlignment":"expand","horizontalAlignment":"expand"}},{"type":"layout/stack","key":"CodeAcces-Clavier","children":[{"type":"layout/stack","key":"CodeAcces-Clavier-Ligne1","properties":{"orientation":"horizontal","horizontalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon-1","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square1","text":" ","Valeur":"1"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-2","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square2","text":" ","Valeur":"2"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-3","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square3","text":" ","Valeur":"3"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}}]},{"type":"layout/stack","key":"CodeAcces-Clavier-Ligne2","properties":{"orientation":"horizontal","horizontalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon-4","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square4","text":" ","Valeur":"4"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-5","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square5","text":" ","Valeur":"5"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-6","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square6","text":" ","Valeur":"6"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}}]},{"type":"layout/stack","key":"CodeAcces-Clavier-Ligne3","properties":{"orientation":"horizontal","horizontalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon-7","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square7","text":" ","Valeur":"7"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-8","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square8","text":" ","Valeur":"8"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-9","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square9","text":" ","Valeur":"9"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}}]},{"type":"layout/stack","key":"CodeAcces-Clavier-Ligne4","properties":{"orientation":"horizontal","horizontalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon-10","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"squarea","text":" ","Valeur":"A"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-11","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"square0","text":" ","Valeur":"0"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}},{"type":"input/button","key":"button-icon-12","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"},"Valeur":{"type":"text","canBeEmpty":false}},"additionals":{"icon":"squareb","text":" ","Valeur":"B"},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value;","var valeurToAdd = this.additionals.Valeur;","var maxLength = context.getActor('CodeAcces-text-box').properties.maxLength;","","// Vérifier si la longueur actuelle plus la longueur de la nouvelle valeur ne dépasse pas maxLength","if (maValeur.length + valeurToAdd.length <= maxLength) {","    // Assigner la nouvelle valeur seulement si elle ne dépasse pas maxLength","    context.getActor('CodeAcces-text-box').properties.value = maValeur + valeurToAdd;","} else {","    // Gérer le cas où la longueur dépasse maxLength (vous pouvez afficher un message d'erreur, par exemple)","    console.log(\"La longueur dépasse la limite. Opération annulée.\");","}"]}}]},{"type":"layout/stack","key":"CodeAcces-Clavier-Commande","properties":{"orientation":"horizontal","horizontalAlignment":"middle"},"children":[{"type":"input/button","key":"button-icon-effacer","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{text}}","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"keyboarddelete","text":" "},"events":{"onClick":["var maValeur = context.getActor('CodeAcces-text-box').properties.value","","context.getActor('CodeAcces-text-box').properties.value = maValeur.slice(0, maValeur.length - 1);"]}},{"type":"input/button","key":"button-icon-VerrouClavier","properties":{"content":"<i class=\"icon-{{icon}}\"></i>","textAlign":"center","verticalAlignment":"bottom","color":"green","backgroundColor":"rgba(255, 255, 255, 0)","borderWidth":"0px"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"text":{"type":"text","label":"Texte"}},"additionals":{"icon":"unlock"},"bindings":{"properties.enabled":{"path":"properties.value","sourceType":"actor","sourceKey":"CodeAcces-text-box"},"additionals.icon":{"path":"properties.enabled","sourceType":"actor","sourceKey":"button-icon-VerrouClavier"},"properties.color":{"path":"properties.enabled","sourceType":"actor","sourceKey":"button-icon-VerrouClavier"}},"events":{"properties/enabled/binding/onReadTransform":["var monCode = context.getActor('modalAcces').additionals.propCode;","return context.value == monCode;"],"onClick":["context.getActor('modalAcces').properties.isShown = false;","context.getActor('Modale-VerrouillageScene').properties.visible = false;"],"additionals/icon/binding/onReadTransform":["return context.value ? \"unlock\":\"lock\";"],"properties/color/binding/onReadTransform":["return context.value ? \"green\":\"red\";"],"onPostInit":["// Clavier virtuel: Algorithme de mélange de Fisher-Yates ","// =======================================================","// Fonction pour mélanger un tableau","function shuffleArray(array) {","    for (let i = array.length - 1; i > 0; i--) {","        const j = Math.floor(Math.random() * (i + 1));","        [array[i], array[j]] = [array[j], array[i]];","    }","    return array;","}","// Mélanger la liste","let myList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B'];","let shuffledList = shuffleArray(myList);","","// =======================================================","// Assigner chaque valeur de la liste mélangée à un acteur spécifique","if (context.getActor('modalAcces').additionals.ClavierAleatoire > 0 ) {","    context.getActor('button-icon-1').additionals.Valeur = shuffledList[0].toString();","    context.getActor('button-icon-2').additionals.Valeur = shuffledList[1].toString();","    context.getActor('button-icon-3').additionals.Valeur = shuffledList[2].toString();","    context.getActor('button-icon-4').additionals.Valeur = shuffledList[3].toString();","    context.getActor('button-icon-5').additionals.Valeur = shuffledList[4].toString();","    context.getActor('button-icon-6').additionals.Valeur = shuffledList[5].toString();","    context.getActor('button-icon-7').additionals.Valeur = shuffledList[6].toString();","    context.getActor('button-icon-8').additionals.Valeur = shuffledList[7].toString();","    context.getActor('button-icon-9').additionals.Valeur = shuffledList[8].toString();","    context.getActor('button-icon-10').additionals.Valeur = shuffledList[9].toString();","    context.getActor('button-icon-11').additionals.Valeur = shuffledList[10].toString();","    context.getActor('button-icon-12').additionals.Valeur = shuffledList[11].toString();","    context.getActor('button-icon-1').additionals.icon = 'square' + shuffledList[0].toString().toLowerCase();","    context.getActor('button-icon-2').additionals.icon = 'square' + shuffledList[1].toString().toLowerCase();","    context.getActor('button-icon-3').additionals.icon = 'square' + shuffledList[2].toString().toLowerCase();","    context.getActor('button-icon-4').additionals.icon = 'square' + shuffledList[3].toString().toLowerCase();","    context.getActor('button-icon-5').additionals.icon = 'square' + shuffledList[4].toString().toLowerCase();","    context.getActor('button-icon-6').additionals.icon = 'square' + shuffledList[5].toString().toLowerCase();","    context.getActor('button-icon-7').additionals.icon = 'square' + shuffledList[6].toString().toLowerCase();","    context.getActor('button-icon-8').additionals.icon = 'square' + shuffledList[7].toString().toLowerCase();","    context.getActor('button-icon-9').additionals.icon = 'square' + shuffledList[8].toString().toLowerCase();","    context.getActor('button-icon-10').additionals.icon = 'square' + shuffledList[9].toString().toLowerCase();","    context.getActor('button-icon-11').additionals.icon = 'square' + shuffledList[10].toString().toLowerCase();","context.getActor('button-icon-12').additionals.icon = 'square' + shuffledList[11].toString().toLowerCase();","}","","// ======================================================="]}}]}],"properties":{"fontSize":"1.5em","horizontalAlignment":"middle"}}]}]}],"additionalDefs":{"propCode":{"type":"text","canBeEmpty":false},"ClavierAleatoire":{"type":"boolean","label":"Rentre le clavier aléatoire"}},"additionals":{"propCode":"1111","ClavierAleatoire":true},"bindings":{"properties.backgroundColor":{"path":"SceneFond","sourceType":"color"},"properties.borderColor":{"path":"SceneFond","sourceType":"color"}}}],"properties":{"height":"100%","width":"100%"}}