{
  "custom": {},
  "params": {
    "tagPath": "[System]Gateway/EAM/Agents/Ignition-SATB1-IO6/Independent"
  },
  "propConfig": {
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 250,
      "width": 400
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "children": [
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "Gateway |"
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/AgentName"
                          },
                          "enabled": false,
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "IO Gateway",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 14,
                        "fontStyle": "italic"
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer"
                },
                "position": {
                  "basis": "30%"
                },
                "props": {
                  "style": {
                    "gap": 5
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "Version:",
                      "textStyle": {
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/Version"
                          },
                          "enabled": false,
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "8.3.4",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_0"
                },
                "props": {
                  "style": {
                    "gap": 5,
                    "overflow": "hidden"
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "Status",
                      "textStyle": {
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/IsApproved"
                          },
                          "enabled": false,
                          "transforms": [
                            {
                              "fallback": "error",
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": false,
                                  "output": "Not Approved"
                                },
                                {
                                  "input": true,
                                  "output": "Approved"
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "Approved",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_1"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/IsConnected"
                          },
                          "enabled": false,
                          "transforms": [
                            {
                              "fallback": "error",
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": false,
                                  "output": "Not Connected"
                                },
                                {
                                  "input": true,
                                  "output": "Connected"
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "Connected",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_2"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/IsApproved"
                          },
                          "enabled": false,
                          "transforms": [
                            {
                              "fallback": "error",
                              "inputType": "scalar",
                              "mappings": [
                                {
                                  "input": false,
                                  "output": "Not Running"
                                },
                                {
                                  "input": true,
                                  "output": "Running"
                                }
                              ],
                              "outputType": "scalar",
                              "type": "map"
                            }
                          ],
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "Running",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_1"
                },
                "props": {
                  "style": {
                    "gap": 5,
                    "overflow": "hidden"
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "Browser URL",
                      "textStyle": {
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/BrowserURL"
                          },
                          "enabled": false,
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "http://ip_address:8088",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_2"
                },
                "props": {
                  "alignContent": "space-between",
                  "style": {
                    "gap": 5,
                    "overflow": "hidden"
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "State:",
                      "textStyle": {
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "fallbackDelay": 2.5,
                            "mode": "indirect",
                            "references": {
                              "tagPath": "{view.params.tagPath}"
                            },
                            "tagPath": "{tagPath}/RunningState"
                          },
                          "enabled": false,
                          "type": "tag"
                        }
                      }
                    },
                    "props": {
                      "text": "Running",
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_3"
                },
                "props": {
                  "style": {
                    "gap": 5,
                    "overflow": "hidden"
                  }
                },
                "type": "ia.container.flex"
              },
              {
                "children": [
                  {
                    "meta": {
                      "name": "Label"
                    },
                    "props": {
                      "text": "Last Comms:",
                      "textStyle": {
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  },
                  {
                    "meta": {
                      "name": "Label_0"
                    },
                    "propConfig": {
                      "props.text": {
                        "binding": {
                          "config": {
                            "expression": "now(3000)"
                          },
                          "type": "expr"
                        }
                      }
                    },
                    "props": {
                      "textStyle": {
                        "color": "var(--tagvalue-color)",
                        "fontSize": 12
                      }
                    },
                    "type": "ia.display.label"
                  }
                ],
                "meta": {
                  "name": "FlexContainer_4"
                },
                "props": {
                  "style": {
                    "gap": 5,
                    "overflow": "hidden"
                  }
                },
                "type": "ia.container.flex"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "75%"
            },
            "props": {
              "direction": "column",
              "style": {
                "gap": 3,
                "padding": 5
              }
            },
            "type": "ia.container.flex"
          },
          {
            "children": [
              {
                "meta": {
                  "name": "CPU_Gauge"
                },
                "position": {
                  "basis": "75px"
                },
                "propConfig": {
                  "props.arc.color": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/CPU Usage"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e 50:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
                          "type": "script"
                        }
                      ],
                      "type": "tag"
                    }
                  },
                  "props.arcBackground.color": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/CPU Usage"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e 50:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
                          "type": "script"
                        }
                      ],
                      "type": "tag"
                    }
                  },
                  "props.value": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/CPU Usage"
                      },
                      "enabled": false,
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "arc": {
                    "width": 0
                  },
                  "arcBackground": {},
                  "endAngle": 450,
                  "label": {
                    "offsetY": 12,
                    "visible": false
                  },
                  "startAngle": 90,
                  "style": {
                    "overflow": "visible"
                  },
                  "value": 30
                },
                "type": "ia.chart.simple-gauge"
              },
              {
                "meta": {
                  "name": "Label"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/CPU Usage"
                      },
                      "enabled": false,
                      "transforms": [
                        {
                          "formatType": "numeric",
                          "formatValue": "##.##",
                          "type": "format"
                        },
                        {
                          "expression": "{value}+\"% cpu\"",
                          "type": "expression"
                        }
                      ],
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "style": {
                    "overflow": "visible"
                  },
                  "text": "30 % cpu",
                  "textStyle": {
                    "color": "var(--tagvalue-color)",
                    "textAlign": "center"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "CPU_Gauge_0"
                },
                "position": {
                  "basis": "75px"
                },
                "propConfig": {
                  "custom.memory": {
                    "binding": {
                      "config": {
                        "struct": {
                          "max": "{this.props.maxValue}",
                          "value": "{this.props.value}"
                        },
                        "waitOnAll": true
                      },
                      "transforms": [
                        {
                          "code": "\toutput \u003d float(value[\"value\"]) / float(value[\"max\"])\n\treturn output",
                          "type": "script"
                        }
                      ],
                      "type": "expr-struct"
                    }
                  },
                  "props.arc.color": {
                    "binding": {
                      "config": {
                        "path": "this.props.value"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e 33.0:\n\t\toutput \u003d \"#F1E013\"\n\telif value \u003e66.0:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  },
                  "props.arcBackground.color": {
                    "binding": {
                      "config": {
                        "path": "this.props.value"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e 33.0:\n\t\toutput \u003d \"#F1E013\"\n\telif value \u003e50.0:\n\t\toutput \u003d \"red\"\n\telse:\n\t\toutput \u003d \"green\"\n\treturn output",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  },
                  "props.value": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/Memory Usage"
                      },
                      "enabled": false,
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "arc": {
                    "width": 0
                  },
                  "arcBackground": {},
                  "endAngle": 450,
                  "label": {
                    "color": "#F1E013",
                    "offsetY": 12,
                    "visible": false
                  },
                  "startAngle": 90,
                  "style": {
                    "overflow": "visible"
                  },
                  "value": 64
                },
                "type": "ia.chart.simple-gauge"
              },
              {
                "meta": {
                  "name": "Label_0"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "fallbackDelay": 2.5,
                        "mode": "indirect",
                        "references": {
                          "tagPath": "{view.params.tagPath}"
                        },
                        "tagPath": "{tagPath}/Metrics/System/Memory Usage"
                      },
                      "enabled": false,
                      "transforms": [
                        {
                          "expression": "{value}+ \" %\"",
                          "type": "expression"
                        }
                      ],
                      "type": "tag"
                    }
                  }
                },
                "props": {
                  "style": {
                    "overflow": "visible"
                  },
                  "text": "64 %",
                  "textStyle": {
                    "color": "var(--tagvalue-color)",
                    "textAlign": "center"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer_0"
            },
            "position": {
              "basis": "25%"
            },
            "props": {
              "direction": "column"
            },
            "type": "ia.container.flex"
          }
        ],
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "basis": "85%"
        },
        "props": {
          "style": {
            "outlineStyle": "none"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "15%"
        },
        "props": {
          "style": {
            "backgroundColor": "#143663"
          },
          "text": "IO GATEWAY",
          "textStyle": {
            "color": "white",
            "fontFamily": "inherit",
            "fontSize": 12,
            "textAlign": "center"
          }
        },
        "type": "ia.display.label"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "borderBottomLeftRadius": 4,
        "borderBottomRightRadius": 4,
        "borderTopLeftRadius": 4,
        "borderTopRightRadius": 4,
        "outlineColor": "#143663",
        "outlineStyle": "solid",
        "overflow": "visible"
      }
    },
    "type": "ia.container.flex"
  }
}