{
  "custom": {},
  "params": {
    "Status": "",
    "tagProps": [
      "MCM01",
      "value",
      "value",
      "value",
      "value",
      "value",
      "value",
      "value",
      "value",
      "value"
    ]
  },
  "propConfig": {
    "params.Status": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.tagProps": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 212,
      "width": 336
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "meta": {
              "name": "Label"
            },
            "position": {
              "basis": "400px"
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "path": "view.params.tagProps[0]"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "textStyle": {
                "textIndent": "10px"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "basis": "60px"
        },
        "props": {
          "style": {
            "backgroundColor": "#555555",
            "key": "value"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Label_0"
            },
            "position": {
              "basis": "50px"
            },
            "props": {
              "style": {
                "marginLeft": 10
              },
              "text": "AREA",
              "textStyle": {
                "fontFamily": "Roboto",
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "Label"
            },
            "position": {
              "basis": "195px"
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "path": "/root.custom.area_display"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "marginLeft": 50
              },
              "textStyle": {
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "FlexContainer_0"
        },
        "position": {
          "basis": "80px"
        },
        "props": {
          "style": {
            "borderBottomColor": "#555555",
            "borderBottomStyle": "solid",
            "borderBottomWidth": 0.5,
            "borderLeftColor": "#555555",
            "borderLeftStyle": "none",
            "borderLeftWidth": 0.5,
            "borderRightColor": "#555555",
            "borderRightStyle": "none",
            "borderRightWidth": 0.5,
            "borderTopColor": "#555555",
            "borderTopStyle": "solid",
            "borderTopWidth": 0.5
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Label_0"
            },
            "position": {
              "basis": "50px"
            },
            "props": {
              "style": {
                "marginLeft": 10
              },
              "text": "STATUS",
              "textStyle": {
                "fontFamily": "Roboto",
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          },
          {
            "meta": {
              "name": "EmbeddedView"
            },
            "position": {
              "basis": "200px"
            },
            "propConfig": {
              "props.params.value.tagProps": {
                "binding": {
                  "config": {
                    "path": "view.params.tagProps"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "params": {
                "value": {}
              },
              "path": "Symbol-Views/Controller-Views/CommandControlStatus"
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "FlexContainer_1"
        },
        "position": {
          "basis": "80px"
        },
        "props": {
          "justify": "space-around",
          "style": {
            "borderBottomColor": "#555555",
            "borderBottomStyle": "solid",
            "borderBottomWidth": 0.5
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "Icon"
            },
            "position": {
              "basis": "25px"
            },
            "propConfig": {
              "props.color": {
                "binding": {
                  "config": {
                    "fallbackDelay": 2.5,
                    "mode": "indirect",
                    "references": {
                      "MCM": "{view.params.tagProps[0]}",
                      "fc": "{session.custom.fc}"
                    },
                    "tagPath": "[{fc}_SCADA_TAG_PROVIDER]System/{MCM}/Alarm Metrics.hasActive"
                  },
                  "transforms": [
                    {
                      "fallback": "",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": true,
                          "output": "red"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "tag"
                }
              }
            },
            "props": {
              "path": "material/notifications_active",
              "style": {
                "classes": "",
                "marginLeft": 10
              }
            },
            "type": "ia.display.icon"
          },
          {
            "meta": {
              "name": "Label"
            },
            "position": {
              "basis": "100px"
            },
            "props": {
              "style": {
                "marginLeft": 10
              },
              "text": "ACTIVE ALARMS",
              "textStyle": {
                "fontFamily": "Roboto",
                "fontSize": 12
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "FlexContainer_3"
        },
        "position": {
          "basis": "80px"
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "meta": {
              "name": "EmbeddedView"
            },
            "position": {
              "basis": "320px"
            },
            "propConfig": {
              "props.params.value.tagProps": {
                "binding": {
                  "config": {
                    "path": "view.params.tagProps"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "params": {
                "classes": "Text-Styles/Ariel-Bold-White-12pt",
                "value": {}
              },
              "path": "Symbol-Views/Controller-Views/CommandControlAlarms"
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "FlexContainer_2"
        },
        "position": {
          "basis": "80px"
        },
        "props": {
          "style": {
            "marginBottom": 5,
            "marginLeft": 10,
            "marginRight": 10
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "events": {
      "dom": {
        "onClick": {
          "config": {
            "script": "\tself.session.custom.covert\u003d False\n\twhid \u003d self.session.custom.fc\n\tsession_id \u003d self.session.props.id\n\tpage_id \u003d \"Detailed-View: \" + self.view.params.tagProps[0]\n\tCommands.analytics.send_page_details(whid, session_id, page_id)\n\tview \u003d config.mcm_router.buildViewPath(self.session.custom.fc, self.view.params.tagProps[0])\n\tsystem.perspective.navigate(page \u003d view)\n\t\n#\tnavigation.navigate_to_page.detailed_view(self, self.view.params.tagProps[0],self.view.params.tagProps[0], self.view.params.tagProps[3])"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "custom.area_display": {
        "binding": {
          "config": {
            "expression": "jsonGet({this.custom.plc_dict}, \"Area\")"
          },
          "type": "expr"
        }
      },
      "custom.plc_dict": {
        "binding": {
          "config": {
            "fallbackDelay": 2.5,
            "mode": "indirect",
            "references": {
              "fc": "{session.custom.fc}"
            },
            "tagPath": "[{fc}_SCADA_TAG_PROVIDER]Configuration/PLC"
          },
          "transforms": [
            {
              "expression": "jsonGet({value}, {view.params.tagProps[0]})",
              "type": "expression"
            }
          ],
          "type": "tag"
        }
      }
    },
    "props": {
      "direction": "column",
      "style": {
        "animationFillMode": "both",
        "borderBottomLeftRadius": 10,
        "borderBottomRightRadius": 10,
        "borderColor": "#555555",
        "borderStyle": "solid",
        "borderTopLeftRadius": 10,
        "borderTopRightRadius": 10,
        "borderWidth": 1,
        "box-shadow": "5px 5px 5px grey",
        "classes": "Background-Styles/Controller",
        "cursor": "pointer"
      }
    },
    "type": "ia.container.flex"
  }
}