From 07f5b69e9b8e4a1ede349019ff1fa862b74d110d Mon Sep 17 00:00:00 2001
From: Simone Gotti <simone.gotti@gmail.com>
Date: Wed, 8 May 2019 17:12:56 +0200
Subject: [PATCH] rundetail: make dropdown open on click

and not on hover
---
 src/components/rundetail.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/rundetail.vue b/src/components/rundetail.vue
index d4591c4..b3e3d80 100644
--- a/src/components/rundetail.vue
+++ b/src/components/rundetail.vue
@@ -16,11 +16,12 @@
               </div>
               <div class="run-actions column is-2 is-pulled-right">
                 <div
-                  class="dropdown is-hoverable is-right"
                   v-if="run.can_restart_from_scratch || run.can_restart_from_failed_tasks"
+                  class="dropdown is-right"
+                  v-bind:class="{ 'is-active': dropdownActive }"
                 >
                   <div class="dropdown-trigger">
-                    <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+                    <button class="button" @click="toggleDropdown()">
                       <span>Restart</span>
                       <span class="icon is-small">
                         <i class="mdi mdi-restart" aria-hidden="true"></i>
@@ -101,9 +102,14 @@ export default {
     run: Object
   },
   data() {
-    return {};
+    return {
+      dropdownActive: false
+    };
   },
   methods: {
+    toggleDropdown() {
+      this.dropdownActive = !this.dropdownActive;
+    },
     stillRunning(run) {
       return run.result != "unknown" && run.phase == "running";
     },
@@ -135,7 +141,10 @@ export default {
       return "unknown";
     },
     stopRun: stopRun,
-    restartRun: restartRun
+    restartRun(runid, fromStart) {
+      this.dropdownActive = false;
+      restartRun(runid, fromStart);
+    }
   }
 };
 </script>