itsulu/runboat
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add clicked status (hourglass)

Browse source 
To give visual feedback of the action, until
the new status comes back via the event stream.
This commit is contained in:
Stéphane Bidoul 2022-01-30 14:09:09 +01:00
parent 4a249ed9ca
commit b7906786bb
No known key found for this signature in database
GPG key ID: BCAB2555446B5B92
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/runboat/webui-templates/runboat-build-element.js
View file

@ -76,24 +76,32 @@ class RunboatBuildElement extends LitElement {
}
</p>
<p>
<button @click="${this.startHandler}" ?disabled="${this.build.status != "stopped"}">start</button>
<button @click="${this.stopHandler}" ?disabled="${this.build.status != "started"}">stop</button>
<button @click="${this.resetHandler}">reset</button>
<button @click="${this.startHandler}" ?disabled="${this.build.status != "stopped" || this.build.status == RunboatBuildElement.clickedStatus}">start</button>
<button @click="${this.stopHandler}" ?disabled="${this.build.status != "started" || this.build.status == RunboatBuildElement.clickedStatus}">stop</button>
<button @click="${this.resetHandler}" ?disabled="${this.build.status == RunboatBuildElement.clickedStatus}">reset</button>
</p>
</div>
`;
}
startHandler(e) {
fetch(`/api/v1/builds/${this.build.name}/start`, {method: 'POST'});
this.actionHandler("start");
}
stopHandler(e) {
fetch(`/api/v1/builds/${this.build.name}/stop`, {method: 'POST'});
this.actionHandler("stop");
}
resetHandler(e) {
fetch(`/api/v1/builds/${this.build.name}/reset`, {method: 'POST'});
this.actionHandler("reset");
}
static clickedStatus = "⏳";
actionHandler(action) {
this.build.status = RunboatBuildElement.clickedStatus;
this.requestUpdate();
fetch(`/api/v1/builds/${this.build.name}/${action}`, {method: 'POST'});
}
}