Added Visual Feedback on action

This commit is contained in:
Elia Zammuto
2021-08-29 18:42:09 +02:00
parent c4b371ccc9
commit 090d353f3d

View File

@@ -9,6 +9,12 @@
If Moonlight complains about an app currently running, force closing the If Moonlight complains about an app currently running, force closing the
app should fix the issue app should fix the issue
</p> </p>
<div class="alert alert-success" v-if="closeAppStatus === true">
Application Closed Successfuly!
</div>
<div class="alert alert-danger" v-if="closeAppStatus === false">
Error while closing Appplication
</div>
</div> </div>
<div> <div>
<button <button
@@ -26,6 +32,12 @@
<h2>Unpair All Clients</h2> <h2>Unpair All Clients</h2>
<br /> <br />
<p>Remove all your paired devices</p> <p>Remove all your paired devices</p>
<div class="alert alert-success" v-if="unpairAllStatus === true">
Unpair Successful!
</div>
<div class="alert alert-danger" v-if="unpairAllStatus === false">
Error while unpairing
</div>
</div> </div>
<div> <div>
<button <button
@@ -58,6 +70,9 @@
.then((r) => { .then((r) => {
this.closeAppPressed = false; this.closeAppPressed = false;
this.closeAppStatus = r.status.toString() === "true"; this.closeAppStatus = r.status.toString() === "true";
setTimeout(() => {
this.closeAppStatus = null;
}, 5000);
}); });
}, },
unpairAll() { unpairAll() {
@@ -67,6 +82,9 @@
.then((r) => { .then((r) => {
this.unpairAllPressed = false; this.unpairAllPressed = false;
this.unpairAllStatus = r.status.toString() === "true"; this.unpairAllStatus = r.status.toString() === "true";
setTimeout(() => {
this.unpairAllStatus = null;
}, 5000);
}); });
}, },
}, },