github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/app/templates/components/job-page/parts/children.hbs (about)

     1  <div class="boxed-section-head">
     2    Job Launches
     3    {{#if this.job.parameterized}}
     4      {{#if (can "dispatch job" namespace=this.job.namespace)}}
     5        <LinkTo
     6          data-test-dispatch-button
     7          @route="jobs.job.dispatch"
     8          class="button is-primary is-compact pull-right"
     9        >
    10          Dispatch Job
    11        </LinkTo>
    12      {{else}}
    13        <button
    14          data-test-dispatch-button
    15          class="button is-disabled is-primary is-compact pull-right tooltip multiline"
    16          aria-label="You don’t have permission to dispatch jobs"
    17          disabled
    18          type="button"
    19        >
    20          Dispatch Job
    21        </button>
    22      {{/if}}
    23    {{/if}}
    24  </div>
    25  <div
    26    class="boxed-section-body {{if this.sortedChildren.length "is-full-bleed"}}"
    27  >
    28    {{#if this.sortedChildren}}
    29      <ListPagination
    30        @source={{this.sortedChildren}}
    31        @size={{this.pageSize}}
    32        @page={{this.currentPage}} as |p|
    33      >
    34        <ListTable
    35          @source={{p.list}}
    36          @sortProperty={{this.sortProperty}}
    37          @sortDescending={{this.sortDescending}}
    38          @class="with-foot" as |t|
    39        >
    40          <t.head data-test-jobs-header>
    41            <t.sort-by @prop="name">
    42              Name
    43            </t.sort-by>
    44            {{#if this.system.shouldShowNamespaces}}
    45              <t.sort-by @prop="namespace.name" data-test-jobs-namespace-header>
    46                Namespace
    47              </t.sort-by>
    48            {{/if}}
    49            <t.sort-by @prop="submitTime" data-test-jobs-submit-time-header>
    50              Submitted At
    51            </t.sort-by>
    52            <t.sort-by @prop="status">
    53              Status
    54            </t.sort-by>
    55            <t.sort-by @prop="type">
    56              Type
    57            </t.sort-by>
    58            <t.sort-by @prop="priority">
    59              Priority
    60            </t.sort-by>
    61            <th>
    62              Groups
    63            </th>
    64            <th class="is-3">
    65              Summary
    66            </th>
    67          </t.head>
    68          <t.body @key="model.id" as |row|>
    69            <JobRow data-test-job-row @job={{row.model}} @context="child" />
    70          </t.body>
    71        </ListTable>
    72        <div class="table-foot">
    73          <PageSizeSelect @onChange={{action this.resetPagination}} />
    74          <nav class="pagination">
    75            <div class="pagination-numbers">
    76              {{p.startsAt}}
    77              –
    78              {{p.endsAt}}
    79              of
    80              {{this.sortedChildren.length}}
    81            </div>
    82            <p.prev @class="pagination-previous">
    83              {{x-icon "chevron-left"}}
    84            </p.prev>
    85            <p.next @class="pagination-next">
    86              {{x-icon "chevron-right"}}
    87            </p.next>
    88            <ul class="pagination-list"></ul>
    89          </nav>
    90        </div>
    91      </ListPagination>
    92    {{else}}
    93      <div class="empty-message">
    94        <h3 class="empty-message-headline">
    95          No Job Launches
    96        </h3>
    97        <p class="empty-message-body">
    98          No remaining living job launches.
    99        </p>
   100      </div>
   101    {{/if}}
   102  </div>