beremiz

SVGHMI: rework Jump widget to cope with Enable Expressions.

2022-08-31, Edouard Tisserant
375626e60b63
Parents 30f7eade322f
Children 9c725829d8f0
SVGHMI: rework Jump widget to cope with Enable Expressions.

Relative jumps are not disabled implicitely anymore when pointed HMI_NODE is 0.
Also, "activable()" implementation was enhanced to make it optional.
6 files changed, 348 insertions(+), 307 deletions(-)
  • +7 -5
    svghmi/parse_labels.ysl2
  • +58 -51
    svghmi/widget_jump.ysl2
  • +48 -34
    svghmi/widgets_common.ysl2
  • +2 -60
    tests/projects/svghmi/plc.xml
  • +1 -1
    tests/projects/svghmi/svghmi_0@svghmi/confnode.xml
  • +232 -156
    tests/projects/svghmi/svghmi_0@svghmi/svghmi.svg
    • --- a/svghmi/parse_labels.ysl2 Tue Aug 23 12:19:44 2022 +0200
    +++ b/svghmi/parse_labels.ysl2 Wed Aug 31 12:16:09 2022 +0200
    @@ -70,11 +70,7 @@
    }
    attrib "freq" > «$freq»
    }
    - foreach "str:split(substring-after($args, ':'), ':')" {
    - arg {
    - attrib "value" > «.»
    - }
    - }
    +
    // find "#" + JS expr at the end
    const "tail", "substring-after($declaration,'@')";
    const "taillen","string-length($tail)";
    @@ -90,6 +86,12 @@
    attrib "enable_expr" value "$enable_expr";
    }
    + foreach "str:split(substring-after($args, ':'), ':')" {
    + arg {
    + attrib "value" > «.»
    + }
    + }
    +
    // for stricter syntax checking, this should make error
    // if $paths contains "@@" or ends with "@" (empty paths)
    --- a/svghmi/widget_jump.ysl2 Tue Aug 23 12:19:44 2022 +0200
    +++ b/svghmi/widget_jump.ysl2 Wed Aug 31 12:16:09 2022 +0200
    @@ -3,17 +3,38 @@
    widget_desc("Jump") {
    longdesc
    ||
    - Jump widget brings focus to a different page. Mandatory single argument
    + Jump widget brings focus to a different page. Mandatory first argument
    gives name of the page.
    - Optional single path is used as new reference when jumping to a relative
    - page, it must point to a HMI_NODE.
    + If first path is pointint to HMI_NODE variable is used as new reference
    + when jumping to a relative page.
    +
    + Additional arguments are unordered options:
    + - Absolute: force page jump to be not relative even if first path is of type HMI_NODE
    +
    + - name=value: Notify jump by setting variable with path having same name assigned
    +
    "active"+"inactive" labeled elements can be provided and reflect current
    page being shown.
    - "disabled" labeled element, if provided, is shown instead of "active" or
    - "inactive" widget when pointed HMI_NODE is null.
    + Exemples:
    +
    + Relative jump:
    +
    + HMI:Jump:RelativePage@/PUMP9
    + HMI:Jump:RelativePage@/PUMP9@role=.userrole#role=="admin"
    +
    + Absolute jump:
    +
    + HMI:Jump:AbsolutePage
    + HMI:Jump:AbsolutePage@role=.userrole#role=="admin"
    +
    + Forced absolute jump:
    +
    + HMI:Jump:AbsolutePage:Absolute@/PUMP9
    + HMI:Jump:AbsolutePage:Absolute:notify=1@notify=/PUMP9
    +
    ||
    shortdesc > Jump to given page
    @@ -27,34 +48,15 @@
    ||
    activable = false;
    active = false;
    - disabled = false;
    frequency = 2;
    update_activity() {
    - if(this.active) {
    - /* show active */
    - this.active_elt.style.display = "";
    - /* hide inactive */
    - this.inactive_elt.style.display = "none";
    - } else {
    - /* show inactive */
    - this.inactive_elt.style.display = "";
    - /* hide active */
    - this.active_elt.style.display = "none";
    - }
    + this.set_activation_state(this.active);
    }
    update_disability() {
    - if(this.disabled) {
    - /* show disabled */
    - this.disabled_elt.style.display = "";
    - /* hide inactive */
    - this.inactive_elt.style.display = "none";
    - /* hide active */
    - this.active_elt.style.display = "none";
    - } else {
    - /* hide disabled */
    - this.disabled_elt.style.display = "none";
    + this.animate_enable();
    + if(this.enable_state) {
    this.update_activity();
    }
    }
    @@ -66,8 +68,8 @@
    /* TODO: in order to allow jumps to page selected through for exemple a dropdown,
    support path pointing to local variable whom value
    would be an HMI_TREE index and then jump to a relative page not hard-coded in advance */
    - if(!that.disabled) {
    - const index = that.indexes.length > 0 ? that.indexes[0] + that.offset : undefined;
    + if(that.enable_state) {
    + const index = (that.is_relative && that.indexes.length > 0) ? that.indexes[0] + that.offset : undefined;
    fading_page_switch(name, index);
    }
    }
    @@ -82,43 +84,43 @@
    }
    }
    - dispatch(value) {
    - this.disabled = !Number(value);
    -
    - // TODO : use RequestAnimate and animate()
    -
    + animate() {
    this.update_state();
    }
    ||
    }
    +def "func:is_relative_jump" {
    + param "widget";
    + result "$widget/path and $widget/path[1]/@type='HMI_NODE' and not($widget/arg[position()>1 and @value = 'Absolute'])";
    +}
    +
    widget_defs("Jump") {
    - // TODO: ensure both active and inactive are provided
    - const "activity" optional_labels("active inactive");
    - const "have_activity","string-length($activity)>0";
    - value "$activity";
    + optional_activable();
    - const "disability" optional_labels("disabled");
    - const "have_disability","$have_activity and string-length($disability)>0";
    - value "$disability";
    + const "jump_disability","$has_activity and $has_disability";
    | init: function() {
    | this.element.onclick = this.make_on_click();
    - if "$have_activity" {
    + if "$has_activity" {
    | this.activable = true;
    }
    - if "not($have_disability)" {
    - | this.unsubscribable = true;
    - }
    > this.update_state =
    choose {
    - when "$have_disability" {
    + when "$jump_disability" {
    > this.update_disability
    }
    - when "$have_activity" {
    + when "$has_activity" {
    > this.update_activity
    }
    - otherwise > null
    + otherwise > function(){}
    + }
    + > ;\n
    +
    + > this.is_relative =
    + choose{
    + when "func:is_relative_jump(.)" > true
    + otherwise > false
    }
    > ;\n
    | },
    @@ -127,9 +129,11 @@
    widget_page("Jump"){
    param "page_desc";
    - /* check that given path is compatible with page's reference path */
    - if "path" {
    - /* TODO: suport local variable containing an HMI_TREE index to jump to a relative page */
    + /* jump is considered relative jump if first path points to HMI_NODE
    + but a jump can be forced Absolute by adding a "Absolute" argument */
    + if "func:is_relative_jump(.)" {
    + /* if relative check that given path is compatible with page's reference path */
    +
    /* when no page name provided, check for same page */
    const "target_page_name" choose {
    when "arg" value "arg[1]/@value";
    @@ -142,9 +146,12 @@
    if "not(func:same_class_paths($target_page_path, path[1]/@value))"
    error > Jump id="«@id»" to page "«$target_page_name»" with incompatible path "«path[1]/@value» (must be same class as "«$target_page_path»")
    +
    }
    }
    +
    +
    /* TODO: move to detachable pages ysl2 */
    emit "cssdefs:jump"
    ||
    --- a/svghmi/widgets_common.ysl2 Tue Aug 23 12:19:44 2022 +0200
    +++ b/svghmi/widgets_common.ysl2 Wed Aug 31 12:16:09 2022 +0200
    @@ -21,13 +21,24 @@
    }
    };
    -decl activable() alias - {
    +decl _activable(*level) alias - {
    | activable_sub:{
    - warning_labels("/active /inactive") {
    + const "activity" labels("/active /inactive") {
    + with "mandatory"{text *level};
    content;
    }
    - | }
    + value "$activity";
    + const "has_activity","string-length($activity)>0";
    + | },
    };
    +
    +decl activable() alias - {
    + _activable("warn")
    +};
    +decl optional_activable() alias - {
    + _activable("no")
    +};
    +
    decl activable_labels(*ptr) alias - {
    optional_labels(*ptr) {
    with "subelements","'active inactive'";
    @@ -48,6 +59,10 @@
    in xsl decl widget_defs(%name, match="widget[@type='%name']", mode="widget_defs") alias template {
    param "hmi_element";
    + // all widget potentially has a "disabled" labeled element
    + const "disability" optional_labels("disabled");
    + value "$disability";
    + const "has_disability","string-length($disability)>0";
    content;
    };
    @@ -256,6 +271,10 @@
    [this.indexes, this.variables_options] = (variables.length>0) ? zip(...variables) : [[],[]];
    this.indexes_length = this.indexes.length;
    this.enable_expr = enable_expr;
    + this.enable_state = true;
    + this.enable_displayed_state = true;
    + this.enabled_elts = [];
    +
    Object.keys(members).forEach(prop => this[prop]=members[prop]);
    this.lastapply = this.indexes.map(() => undefined);
    this.inhibit = this.indexes.map(() => undefined);
    @@ -301,14 +320,11 @@
    }
    if(this.enable_expr){
    - this.disabled_elt = null;
    - this.enabled_elts = [];
    this.enable_state = false;
    this.enable_displayed_state = false;
    for(let child of Array.from(this.element.children)){
    - if(child.getAttribute("inkscape:label")=="disabled"){
    - this.disabled_elt = child;
    - }else{
    + let label = child.getAttribute("inkscape:label");
    + if(label!="disabled"){
    this.enabled_elts.push(child);
    this.element.removeChild(child);
    }
    @@ -318,26 +334,25 @@
    unsub(){
    /* remove subsribers */
    - if(!this.unsubscribable)
    - for(let i = 0; i < this.indexes_length; i++) {
    - /* flush updates pending because of inhibition */
    - let inhibition = this.inhibit[i];
    - if(inhibition != undefined){
    - clearTimeout(inhibition);
    - this.lastapply[i] = undefined;
    - this.uninhibit(i);
    - }
    - let deafened = this.deafen[i];
    - if(deafened != undefined){
    - clearTimeout(deafened);
    - this.lastdispatch[i] = undefined;
    - this.undeafen(i);
    - }
    - let index = this.indexes[i];
    - if(this.relativeness[i])
    - index += this.offset;
    - subscribers(index).delete(this);
    + for(let i = 0; i < this.indexes_length; i++) {
    + /* flush updates pending because of inhibition */
    + let inhibition = this.inhibit[i];
    + if(inhibition != undefined){
    + clearTimeout(inhibition);
    + this.lastapply[i] = undefined;
    + this.uninhibit(i);
    }
    + let deafened = this.deafen[i];
    + if(deafened != undefined){
    + clearTimeout(deafened);
    + this.lastdispatch[i] = undefined;
    + this.undeafen(i);
    + }
    + let index = this.indexes[i];
    + if(this.relativeness[i])
    + index += this.offset;
    + subscribers(index).delete(this);
    + }
    this.offset = 0;
    this.relativeness = undefined;
    }
    @@ -347,17 +362,16 @@
    this.relativeness = relativeness;
    this.container_id = container_id ;
    /* add this's subsribers */
    - if(!this.unsubscribable)
    - for(let i = 0; i < this.indexes_length; i++) {
    - let index = this.get_variable_index(i);
    - if(index == undefined) continue;
    - subscribers(index).add(this);
    - }
    + for(let i = 0; i < this.indexes_length; i++) {
    + let index = this.get_variable_index(i);
    + if(index == undefined) continue;
    + subscribers(index).add(this);
    + }
    need_cache_apply.push(this);
    }
    apply_cache() {
    - if(!this.unsubscribable) for(let index in this.indexes){
    + for(let index in this.indexes){
    /* dispatch current cache in newly opened page widgets */
    let realindex = this.get_variable_index(index);
    if(realindex == undefined) continue;
    --- a/tests/projects/svghmi/plc.xml Tue Aug 23 12:19:44 2022 +0200
    +++ b/tests/projects/svghmi/plc.xml Wed Aug 31 12:16:09 2022 +0200
    @@ -1,7 +1,7 @@
    <?xml version='1.0' encoding='utf-8'?>
    <project xmlns:ns1="http://www.plcopen.org/xml/tc6_0201" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.plcopen.org/xml/tc6_0201">
    <fileHeader companyName="Unknown" productName="Unnamed" productVersion="1" creationDateTime="2019-08-06T14:23:42"/>
    - <contentHeader name="Unnamed" modificationDateTime="2022-07-21T11:39:43">
    + <contentHeader name="Unnamed" modificationDateTime="2022-08-31T11:57:03">
    <coordinateInfo>
    <fbd>
    <scaling x="5" y="5"/>
    @@ -575,64 +575,6 @@
    </variable>
    </outputVariables>
    </block>
    - <inVariable localId="2" executionOrderId="0" height="30" width="60" negated="false">
    - <position x="240" y="190"/>
    - <connectionPointOut>
    - <relPosition x="60" y="15"/>
    - </connectionPointOut>
    - <expression>Sloth</expression>
    - </inVariable>
    - <outVariable localId="3" executionOrderId="0" height="30" width="75" negated="false">
    - <position x="435" y="205"/>
    - <connectionPointIn>
    - <relPosition x="0" y="15"/>
    - <connection refLocalId="8" formalParameter="OUT">
    - <position x="435" y="220"/>
    - <position x="410" y="220"/>
    - </connection>
    - </connectionPointIn>
    - <expression>Pressure</expression>
    - </outVariable>
    - <block localId="8" typeName="DIV" executionOrderId="0" height="60" width="65">
    - <position x="345" y="190"/>
    - <inputVariables>
    - <variable formalParameter="IN1">
    - <connectionPointIn>
    - <relPosition x="0" y="30"/>
    - <connection refLocalId="2">
    - <position x="345" y="220"/>
    - <position x="335" y="220"/>
    - <position x="335" y="205"/>
    - <position x="300" y="205"/>
    - </connection>
    - </connectionPointIn>
    - </variable>
    - <variable formalParameter="IN2">
    - <connectionPointIn>
    - <relPosition x="0" y="50"/>
    - <connection refLocalId="9">
    - <position x="345" y="240"/>
    - <position x="300" y="240"/>
    - </connection>
    - </connectionPointIn>
    - </variable>
    - </inputVariables>
    - <inOutVariables/>
    - <outputVariables>
    - <variable formalParameter="OUT">
    - <connectionPointOut>
    - <relPosition x="65" y="30"/>
    - </connectionPointOut>
    - </variable>
    - </outputVariables>
    - </block>
    - <inVariable localId="9" executionOrderId="0" height="30" width="60" negated="false">
    - <position x="240" y="225"/>
    - <connectionPointOut>
    - <relPosition x="60" y="15"/>
    - </connectionPointOut>
    - <expression>100</expression>
    - </inVariable>
    <block localId="10" typeName="CONCAT" executionOrderId="0" height="60" width="65">
    <position x="360" y="345"/>
    <inputVariables>
    @@ -688,7 +630,7 @@
    <connectionPointOut>
    <relPosition x="125" y="15"/>
    </connectionPointOut>
    - <expression>TargetPressure</expression>
    + <expression>Pressure</expression>
    </inVariable>
    <block localId="13" typeName="INT_TO_STRING" executionOrderId="0" height="40" width="115">
    <position x="315" y="270"/>
    --- a/tests/projects/svghmi/svghmi_0@svghmi/confnode.xml Tue Aug 23 12:19:44 2022 +0200
    +++ b/tests/projects/svghmi/svghmi_0@svghmi/confnode.xml Wed Aug 31 12:16:09 2022 +0200
    @@ -1,2 +1,2 @@
    <?xml version='1.0' encoding='utf-8'?>
    -<SVGHMI xmlns:xsd="http://www.w3.org/2001/XMLSchema" OnWatchdog="echo Watchdog for {name} !" WatchdogInitial="10" WatchdogInterval="5" EnableWatchdog="true" Path="{name}" OnStart="chromium --disable-gpu --new-window --user-data-dir=. {url}"/>
    +<SVGHMI xmlns:xsd="http://www.w3.org/2001/XMLSchema" OnWatchdog="echo Watchdog for {name} !" WatchdogInitial="10" WatchdogInterval="5" EnableWatchdog="true" Path="{name}"/>
    --- a/tests/projects/svghmi/svghmi_0@svghmi/svghmi.svg Tue Aug 23 12:19:44 2022 +0200
    +++ b/tests/projects/svghmi/svghmi_0@svghmi/svghmi.svg Wed Aug 31 12:16:09 2022 +0200
    @@ -133,12 +133,12 @@
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
    inkscape:document-units="px"
    - inkscape:current-layer="hmi0"
    + inkscape:current-layer="g1450-4-9"
    showgrid="false"
    units="px"
    - inkscape:zoom="0.14174805"
    - inkscape:cx="-1530.0784"
    - inkscape:cy="-1404.9832"
    + inkscape:zoom="1.1339844"
    + inkscape:cx="1880.7924"
    + inkscape:cy="528.36862"
    inkscape:window-width="1600"
    inkscape:window-height="836"
    inkscape:window-x="0"
    @@ -3240,7 +3240,7 @@
    inkscape:label="PUMP:1">
    <g
    transform="matrix(0.57180538,0,0,0.57180538,1024.0513,-317.49049)"
    - inkscape:label="HMI:Jump:RelativePageTest@/PUMP0"
    + inkscape:label="HMI:Jump:RelativePageTest@en=/PUMP0#en"
    id="g1458-8">
    <g
    inkscape:label="disabled"
    @@ -3255,6 +3255,17 @@
    width="245.44583"
    id="rect1448-8"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#434343;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-7"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#434343;fill-opacity:1;stroke-width:0.99999994px;"
    + id="tspan1460-3-5">Disabled</tspan></text>
    </g>
    <g
    id="g1067"
    @@ -3269,6 +3280,17 @@
    y="594.82263"
    ry="35.579063"
    inkscape:label="button" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3">Inactive</tspan></text>
    </g>
    <g
    inkscape:label="active"
    @@ -3283,272 +3305,326 @@
    width="245.44583"
    id="rect1069"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    - </g>
    - <g
    - inkscape:label="text"
    - id="g1456-1">
    <text
    xml:space="preserve"
    style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="1038.2972"
    - y="635.99542"
    - id="text1454-0"
    - inkscape:label="setting_jmp"><tspan
    + x="1095.5966"
    + y="657.59668"
    + id="text1454-0-3"><tspan
    sodipodi:role="line"
    - x="1038.2972"
    - y="635.99542"
    + x="1095.5966"
    + y="657.59668"
    style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    - id="tspan1460-3">Pump</tspan></text>
    - <text
    - xml:space="preserve"
    - style="font-style:normal;font-weight:normal;font-size:39.32668304px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.24579209px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="992.45087"
    - y="674.76117"
    - id="text1517-8"
    - inkscape:label="HMI:Display@/PUMP0/STROUT"><tspan
    - sodipodi:role="line"
    - id="tspan1515-5"
    - x="992.45087"
    - y="674.76117"
    - style="fill:#000000;fill-opacity:1;stroke-width:0.24579209px">8888</tspan></text>
    + id="tspan1460-3-6">Active</tspan></text>
    </g>
    </g>
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:22.48720932px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.14054523px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1591.54"
    + y="102.34158"
    + id="text1517-8"
    + inkscape:label="HMI:Display@/PUMP0/STROUT"><tspan
    + sodipodi:role="line"
    + id="tspan1515-5"
    + x="1591.54"
    + y="102.34158"
    + style="fill:#000000;fill-opacity:1;stroke-width:0.14054523px">8888</tspan></text>
    </g>
    <g
    id="g6122"
    inkscape:label="PUMP:2">
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:22.48720932px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.14054523px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1751.7461"
    + y="102.34158"
    + id="text1517-8-5"
    + inkscape:label="HMI:Display@/PUMP1/STROUT"><tspan
    + sodipodi:role="line"
    + id="tspan1515-5-3"
    + x="1751.7461"
    + y="102.34158"
    + style="fill:#000000;fill-opacity:1;stroke-width:0.14054523px">8888</tspan></text>
    <g
    - id="g1475-0"
    - inkscape:label="HMI:Jump:RelativePageTest@/PUMP1"
    - transform="matrix(0.57180538,0,0,0.57180538,1184.0513,-317.49049)">
    + transform="matrix(0.57180538,0,0,0.57180538,1184.0513,-317.49049)"
    + inkscape:label="HMI:Jump:RelativePageTest@en=/PUMP1#en"
    + id="g1458-8-3">
    <g
    - id="g1467-4"
    - inkscape:label="disabled">
    + inkscape:label="disabled"
    + id="g1450-4-5"
    + style="display:inline">
    <rect
    - style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    - id="rect1464-4"
    + rx="35.579063"
    + inkscape:label="button"
    + ry="35.579063"
    + y="594.82263"
    + x="971.96545"
    + height="95.723877"
    + width="245.44583"
    + id="rect1448-8-6"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#434343;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-7-2"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#434343;fill-opacity:1;stroke-width:0.99999994px;"
    + id="tspan1460-3-5-9">Disabled</tspan></text>
    + </g>
    + <g
    + id="g1067-1"
    + inkscape:label="inactive"
    + style="display:inline">
    + <rect
    + rx="35.579063"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3d3d3d;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    + id="rect1065-2"
    width="245.44583"
    height="95.723877"
    x="971.96545"
    y="594.82263"
    ry="35.579063"
    inkscape:label="button" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-70"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-9">Inactive</tspan></text>
    </g>
    <g
    - inkscape:label="inactive"
    - id="g1898"
    + inkscape:label="active"
    + id="g1071-3"
    style="display:inline">
    <rect
    + rx="35.579063"
    inkscape:label="button"
    ry="35.579063"
    y="594.82263"
    x="971.96545"
    height="95.723877"
    width="245.44583"
    - id="rect1896"
    - style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3d3d3d;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    - </g>
    - <g
    - id="g1902"
    - inkscape:label="active"
    - style="display:inline">
    - <rect
    - style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    - id="rect1900"
    - width="245.44583"
    - height="95.723877"
    - x="971.96545"
    - y="594.82263"
    - ry="35.579063"
    - inkscape:label="button" />
    - </g>
    - <g
    - id="g1473-4"
    - inkscape:label="text">
    - <text
    - inkscape:label="setting_jmp"
    - id="text1471-4"
    - y="635.99542"
    - x="1038.2972"
    - style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - xml:space="preserve"><tspan
    - style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    - y="635.99542"
    - x="1038.2972"
    - sodipodi:role="line"
    - id="tspan1477-6">Pump</tspan></text>
    + id="rect1069-6"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    <text
    xml:space="preserve"
    - style="font-style:normal;font-weight:normal;font-size:39.32668304px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.24579208px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="992.8111"
    - y="674.76117"
    - id="text1517-8-5"
    - inkscape:label="HMI:Display@/PUMP1/STROUT"><tspan
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1095.5966"
    + y="657.59668"
    + id="text1454-0-3-0"><tspan
    sodipodi:role="line"
    - id="tspan1515-5-3"
    - x="992.8111"
    - y="674.76117"
    - style="fill:#000000;fill-opacity:1;stroke-width:0.24579208px">8888</tspan></text>
    + x="1095.5966"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-6-6">Active</tspan></text>
    </g>
    </g>
    </g>
    <g
    id="g6113"
    inkscape:label="PUMP:3">
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:22.48720932px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.14054523px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1911.9519"
    + y="102.34158"
    + id="text1517-8-8"
    + inkscape:label="HMI:Display@/PUMP2/STROUT"><tspan
    + sodipodi:role="line"
    + id="tspan1515-5-8"
    + x="1911.9519"
    + y="102.34158"
    + style="fill:#000000;fill-opacity:1;stroke-width:0.14054523px">8888</tspan></text>
    <g
    transform="matrix(0.57180538,0,0,0.57180538,1344.0513,-317.49049)"
    - inkscape:label="HMI:Jump:RelativePageTest@/PUMP2"
    - id="g1491-3">
    + inkscape:label="HMI:Jump:RelativePageTest@en=/PUMP2#en"
    + id="g1458-8-2">
    <g
    inkscape:label="disabled"
    - id="g1481-1">
    + id="g1450-4-6"
    + style="display:inline">
    <rect
    + rx="35.579063"
    inkscape:label="button"
    ry="35.579063"
    y="594.82263"
    x="971.96545"
    height="95.723877"
    width="245.44583"
    - id="rect1479-7"
    + id="rect1448-8-1"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#434343;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-7-8"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#434343;fill-opacity:1;stroke-width:0.99999994px;"
    + id="tspan1460-3-5-7">Disabled</tspan></text>
    </g>
    <g
    - id="g1906"
    - inkscape:label="inactive">
    + id="g1067-9"
    + inkscape:label="inactive"
    + style="display:inline">
    <rect
    + rx="35.579063"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3d3d3d;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    - id="rect1904"
    + id="rect1065-20"
    width="245.44583"
    height="95.723877"
    x="971.96545"
    y="594.82263"
    ry="35.579063"
    inkscape:label="button" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-2"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-3">Inactive</tspan></text>
    </g>
    <g
    inkscape:label="active"
    - id="g1910">
    + id="g1071-7"
    + style="display:inline">
    <rect
    + rx="35.579063"
    inkscape:label="button"
    ry="35.579063"
    y="594.82263"
    x="971.96545"
    height="95.723877"
    width="245.44583"
    - id="rect1908"
    + id="rect1069-5"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    - </g>
    - <g
    - inkscape:label="text"
    - id="g1489-5">
    <text
    xml:space="preserve"
    style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="1038.2972"
    - y="635.99542"
    - id="text1487-9"
    - inkscape:label="setting_jmp"><tspan
    - id="tspan1485-2"
    + x="1095.5966"
    + y="657.59668"
    + id="text1454-0-3-9"><tspan
    sodipodi:role="line"
    - x="1038.2972"
    - y="635.99542"
    - style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px">Pump</tspan></text>
    - <text
    - xml:space="preserve"
    - style="font-style:normal;font-weight:normal;font-size:39.32668304px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.24579208px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="993.17108"
    - y="674.76117"
    - id="text1517-8-8"
    - inkscape:label="HMI:Display@/PUMP2/STROUT"><tspan
    - sodipodi:role="line"
    - id="tspan1515-5-8"
    - x="993.17108"
    - y="674.76117"
    - style="fill:#000000;fill-opacity:1;stroke-width:0.24579208px">8888</tspan></text>
    + x="1095.5966"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-6-2">Active</tspan></text>
    </g>
    </g>
    </g>
    <g
    id="g6104"
    inkscape:label="PUMP:4">
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:22.48720932px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.14054523px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="2072.1577"
    + y="102.34158"
    + id="text1517-8-3"
    + inkscape:label="HMI:Display@/PUMP3/STROUT"><tspan
    + sodipodi:role="line"
    + id="tspan1515-5-1"
    + x="2072.1577"
    + y="102.34158"
    + style="fill:#000000;fill-opacity:1;stroke-width:0.14054523px">8888</tspan></text>
    <g
    - id="g1509-1"
    - inkscape:label="HMI:Jump:RelativePageTest@/PUMP3"
    - transform="matrix(0.57180538,0,0,0.57180538,1504.0513,-317.49049)">
    + transform="matrix(0.57180538,0,0,0.57180538,1504.0513,-317.49049)"
    + inkscape:label="HMI:Jump:RelativePageTest@en=/PUMP3#en"
    + id="g1458-8-28">
    <g
    - id="g1499-7"
    inkscape:label="disabled"
    + id="g1450-4-9"
    style="display:inline">
    <rect
    - style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    - id="rect1497-8"
    - width="245.44583"
    + rx="35.579063"
    + inkscape:label="button"
    + ry="35.579063"
    + y="594.82263"
    + x="971.96545"
    height="95.723877"
    - x="971.96545"
    - y="594.82263"
    - ry="35.579063"
    - inkscape:label="button" />
    + width="245.44583"
    + id="rect1448-8-7"
    + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.28600003;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#434343;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-7-3"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#434343;fill-opacity:1;stroke-width:0.99999994px;"
    + id="tspan1460-3-5-6">Disabled</tspan></text>
    </g>
    <g
    - id="g1918"
    + id="g1067-12"
    inkscape:label="inactive"
    style="display:inline">
    <rect
    + rx="35.579063"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#3d3d3d;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
    - id="rect1916"
    + id="rect1065-9"
    width="245.44583"
    height="95.723877"
    x="971.96545"
    y="594.82263"
    ry="35.579063"
    inkscape:label="button" />
    + <text
    + xml:space="preserve"
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1093.7899"
    + y="657.59668"
    + id="text1454-0-31"><tspan
    + sodipodi:role="line"
    + x="1093.7899"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-94">Inactive</tspan></text>
    </g>
    <g
    inkscape:label="active"
    - id="g1914"
    + id="g1071-78"
    style="display:inline">
    <rect
    + rx="35.579063"
    inkscape:label="button"
    ry="35.579063"
    y="594.82263"
    x="971.96545"
    height="95.723877"
    width="245.44583"
    - id="rect1912"
    + id="rect1069-4"
    style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#e6e6e6;fill-opacity:1;fill-rule:nonzero;stroke:#ff6600;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
    - </g>
    - <g
    - id="g1507-5"
    - inkscape:label="text">
    - <text
    - inkscape:label="setting_jmp"
    - id="text1505-7"
    - y="635.99542"
    - x="1038.2972"
    - style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - xml:space="preserve"><tspan
    - style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    - y="635.99542"
    - x="1038.2972"
    - sodipodi:role="line"
    - id="tspan1511-4">Pump</tspan><tspan
    - style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    - y="685.99542"
    - x="1038.2972"
    - sodipodi:role="line"
    - id="tspan1503-1" /></text>
    <text
    xml:space="preserve"
    - style="font-style:normal;font-weight:normal;font-size:39.32668304px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.24579208px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    - x="993.53101"
    - y="674.76117"
    - id="text1517-8-3"
    - inkscape:label="HMI:Display@/PUMP3/STROUT"><tspan
    + style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;display:inline;fill:#ff6600;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
    + x="1095.5966"
    + y="657.59668"
    + id="text1454-0-3-5"><tspan
    sodipodi:role="line"
    - id="tspan1515-5-1"
    - x="993.53101"
    - y="674.76117"
    - style="fill:#000000;fill-opacity:1;stroke-width:0.24579208px">8888</tspan></text>
    + x="1095.5966"
    + y="657.59668"
    + style="text-align:center;text-anchor:middle;fill:#ff6600;stroke-width:0.99999994px"
    + id="tspan1460-3-6-0">Active</tspan></text>
    </g>
    </g>
    </g>