Add link to printer IP address in PrinterCard.vue
This commit is contained in:
parent
93d266ec0e
commit
88b348d8ea
|
@ -35,7 +35,15 @@
|
||||||
{{ printer.location || '-' }}
|
{{ printer.location || '-' }}
|
||||||
</v-list-item-title>
|
</v-list-item-title>
|
||||||
<v-list-item-subtitle>
|
<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-subtitle>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
<v-list-item>
|
<v-list-item>
|
||||||
|
@ -127,4 +135,13 @@ const printerAlert = computed(() => {
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.link {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user