[COMPOSITE] Tendance

[WITNicolas]

Renseigner la valeur T0 et T1.

T0 = T1 --> Tendance nulle
T0 > T1 --> Tendance à la hausse
T0 < T1 --> Tendance à la baisse

SYNAPPS-STUDIO-COMPOSITE|{"config":{"key":"tendance","name":"tendance","properties":{"borderStyle":"solid","borderRadius":"10px","boxShadow":"5px 5px 10px"},"additionalDefs":{"libelle":{"type":"text","label":"Libelle","value":"Libelle"},"valT0":{"type":"number","modifier":"render","label":"Valeur T0","value":21,"min":0},"valT1":{"type":"number","modifier":"render","label":"Valeur T1","value":22,"min":0}}},"leadActor":{"type":"layout/stack","key":"stackRoot","children":[{"type":"display/html","key":"txtNom","properties":{"content":"<i class=\"icon-{{icon}}\"></i> {{libelle}}","verticalAlignment":"middle","marginLeft":"0.25em"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"libelle":{"type":"text"}},"additionals":{"icon":"counter"},"bindings":{"additionals.libelle":"stage@properties.libelle"}},{"type":"layout/stack","key":"stackValeur","children":[{"type":"display/text","key":"valT1","properties":{"content":"Text","textAlign":"center","toolTip":"Valeur Actuelle"},"bindings":{"properties.content":"stage@properties.valT1"}},{"type":"display/text","key":"valT0","properties":{"content":"Text","textAlign":"center","fontSize":"0.5em","toolTip":"Valeur Précédente"},"bindings":{"properties.content":"stage@properties.valT0"}}],"properties":{"marginLeft":"0.5em","fontSize":"1.2em"}},{"type":"display/html","key":"iconFleche","properties":{"content":"<i class=\"icon-{{icon}}\"></i>","verticalAlignment":"middle","marginLeft":"0.5em","toolTip":"Tendance","height":"1.7em","width":"1.7em","borderStyle":"solid","borderRadius":"100%","textAlign":"center","marginRight":"0.25em"},"additionalDefs":{"icon":{"type":"icon","label":"Icône","description":"Web Hosting Hub Glyphs"},"valT0":{"type":"number","modifier":"render","label":"Valeur T0","min":0},"valT1":{"type":"number","modifier":"render","label":"Valeur T1","min":0},"prop1":{"type":"icon"}},"additionals":{"icon":"circle-arrow-right","prop1":"arrow-right"},"bindings":{"additionals.valT0":"stage@properties.valT0","additionals.valT1":"stage@properties.valT1"},"events":{"onRender":["if (this.stage.properties.valT1 > this.stage.properties.valT0) {","this.properties.rotate = '-45'","this.properties.color = 'red'","this.additionals.icon = 'arrow-right'","};","","if (this.stage.properties.valT0 > this.stage.properties.valT1) {","this.properties.rotate = '45'","this.properties.color = 'green'","this.additionals.icon = 'arrow-right'","};","","if (this.stage.properties.valT0 == this.stage.properties.valT1) {","this.properties.rotate = '0'","this.properties.color = 'black'","this.additionals.icon = 'chevrons'","};"]}}],"properties":{"orientation":"horizontal"}}}