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

     1  {{#if this.job.latestDeployment}}
     2    <div class="boxed-section {{if this.job.latestDeployment.isRunning "is-info"}}" data-test-active-deployment>
     3      <div class="boxed-section-head">
     4        <div class="boxed-section-row">
     5          {{if this.job.latestDeployment.isRunning "Active" "Latest"}} Deployment
     6          <span class="badge is-white {{if this.job.latestDeployment.isRunning "is-subtle"}} bumper-left" data-test-active-deployment-stat="id">{{this.job.latestDeployment.shortId}}</span>
     7          {{#if this.job.latestDeployment.version.submitTime}}
     8            <span class="pull-right submit-time tooltip" data-test-active-deployment-stat="submit-time" aria-label="{{format-ts this.job.latestDeployment.version.submitTime}}">
     9              {{moment-from-now this.job.latestDeployment.version.submitTime}}
    10            </span>
    11          {{/if}}
    12        </div>
    13        <div class="boxed-section-row">
    14          <span class="tag is-outlined {{this.job.latestDeployment.statusClass}}" data-test-deployment-status="{{this.job.latestDeployment.statusClass}}">
    15            {{this.job.latestDeployment.status}}
    16          </span>
    17          <div class="pull-right">
    18            {{#if this.job.latestDeployment.isRunning}}
    19              <TwoStepButton
    20                data-test-fail
    21                @classes={{hash
    22                  idleButton="is-danger"
    23                  confirmationMessage="inherit-color"
    24                  confirmButton="is-danger"}}
    25                @idleText="Fail Deployment"
    26                @cancelText="Cancel"
    27                @confirmText="Yes, Fail Deployment"
    28                @confirmationMessage="Are you sure?"
    29                @inlineText={{true}}
    30                @awaitingConfirmation={{this.fail.isRunning}}
    31                @disabled={{this.fail.isRunning}}
    32                @onConfirm={{perform this.fail}} />
    33            {{/if}}
    34            {{#if this.job.latestDeployment.requiresPromotion}}
    35              <button
    36                data-test-promote-canary
    37                type="button"
    38                class="button is-warning is-small {{if this.promote.isRunning "is-loading"}}"
    39                disabled={{this.promote.isRunning}}
    40                onclick={{perform this.promote}}>Promote Canary</button>
    41            {{/if}}
    42          </div>
    43        </div>
    44      </div>
    45      <div class="boxed-section-body with-foot">
    46        <JobDeploymentDetails @deployment={{this.job.latestDeployment}} as |d|>
    47          <d.metrics />
    48          {{#if this.isShowingDeploymentDetails}}
    49            <d.taskGroups />
    50            <d.allocations />
    51          {{/if}}
    52        </JobDeploymentDetails>
    53      </div>
    54      <div class="boxed-section-foot">
    55        <a class="pull-right" {{action (toggle "isShowingDeploymentDetails" this)}} href="#" data-test-deployment-toggle-details>
    56          {{if this.isShowingDeploymentDetails "Hide" "Show"}} deployment task groups and allocations
    57        </a>
    58      </div>
    59    </div>
    60  {{/if}}