github.com/hernad/nomad@v1.6.112/ui/app/templates/components/job-dispatch.hbs (about)

     1  {{!
     2    Copyright (c) HashiCorp, Inc.
     3    SPDX-License-Identifier: MPL-2.0
     4  ~}}
     5  
     6  {{#if this.errors}}
     7    <div data-test-dispatch-error class="notification is-danger">
     8      <h3 class="title is-4" data-test-parse-error-title>Dispatch Error</h3>
     9      <ul>
    10        {{#each this.errors as |error|}}
    11          <li>{{error}}</li>
    12        {{/each}}
    13      </ul>
    14    </div>
    15  {{/if}}
    16  
    17  <form action="#" onsubmit="return false">
    18    <h1 class="title">Dispatch an instance of '{{@job.name}}'</h1>
    19  
    20    {{#each this.metaFields as |meta|}}
    21      <div class="columns">
    22          <div class="column is-6">
    23            <div data-test-meta-field="{{ if meta.required "required" "optional" }}" class="field">
    24              <label data-test-meta-field-label class="label {{if meta.error "has-text-danger"}}" for="{{meta.name}}">
    25                {{meta.title}} {{#if meta.required}}*{{/if}}
    26              </label>
    27              <div class="control">
    28                <input
    29                  data-test-meta-field-input
    30                  id="{{meta.name}}"
    31                  class="input {{if meta.error "is-danger"}}"
    32                  type="text"
    33                  value={{meta.value}}
    34                  oninput={{action (mut meta.value) value="target.value"}}
    35                  required={{meta.required}} >
    36  
    37                <p class="help {{if meta.error "has-text-danger"}}">
    38                  {{#if meta.required}}Required{{else}}Optional{{/if}}
    39                  Meta Param
    40                  <span class="badge is-light is-faded">
    41                    <code>{{ meta.name }}</code>
    42                  </span>
    43                </p>
    44              </div>
    45            </div>
    46          </div>
    47      </div>
    48    {{/each}}
    49  
    50    <div class="boxed-section {{if this.payloadHasError "is-danger"}}">
    51      <div data-test-payload-head class="boxed-section-head">
    52        Payload {{#if this.payloadRequired}}*{{/if}}
    53      </div>
    54      {{#if this.hasPayload}}
    55        <div class="boxed-section-body is-full-bleed">
    56          <div
    57            data-test-payload-editor
    58            {{code-mirror
    59              theme="hashi"
    60              onUpdate=(action (mut this.payload))
    61              mode="javascript"
    62              screenReaderLabel="Payload definition"
    63            }}
    64          />
    65        </div>
    66      {{else}}
    67        <div class="boxed-section-body">
    68          <div data-test-empty-payload-message class="empty-message">
    69            <h3 class="empty-message-headline">Payload Disabled</h3>
    70            <p class="empty-message-body">Payload is disabled for this job.</p>
    71          </div>
    72        </div>
    73      {{/if}}
    74    </div>
    75  
    76    <div>
    77      <button data-test-dispatch-button class="button is-primary" type="button" onclick={{action "dispatch"}}>Dispatch</button>
    78      <button data-test-cancel-button class="button is-white" type="button" onclick={{action "cancel"}}>Cancel</button>
    79    </div>
    80  </form>