github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/servers/index.hbs (about)

     1  {{page-title "Servers"}}
     2  <section class="section">
     3    {{#if this.isForbidden}}
     4      <ForbiddenMessage />
     5    {{else}}
     6      <ListPagination
     7        @source={{this.sortedAgents}}
     8        @size={{this.pageSize}}
     9        @page={{this.currentPage}} as |p|>
    10        <ListTable
    11          @source={{p.list}}
    12          @sortProperty={{this.sortProperty}}
    13          @sortDescending={{this.sortDescending}}
    14          @class="with-foot" as |t|>
    15          <t.head>
    16            <t.sort-by @prop="name">Name</t.sort-by>
    17            <t.sort-by @prop="status">Status</t.sort-by>
    18            <t.sort-by @prop="isLeader">Leader</t.sort-by>
    19            <t.sort-by @class="is-200px is-truncatable" @prop="address">Address</t.sort-by>
    20            <t.sort-by @prop="serfPort">port</t.sort-by>
    21            <t.sort-by @prop="datacenter">Datacenter</t.sort-by>
    22            <t.sort-by @prop="version">Version</t.sort-by>
    23          </t.head>
    24          <t.body as |row|>
    25            <ServerAgentRow data-test-server-agent-row @agent={{row.model}} />
    26          </t.body>
    27        </ListTable>
    28        <div class="table-foot">
    29          <nav class="pagination">
    30            <div class="pagination-numbers">
    31              {{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedAgents.length}}
    32            </div>
    33            <p.prev @class="pagination-previous"> &lt; </p.prev>
    34            <p.next @class="pagination-next"> &gt; </p.next>
    35            <ul class="pagination-list"></ul>
    36          </nav>
    37        </div>
    38      </ListPagination>
    39    {{/if}}
    40  </section>