From 88b348d8ea4cadcf0e4571d953bae760a0835a91 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Mon, 22 Jan 2024 08:03:18 -0400
Subject: [PATCH] Add link to printer IP address in PrinterCard.vue

---
 web/src/components/PrinterCard.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/web/src/components/PrinterCard.vue b/web/src/components/PrinterCard.vue
index 764f731..2e6ef80 100644
--- a/web/src/components/PrinterCard.vue
+++ b/web/src/components/PrinterCard.vue
@@ -35,7 +35,15 @@
               {{ printer.location || '-' }}
             </v-list-item-title>
             <v-list-item-subtitle>
-              {{ printer.ip }} ({{ printer.network.name }})
+              <a
+                class="link"
+                :href="`http://${printer.ip}`"
+                target="_blank"
+                rel="noreferrer"
+              >
+                {{ printer.ip }} ({{ printer.network.name }})
+                <v-icon size="x-small">mdi-open-in-new</v-icon>
+              </a>
             </v-list-item-subtitle>
           </v-list-item>
           <v-list-item>
@@ -127,4 +135,13 @@ const printerAlert = computed(() => {
   top: 0;
   z-index: 99;
 }
+
+.link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.link:hover {
+  text-decoration: underline;
+}
 </style>