From 1d0b98c56d4cee02b8355850da447dc2671bbd02 Mon Sep 17 00:00:00 2001
From: Nishanthi Dasanayaka <n.dasanayaka@uq.edu.au>
Date: Tue, 1 Oct 2024 10:40:04 +1000
Subject: [PATCH] [UPDATED]- Tooltips added to buttons

---
 src/components/DesktopManagerComponent.vue | 33 ++++++++++++++++------
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/components/DesktopManagerComponent.vue b/src/components/DesktopManagerComponent.vue
index 8f8b86b..a6dc264 100644
--- a/src/components/DesktopManagerComponent.vue
+++ b/src/components/DesktopManagerComponent.vue
@@ -52,11 +52,20 @@
                     >
                     </v-select>
                 </v-col>
-                <v-btn class="my-1" color="success" rounded dark large 
-                        @click="launchProgram" 
-                        > 
-                        Open Program
-                </v-btn>
+                <v-tooltip bottom >
+
+                    <template v-slot:activator="{ on, attrs }" >
+                        <v-btn class="my-1" color="success" rounded dark large v-bind="attrs" 
+                            v-on="on"
+                                @click="launchProgram" 
+                                > 
+                                Open Program
+                        </v-btn>
+    
+                    </template>
+                    <span>Click to open a program on the current desktop or on a new one</span>
+                   
+                </v-tooltip>
             </v-row>
         </div>
 
@@ -123,9 +132,17 @@
                 </v-col>                    
             </v-row> -->
             <v-row v-if="desktopManagerOnly===false" align="center" justify="center" class="mx-5">
-                <v-btn class="my-1" color="success" rounded dark large @click="launchIPPDesktop"> 
-                        Launch IPP Desktop
-                </v-btn>
+                <v-tooltip bottom >
+                    <template v-slot:activator="{ on, attrs }" >
+
+                        <v-btn class="my-1" color="success" rounded dark large v-bind="attrs" 
+                        v-on="on" @click="launchIPPDesktop"> 
+                                Launch IPP Desktop
+                        </v-btn>
+                    </template>
+                    <span>Click to launch a new desktop</span>
+
+                </v-tooltip>
             </v-row> 
 
         </div>