[COMPOSITE] Jauge de Niveau Linéaire

[WITNicolas]

Composite pour afficher le niveau dynamique d'une cuve, d'une puissance etc..etc..
La jauge réagit en % d'une valeur maxi / mini et biensur de la valeur mesurée.
Les couleurs sont personnalisables fond et niveau

SYNAPPS-STUDIO-COMPOSITE|{"config":{"key":"nivCuveJauge","name":"Niveau Cuve Jauge","properties":{"height":"200px","width":"150px"},"additionalDefs":{"propNivMaxi":{"type":"number","label":"Maxi","helperTxt":"Niveau Maximum","value":10,"min":0},"propNivMini":{"type":"number","label":"Mini","helperTxt":"Niveau Minimum","value":0,"min":0},"propNiveau":{"type":"number","label":"Niveau","helperTxt":"Valeur du Niveau","value":0,"min":0,"step":0.2},"propColorFluide":{"type":"color","label":"Couleur","helperTxt":"Couleur du Niveau","value":"rgba(103, 53, 0, 0.51)"},"propColorFond":{"type":"color","label":"Fond","helperTxt":"Couleur de Fond","value":"rgba(255, 255, 255, 1)"}}},"leadActor":{"type":"layout/stack","key":"stackRoot","children":[{"type":"layout/stack","key":"stackNiveau","properties":{"top":"553px","left":"778px","horizontalAlignment":"expand","verticalAlignment":"bottom","backgroundColor":"rgba(103, 53, 0, 0.51)","height":"33%"},"additionals":{"propMaxi":5,"propValeur":3},"additionalDefs":{"propMaxi":{"type":"number"},"propValeur":{"type":"number"}},"bindings":{"additionals.propMaxi":"stage@properties.propNivMaxi","additionals.propValeur":"stage@properties.propNiveau","properties.height":"stage@properties.propNiveau","properties.backgroundColor":"stage@properties.propColorFluide"},"events":{"properties/height/binding/onReadTransform":["var maValeur = this.additionals.propValeur;","var monMaxi = this.additionals.propMaxi;","var monPercent = ((maValeur*100)/monMaxi);","","return context.value = monPercent + '%';"]}}],"bindings":{"properties.backgroundColor":"stage@properties.propColorFond"}}}