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

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