id: stage
type: PageHeaderMenu
properties:
  title: Stage

requests:
  - id: all_components
    type: AxiosHttp
    connectionId: api
    properties:
      url: /

events:
  onInit:
    - id: retrieve_components
      type: Request
      params: all_components
    # - id: set_components
    #   type: setState
    #   params:
    #     all_components:
    #       _request: all_components

layout:
  contentJustify: center

areas:
  content:
    blocks:
      - id: content
        type: Card
        layout:
          size: 1000
          contentGutter: 10
        blocks:
          - id: title
            type: Title
            layout:
              span: 24
            properties:
              content: Stage
          - id: component_table
            type: AgGridAlpine
            layout:
              height: 500
            properties:
              rowData:
                _request: all_components.data
                # - component: VI_IT_VIRTUALIZATION
                #   version: 2.4.0
                #   os: vSphere 7.0U3a
                # - component: VI_IT_SRV_LIN_UBUNTU
                #   version: 1.3.0
                #   os: Ubuntu 18.04 LTS
                # - component: VI_IT_SRV_WIN
                #   version: 3.9.1
                #   os: Windows Server 2019 Enterprise
                # - component: VI_IT_CLT_WIN
                #   version: 3.6.0
                #   os: Windows 10 IoT Enterprise
              defaultColDef:
                sortable: false
                resizable: false
                filter: false
              rowSelection: multiple
              columnDefs:
                - headerName: Component name
                  field: component
                  checkboxSelection: true
                  flex: 2
                  autoHeight: true
                - headerName: Component Version
                  field: version
                  flex: 1
                - headerName: Operating system
                  field: os
                  flex: 2


          - id: rest_data
            type: Markdown
            properties:
              content:
                _string.concat:
                  - |
                    ```yaml
                  - _yaml.stringify:
                      - _log:
                          _request: all_components
                  - |
                    ```

          - id: bottomrow
            type: Box
            layout:
              span: 24
              contentGutter: 10
            blocks:
              - id: reset_button
                type: Button
                layout:
                  grow: 1
                properties:
                  title: Reset
                  icon: ClearOutlined
                  block: true
                  type: default
                events:
                  onClick:
                    - id: reset
                      type: Reset
              - id: start_download
                type: Button
                layout:
                  grow: 3
                properties:
                  title: Download Images
                  icon: CloudDownloadOutlined
                  block: true