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
              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: 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