threshold-ui/ui/admin/app/templates/scopes/scope/sessions/index.hbs

{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

<Rose::Layout::Page as |page|>

  <page.breadcrumbs>
    <BreadCrumbs />
  </page.breadcrumbs>

  <page.header>
    <h2>
      {{t 'resources.session.title_plural'}}
      <DocLink @doc='session' @iconSize='large' />
    </h2>
    <p>{{t 'resources.session.description'}}</p>
  </page.header>

  <page.body>
    <Rose::Toolbar as |toolbar|>
      <toolbar.primary>
        <Rose::Form as |form|>
          {{#let
            (resource-filter 'scopes.scope.sessions' 'status')
            as |filter|
          }}
            <Rose::Dropdown
              @text={{t (concat 'form.' filter.name '.label')}}
              @count={{filter.selectedValue.length}}
              @ignoreClickInside={{true}}
              as |dropdown|
            >
              <form.checkboxGroup
                @name={{filter.name}}
                @items={{filter.allowedValues}}
                @selectedItems={{filter.selectedValue}}
                @onChange={{route-action 'filterBy' filter.name}}
                as |group|
              >
                <dropdown.item>
                  <group.checkbox
                    @label={{t (concat 'resources.session.status.' group.item)}}
                    value={{group.item}}
                  />
                </dropdown.item>
              </form.checkboxGroup>
            </Rose::Dropdown>
          {{/let}}

          {{#if
            (has-resource-filter-selections 'scopes.scope.sessions' 'status')
          }}
            <Rose::Button
              @style='inline-link-action'
              @iconLeft='flight-icons/svg/x-16'
              {{on 'click' (route-action 'clearAllFilters')}}
            >{{t 'actions.clear-all-filters'}}
            </Rose::Button>
          {{/if}}
        </Rose::Form>
      </toolbar.primary>

      <toolbar.secondary>
        <ToolbarRefresher @onClick={{route-action 'refreshSessions'}} />
      </toolbar.secondary>

    </Rose::Toolbar>

    {{#if @model}}
      <Rose::Table as |table|>
        <table.header as |header|>
          <header.row as |row|>
            <row.headerCell>{{t 'form.id.label'}}</row.headerCell>
            <row.headerCell>{{t 'resources.user.title'}}</row.headerCell>
            <row.headerCell>{{t 'resources.target.title'}}</row.headerCell>
            <row.headerCell>{{t 'form.started.label'}}</row.headerCell>
            <row.headerCell>{{t 'form.status.label'}}</row.headerCell>
            <row.headerCell>{{t 'titles.actions'}}</row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model as |sessionAggregate|}}
            <body.row as |row|>
              <row.headerCell class='nowrap'>
                <Rose::Icon
                  class={{concat
                    'session-status-'
                    sessionAggregate.session.status
                  }}
                  @name='flight-icons/svg/entry-point-16'
                  @size='medium'
                />
                <Copyable
                  @text={{sessionAggregate.session.id}}
                  @buttonText={{t 'actions.copy-to-clipboard'}}
                  @acknowledgeText={{t 'states.copied'}}
                >
                  <code>{{sessionAggregate.session.id}}</code>
                </Copyable>
              </row.headerCell>
              <row.cell>
                <code>{{sessionAggregate.user.id}}</code>
                {{#if sessionAggregate.user.accountName}}
                  <br />
                  <Hds::Badge @text={{sessionAggregate.user.accountName}} />
                {{/if}}
              </row.cell>
              <row.cell>{{sessionAggregate.target.displayName}}</row.cell>
              <row.cell>
                <time
                  datetime={{format-date-iso
                    sessionAggregate.session.created_time
                  }}
                >
                  {{format-date-iso-human
                    sessionAggregate.session.created_time
                  }}
                </time>
              </row.cell>
              <row.cell>
                <SessionStatus @model={{sessionAggregate.session}} />
              </row.cell>
              <row.cell>
                {{#if sessionAggregate.session.isCancelable}}
                  <Rose::Button
                    @style='secondary'
                    {{on
                      'click'
                      (route-action 'cancelSession' sessionAggregate.session)
                    }}
                  >
                    {{t 'actions.cancel'}}
                  </Rose::Button>
                {{/if}}
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>

    {{else if (has-resource-filter-selections
      'scopes.scope.sessions' 'status'
    )}}
      <Rose::Layout::Centered>
        <Rose::Message @title={{t 'titles.no-results'}} as |message|>
          <message.description>
            {{t 'descriptions.no-results'}}
          </message.description>
        </Rose::Message>
      </Rose::Layout::Centered>
    {{else}}
      <Rose::Layout::Centered>
        <Rose::Message
          @title={{t 'resources.session.messages.none.title'}}
          as |message|
        >
          <message.description>
            {{t 'resources.session.messages.none.description'}}
          </message.description>
        </Rose::Message>
      </Rose::Layout::Centered>
    {{/if}}
  </page.body>
</Rose::Layout::Page>