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>
69 lines
1.7 KiB
JavaScript
69 lines
1.7 KiB
JavaScript
const ANSI_UI_GRAY_400 = '\x1b[38;2;142;150;163m';
|
|
|
|
import { base64DecodeString, base64EncodeString } from 'nomad-ui/utils/encode';
|
|
|
|
export const HEARTBEAT_INTERVAL = 10000; // ten seconds
|
|
|
|
export default class ExecSocketXtermAdapter {
|
|
constructor(terminal, socket, token) {
|
|
this.terminal = terminal;
|
|
this.socket = socket;
|
|
this.token = token;
|
|
|
|
socket.onopen = () => {
|
|
this.sendWsHandshake();
|
|
this.sendTtySize();
|
|
this.startHeartbeat();
|
|
|
|
terminal.onData(data => {
|
|
this.handleData(data);
|
|
});
|
|
};
|
|
|
|
socket.onmessage = e => {
|
|
let json = JSON.parse(e.data);
|
|
|
|
// stderr messages will not be produced as the socket is opened with the tty flag
|
|
if (json.stdout && json.stdout.data) {
|
|
terminal.write(base64DecodeString(json.stdout.data));
|
|
}
|
|
};
|
|
|
|
socket.onclose = () => {
|
|
this.stopHeartbeat();
|
|
this.terminal.writeln('');
|
|
this.terminal.write(ANSI_UI_GRAY_400);
|
|
this.terminal.writeln('The connection has closed.');
|
|
// Issue to add interpretation of close events: https://github.com/hashicorp/nomad/issues/7464
|
|
};
|
|
|
|
terminal.resized = () => {
|
|
this.sendTtySize();
|
|
};
|
|
}
|
|
|
|
sendTtySize() {
|
|
this.socket.send(
|
|
JSON.stringify({ tty_size: { width: this.terminal.cols, height: this.terminal.rows } })
|
|
);
|
|
}
|
|
|
|
sendWsHandshake() {
|
|
this.socket.send(JSON.stringify({ version: 1, auth_token: this.token || '' }));
|
|
}
|
|
|
|
startHeartbeat() {
|
|
this.heartbeatTimer = setInterval(() => {
|
|
this.socket.send(JSON.stringify({}));
|
|
}, HEARTBEAT_INTERVAL);
|
|
}
|
|
|
|
stopHeartbeat() {
|
|
clearInterval(this.heartbeatTimer);
|
|
}
|
|
|
|
handleData(data) {
|
|
this.socket.send(JSON.stringify({ stdin: { data: base64EncodeString(data) } }));
|
|
}
|
|
}
|