From 714d78449f2bb984612747bb48fec27d4526528a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9Frul=20Gen=C3=A7o=C4=9Flu?=
 <gencoglutugrul@gmail.com>
Date: Sun, 12 Apr 2020 01:28:28 +0300
Subject: [PATCH] added tooltip for buttons

---
 src/lib/VueJanus.vue | 98 +++++++++++++++++++++++++++++---------------
 1 file changed, 66 insertions(+), 32 deletions(-)

diff --git a/src/lib/VueJanus.vue b/src/lib/VueJanus.vue
index 7801da1..1937185 100644
--- a/src/lib/VueJanus.vue
+++ b/src/lib/VueJanus.vue
@@ -107,6 +107,7 @@
                 direction="top"
                 open-on-hover
         >
+
             <template v-slot:activator>
                 <v-btn
                         v-model="fab"
@@ -118,38 +119,71 @@
                     <v-icon v-else>mdi-cog-outline</v-icon>
                 </v-btn>
             </template>
-            <v-btn
-                    fab
-                    dark
-                    small
-                    @click="sharePdf=true"
-            >
-                <v-icon>mdi-pdf-box</v-icon>
-            </v-btn> <v-btn
-                    fab
-                    dark
-                    small
-                    @click="$vuetify.theme.dark=!$vuetify.theme.dark"
-            >
-                <v-icon>mdi-compare</v-icon>
-            </v-btn>
-            <v-btn
-                    fab
-                    dark
-                    small
-
-                    @click="deviceSelectDialog = true"
-            >
-                <v-icon>mdi-camera-outline</v-icon>
-            </v-btn>
-            <v-btn
-                    fab
-                    :dark="!screenShareStarted"
-                    small
-                    @click="screenShareSwitch"
-            >
-                <v-icon>mdi-monitor-screenshot</v-icon>
-            </v-btn>
+
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
+                    <v-btn
+                        v-on="on"
+                        fab
+                        dark
+                        small
+                        @click="sharePdf=true"
+                    >
+                        <v-icon>mdi-pdf-box</v-icon>
+                    </v-btn> 
+                </template>
+
+                <span>Toggle Share PDF</span>
+            </v-tooltip>
+
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
+                    <v-btn
+                        v-on="on"
+                        fab
+                        dark
+                        small
+                        @click="$vuetify.theme.dark=!$vuetify.theme.dark"
+                    >
+                        <v-icon>mdi-compare</v-icon>
+                    </v-btn>
+                </template>
+
+                <span>Toggle Theme</span>
+            </v-tooltip>
+            
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
+                    <v-btn
+                        v-on="on"
+                            fab
+                            dark
+                            small
+
+                            @click="deviceSelectDialog = true"
+                    >
+                        <v-icon>mdi-camera-outline</v-icon>
+                    </v-btn>
+                </template>
+
+                <span>Toggle Camera</span>
+            </v-tooltip>
+            
+            <v-tooltip right>
+                <template v-slot:activator="{ on }">
+                    <v-btn
+                        v-on="on"
+                        fab
+                        :dark="!screenShareStarted"
+                        small
+                        @click="screenShareSwitch"
+                    >
+                        <v-icon>mdi-monitor-screenshot</v-icon>
+                    </v-btn>
+                </template>
+
+                <span>Toggle Share Screen</span>
+            </v-tooltip>
         </v-speed-dial>
     </v-container>
 </template>