github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/templates/components/drain-popover.hbs (about)

     1  <PopoverMenu
     2    data-test-drain-popover
     3    @isDisabled={{this.isDisabled}}
     4    @label={{if this.client.isDraining "Update Drain" "Drain"}}
     5    @tooltip={{if this.isDisabled "Not allowed to drain clients"}}
     6    @triggerClass={{concat
     7      "is-small "
     8      (if this.drain.isRunning "is-loading ")
     9      (if this.isDisabled "tooltip is-right-aligned"
    10    )}} as |m|>
    11    <form data-test-drain-popover-form onsubmit={{action (queue (action this.preventDefault) (perform this.drain m.actions.close))}} class="form is-small">
    12      <h4 class="group-heading">Drain Options</h4>
    13      <div class="field">
    14        <label class="label is-interactive">
    15          <Toggle
    16            data-test-drain-deadline-toggle
    17            @isActive={{this.deadlineEnabled}}
    18            @onToggle={{action (mut this.deadlineEnabled) value="target.checked"}}>
    19            Deadline
    20         </Toggle>
    21          <span class="tooltip multiline" aria-label="The amount of time a drain must complete within.">
    22            {{x-icon "info-circle-outline" class="is-faded"}}
    23          </span>
    24        </label>
    25      </div>
    26      {{#if this.deadlineEnabled}}
    27        <div class="field is-sub-field">
    28          <PowerSelect
    29            data-test-drain-deadline-option-select
    30            @tagName="div"
    31            @options={{this.durationQuickOptions}}
    32            @selected={{this.selectedDurationQuickOption}}
    33            @onChange={{action (mut this.selectedDurationQuickOption)}} as |opt|>
    34            {{opt.label}}
    35          </PowerSelect>
    36        </div>
    37        {{#if this.durationIsCustom}}
    38          <div class="field is-sub-field">
    39            <label class="label">Deadline</label>
    40            <input
    41              data-test-drain-custom-deadline
    42              type="text"
    43              class="input {{if this.parseError "is-danger"}}"
    44              placeholder="1h30m"
    45              oninput={{action (queue
    46                (action (mut this.parseError) '')
    47                (action (mut this.customDuration) value="target.value"))}} />
    48            {{#if this.parseError}}
    49              <em class="help is-danger">{{this.parseError}}</em>
    50            {{/if}}
    51          </div>
    52        {{/if}}
    53      {{/if}}
    54      <div class="field">
    55        <label class="label is-interactive">
    56          <Toggle
    57            data-test-force-drain-toggle
    58            @isActive={{this.forceDrain}}
    59            @onToggle={{action (mut this.forceDrain) value="target.checked"}}>
    60            Force Drain
    61         </Toggle>
    62          <span class="tooltip multiline" aria-label="Immediately remove allocations from the client.">
    63            {{x-icon "info-circle-outline" class="is-faded"}}
    64          </span>
    65        </label>
    66      </div>
    67      <div class="field">
    68        <label class="label is-interactive">
    69          <Toggle
    70            data-test-system-jobs-toggle
    71            @isActive={{this.drainSystemJobs}}
    72            @onToggle={{action (mut this.drainSystemJobs) value="target.checked"}}>
    73            Drain System Jobs
    74         </Toggle>
    75          <span class="tooltip multiline" aria-label="Stop allocations for system jobs.">
    76            {{x-icon "info-circle-outline" class="is-faded"}}
    77          </span>
    78        </label>
    79      </div>
    80      <div class="popover-actions">
    81        <button
    82          data-test-drain-submit
    83          type="button"
    84          class="popover-action is-primary"
    85          onclick={{perform this.drain m.actions.close}}>
    86          Drain
    87        </button>
    88        <button data-test-drain-cancel type="button" class="popover-action" onclick={{action m.actions.close}}>Cancel</button>
    89      </div>
    90    </form>
    91  </PopoverMenu>