4d9fa38a5e
* ui: add parameterized dispatch interface This commit adds a new interface for dispatching parameteried jobs, if the user has the right permissions. The UI can be accessed by viewing a parameterized job and clicking on the "Dispatch Job" button located in the "Job Launches" section. * fix failing lint test * clean up dispatch and remove meta This commit cleans up a few things that had typos and inconsistent naming. In line with this, the custom `meta` view was removed in favor of using the included `AttributesTable`. * ui: encode dispatch job payload and start adding tests * ui: remove unused test imports * ui: redesign job dispatch form * ui: initial acceptance tests for dispatch job * ui: generate parameterized job children with correct id format * ui: fix job dispatch breadcrumb link * ui: refactor job dispatch component into glimmer component and add form validation * ui: remove unused CSS class * ui: align job dispatch button * ui: handle namespace-specific requests on job dispatch * ui: rename payloadMissing to payloadHasError * ui: don't re-fetch job spec on dispatch job * ui: keep overview tab selected on job dispatch page * ui: fix task and task-group linting * ui: URL encode job id on dispatch job tests * ui: fix error when job meta is null * ui: handle job dispatch from adapter * ui: add more tests for dispatch job page * ui: add "job dispatch" capability check * ui: update job dispatch from code review Co-authored-by: Luiz Aoqui <luiz@hashicorp.com>
78 lines
2.7 KiB
Handlebars
78 lines
2.7 KiB
Handlebars
{{#if this.errors}}
|
|
<div data-test-dispatch-error class="notification is-danger">
|
|
<h3 class="title is-4" data-test-parse-error-title>Dispatch Error</h3>
|
|
<ul>
|
|
{{#each this.errors as |error|}}
|
|
<li>{{error}}</li>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
{{/if}}
|
|
|
|
<form action="#" onsubmit="return false">
|
|
<h1 class="title">Dispatch an instance of '{{@job.name}}'</h1>
|
|
|
|
{{#each this.metaFields as |meta|}}
|
|
<div class="columns">
|
|
<div class="column is-6">
|
|
<div data-test-meta-field="{{ if meta.required "required" "optional" }}" class="field">
|
|
<label data-test-meta-field-label class="label {{if meta.error "has-text-danger"}}" for="{{meta.name}}">
|
|
{{meta.title}} {{#if meta.required}}*{{/if}}
|
|
</label>
|
|
<div class="control">
|
|
<input
|
|
data-test-meta-field-input
|
|
id="{{meta.name}}"
|
|
class="input {{if meta.error "is-danger"}}"
|
|
type="text"
|
|
value={{meta.value}}
|
|
oninput={{action (mut meta.value) value="target.value"}}
|
|
required={{meta.required}} >
|
|
|
|
<p class="help {{if meta.error "has-text-danger"}}">
|
|
{{#if meta.required}}Required{{else}}Optional{{/if}}
|
|
Meta Param
|
|
<span class="badge is-light is-faded">
|
|
<code>{{ meta.name }}</code>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
|
|
<div class="boxed-section {{if this.payloadHasError "is-danger"}}">
|
|
<div data-test-payload-head class="boxed-section-head">
|
|
Payload {{#if this.payloadRequired}}*{{/if}}
|
|
</div>
|
|
{{#if this.hasPayload}}
|
|
<div class="boxed-section-body is-full-bleed">
|
|
<IvyCodemirror
|
|
data-test-payload-editor
|
|
aria-label="Payload definition"
|
|
@valueUpdated={{action (mut this.payload)}}
|
|
@options={{hash
|
|
mode="javascript"
|
|
theme="hashi"
|
|
screenReaderLabel="Payload definition editor"
|
|
tabSize=2
|
|
lineNumbers=true
|
|
}} />
|
|
</div>
|
|
{{else}}
|
|
<div class="boxed-section-body">
|
|
<div data-test-empty-payload-message class="empty-message">
|
|
<h3 class="empty-message-headline">Payload Disabled</h3>
|
|
<p class="empty-message-body">Payload is disabled for this job.</p>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<div>
|
|
<button data-test-dispatch-button class="button is-primary" type="button" onclick={{action "dispatch"}}>Dispatch</button>
|
|
<button data-test-cancel-button class="button is-white" type="button" onclick={{action "cancel"}}>Cancel</button>
|
|
</div>
|
|
</form>
|