From 090d353f3d86d4886603f28d9bb02ed0687428bd Mon Sep 17 00:00:00 2001
From: Elia Zammuto <theelixzammuto@gmail.com>
Date: Sun, 29 Aug 2021 18:42:09 +0200
Subject: [PATCH] Added Visual Feedback on action

---
 assets/web/troubleshooting.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/assets/web/troubleshooting.html b/assets/web/troubleshooting.html
index e551c8de..e1bed390 100644
--- a/assets/web/troubleshooting.html
+++ b/assets/web/troubleshooting.html
@@ -9,6 +9,12 @@
         If Moonlight complains about an app currently running, force closing the
         app should fix the issue
       </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>
       <button
@@ -26,6 +32,12 @@
       <h2>Unpair All Clients</h2>
       <br />
       <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>
       <button
@@ -58,6 +70,9 @@
           .then((r) => {
             this.closeAppPressed = false;
             this.closeAppStatus = r.status.toString() === "true";
+            setTimeout(() => {
+              this.closeAppStatus = null;
+            }, 5000);
           });
       },
       unpairAll() {
@@ -67,6 +82,9 @@
           .then((r) => {
             this.unpairAllPressed = false;
             this.unpairAllStatus = r.status.toString() === "true";
+            setTimeout(() => {
+              this.unpairAllStatus = null;
+            }, 5000);
           });
       },
     },