beremiz

SVGHMI: Added widget toggleButton.
svghmi
2020-05-26, dgaberscek
82f062408e70
Parents 99c4521bb844
Children 67c6783f221c
SVGHMI: Added widget toggleButton.
2 files changed, 89 insertions(+), 0 deletions(-)
  • +59 -0
    svghmi/gen_index_xhtml.xslt
  • +30 -0
    svghmi/widget_tooglebutton.ysl2
    • --- a/svghmi/gen_index_xhtml.xslt Tue May 26 10:53:02 2020 +0200
    +++ b/svghmi/gen_index_xhtml.xslt Tue May 26 10:59:01 2020 +0200
    @@ -2729,6 +2729,65 @@
    <xsl:text> ],
    </xsl:text>
    </xsl:template>
    + <xsl:template mode="widget_defs" match="widget[@type='ToggleButton']">
    + <xsl:param name="hmi_element"/>
    + <xsl:call-template name="defs_by_labels">
    + <xsl:with-param name="hmi_element" select="$hmi_element"/>
    + <xsl:with-param name="labels">
    + <xsl:text>active inactive</xsl:text>
    + </xsl:with-param>
    + </xsl:call-template>
    + <xsl:text> frequency: 5,
    +</xsl:text>
    + <xsl:text> state: 0,
    +</xsl:text>
    + <xsl:text> dispatch: function(value) {
    +</xsl:text>
    + <xsl:text> this.state = value;
    +</xsl:text>
    + <xsl:text> if (this.state) {
    +</xsl:text>
    + <xsl:text> this.active_elt.setAttribute("style", this.active_style);
    +</xsl:text>
    + <xsl:text> this.inactive_elt.setAttribute("style", "display:none");
    +</xsl:text>
    + <xsl:text> this.state = 0;
    +</xsl:text>
    + <xsl:text> } else {
    +</xsl:text>
    + <xsl:text> this.inactive_elt.setAttribute("style", this.inactive_style);
    +</xsl:text>
    + <xsl:text> this.active_elt.setAttribute("style", "display:none");
    +</xsl:text>
    + <xsl:text> this.state = 1;
    +</xsl:text>
    + <xsl:text> }
    +</xsl:text>
    + <xsl:text> },
    +</xsl:text>
    + <xsl:text> on_click: function(evt) {
    +</xsl:text>
    + <xsl:text> change_hmi_value(this.indexes[0], "="+this.state);
    +</xsl:text>
    + <xsl:text> },
    +</xsl:text>
    + <xsl:text> active_style: undefined,
    +</xsl:text>
    + <xsl:text> inactive_style: undefined,
    +</xsl:text>
    + <xsl:text> init: function() {
    +</xsl:text>
    + <xsl:text> this.active_style = this.active_elt.style.cssText;
    +</xsl:text>
    + <xsl:text> this.inactive_style = this.inactive_elt.style.cssText;
    +</xsl:text>
    + <xsl:text> this.element.setAttribute("onclick", "hmi_widgets['</xsl:text>
    + <xsl:value-of select="$hmi_element/@id"/>
    + <xsl:text>'].on_click(evt)");
    +</xsl:text>
    + <xsl:text> },
    +</xsl:text>
    + </xsl:template>
    <xsl:template match="/">
    <xsl:comment>
    <xsl:text>Made with SVGHMI. https://beremiz.org</xsl:text>
    --- /dev/null Thu Jan 01 00:00:00 1970 +0000
    +++ b/svghmi/widget_tooglebutton.ysl2 Tue May 26 10:59:01 2020 +0200
    @@ -0,0 +1,30 @@
    +// widget_tooglebutton.ysl2
    +
    +template "widget[@type='ToggleButton']", mode="widget_defs" {
    + param "hmi_element";
    + labels("active inactive");
    + | frequency: 5,
    + | state: 0,
    + | dispatch: function(value) {
    + | this.state = value;
    + | if (this.state) {
    + | this.active_elt.setAttribute("style", this.active_style);
    + | this.inactive_elt.setAttribute("style", "display:none");
    + | this.state = 0;
    + | } else {
    + | this.inactive_elt.setAttribute("style", this.inactive_style);
    + | this.active_elt.setAttribute("style", "display:none");
    + | this.state = 1;
    + | }
    + | },
    + | on_click: function(evt) {
    + | change_hmi_value(this.indexes[0], "="+this.state);
    + | },
    + | active_style: undefined,
    + | inactive_style: undefined,
    + | init: function() {
    + | this.active_style = this.active_elt.style.cssText;
    + | this.inactive_style = this.inactive_elt.style.cssText;
    + | this.element.setAttribute("onclick", "hmi_widgets['«$hmi_element/@id»'].on_click(evt)");
    + | },
    +}
    \ No newline at end of file