Merge pull request #267 from Abdullah-Abuzaid/@bozaid/make-opening-oc…

…toprint-clear @bozaid/make opening octoprint clear
fdm-monster · Jun 23, 2023 · 4882a16 · 4882a16
2 parents f394d19 + 884d052
commit 4882a16
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fdm-monster/client",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
   "author": "David Zwart",
   "license": "AGPL-3.0-or-later",

diff --git a/src/assets/octoprint_logo_rgb_100px.png b/src/assets/octoprint_logo_rgb_100px.png
diff --git a/src/components/Generic/FileExplorerSideNav.vue b/src/components/Generic/FileExplorerSideNav.vue
@@ -10,9 +10,21 @@
   >
     <v-list-item>
       <v-list-item-avatar>
-        <v-btn color="primary" fab @click="openPrinterURL()" @click.middle="openPrinterURL()">
-          {{ avatarInitials() }}
-        </v-btn>
+        <v-tooltip left>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              color="primary"
+              fab
+              v-bind="attrs"
+              @click="openPrinterURL()"
+              v-on="on"
+              @click.middle="openPrinterURL()"
+            >
+              {{ avatarInitials() }}
+            </v-btn>
+          </template>
+          <span>Visit the OctoPrint associated to this printer</span>
+        </v-tooltip>
       </v-list-item-avatar>
       <v-list-item-content v-if="storedSideNavPrinter">
         <v-list-item-title>
@@ -74,6 +86,25 @@
     <v-list v-drop-upload="{ printers: [storedSideNavPrinter] }" dense subheader>
       <v-subheader inset>Manage FDM Monster instance</v-subheader>
 
+      <v-tooltip left>
+        <template v-slot:activator="{ on, attrs }">
+          <v-list-item
+            class="extra-dense-list-item"
+            link
+            @click.prevent.stop="openPrinterURL()"
+            v-bind="attrs"
+            v-on="on"
+          >
+            <v-list-item-avatar>
+              <v-icon>$vuetify.icons.octoprint</v-icon>
+            </v-list-item-avatar>
+            <v-list-item-content>
+              <span>Open OctoPrint</span>
+            </v-list-item-content>
+          </v-list-item>
+        </template>
+        <span>Visit the OctoPrint associated to this printer</span>
+      </v-tooltip>
       <v-list-item class="extra-dense-list-item" link @click.prevent.stop="toggleEnabled()">
         <v-list-item-avatar>
           <v-tooltip bottom>

diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
@@ -32,5 +32,8 @@ export default new Vuetify({
   },
   icons: {
     iconfont: "md",
+    values: {
+      octoprint: "directions",
+    },
   },
 });