{
  "eventsAndFunctions": [
    {
      "algorithm": {
        "parameters": [],
        "statements": [
          {
            "command": "ReadModel",
            "modelVariableName": "process",
            "variableName": "process"
          },
          {
            "command": "Execute",
            "expression": "setProcessItem(^process)"
          },
          {
            "command": "SetValue",
            "expression": "^process",
            "widgetName": "processDetailContainer"
          }
        ],
        "typeReturn": "any",
        "variables": [
          {
            "name": "process",
            "type": "Process"
          }
        ]
      },
      "name": "main_init"
    },
    {
      "algorithm": {
        "parameters": [
          {
            "name": "process",
            "type": "Process"
          }
        ],
        "statements": [
          {
            "children": [
              {
                "command": "Set",
                "expression": "ProcessBff.ListRspdProcessItems({processId: ^process.processId})",
                "variableName": "process.items"
              }
            ],
            "command": "If",
            "expression": "IsNotNull(^process) && IsNotNull(^process.processId)"
          }
        ],
        "typeReturn": "any",
        "variables": []
      },
      "name": "setProcessItem"
    }
  ],
  "model": [
    {
      "name": "process",
      "required": true,
      "type": "ProcessBff.RspdProcess"
    }
  ],
  "root": {
    "children": [
      {
        "children": [
          {
            "htmlTemplate": "<article class=\"blz-flex-row sd-margin-large\">\n    <section class=\"blz-flex-row blz-responsive-col-6\">\n        <section class=\"blz-flex-column sd-margin-large\">\n            <span class=\"blz-text-bold\">[[Code]]</span>\n            <span class=\"blz-text-bold\">[[Name]]</span>\n            <span class=\"blz-text-bold\">[[Position]]</span>\n            <span class=\"blz-text-bold\">[[Enabled]]</span>\n            <span class=\"blz-text-bold\">[[LastUpdate]]</span>\n            <span class=\"blz-text-bold\">[[UserLastUpdate]]</span>\n        </section>\n        <section class=\"blz-flex-column sd-margin-large\">\n            <span>{{code}}</span>\n            <span>{{name}}</span>\n            <span>{{positionId}}</span>\n            <img src=\"./icons/{{#compare disabled '0'}}check.svg{{else}}remove.svg{{/compare}}\" height=\"16\" width=\"16\">\n            <span>{{format lastUpdate 'DateTime'}}</span>\n            <span>{{userLastUpdate}}</span>\n        </section>\n    </section>\n    <section class=\"blz-flex-row sd-margin-large blz-responsive-col-5\">\n        <section class=\"blz-flex-column sd-margin-large\">\n            <span class=\"blz-text-bold\">[[Interactions]]:</span>\n        </section>\n        <section class=\"blz-flex-column sd-margin-large\">\n            {{#each items}}\n           \t\t<section style=\"background-color: #e6e6e69e;border-radius:5px;padding:8px;margin: 0px 0px 8px;border: solid 1px #40404082;\">\n                \t<img src=\"./icons/platform.svg\" height=\"16\" width=\"16\">\n                \t<span>{{name}}</span>\n               \t </section>\n            {{/each}}\n        </section>\n    </section>\n</article>",
            "name": "processDetailContainer",
            "widget": "HtmlRenderer"
          }
        ],
        "cssClass": "blz-area-default",
        "layout": "fit"
      }
    ],
    "layout": "responsive"
  },
  "routing": null,
  "unused": []
}