From 9cd9f3e01892d6d69e0a8e020aa15187ca02cc58 Mon Sep 17 00:00:00 2001
From: TheLD <Lars@adonris.de>
Date: Tue, 26 May 2020 18:22:35 +0200
Subject: [PATCH] add ui for tags
---
ui/src/components/Clients.vue | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/ui/src/components/Clients.vue b/ui/src/components/Clients.vue
index cfeaa8c..4d34028 100644
--- a/ui/src/components/Clients.vue
+++ b/ui/src/components/Clients.vue
@@ -44,6 +44,17 @@
{{ ip }}
</v-chip>
</template>
+ <template v-slot:item.tags="{ item }">
+ <v-chip
+ v-for="(tag, i) in item.tags"
+ :key="i"
+ color="blue-grey"
+ text-color="white"
+ >
+ <v-icon left>mdi-tag</v-icon>
+ {{ tag }}
+ </v-chip>
+ </template>
<template v-slot:item.created="{ item }">
<v-row>
<p>At {{ item.created | formatDate }} by {{ item.createdBy }}</p>
@@ -122,6 +133,17 @@
{{ ip }}
</v-chip>
</v-card-text>
+ <v-card-text class="text--primary">
+ <v-chip
+ v-for="(tag, i) in client.tags"
+ :key="i"
+ color="blue-grey"
+ text-color="white"
+ >
+ <v-icon left>mdi-tag</v-icon>
+ {{ tag }}
+ </v-chip>
+ </v-card-text>
<v-card-actions>
<v-tooltip bottom>
<template v-slot:activator="{ on }">
@@ -448,6 +470,7 @@
{ text: 'Name', value: 'name', },
{ text: 'Email', value: 'email', },
{ text: 'IP addresses', value: 'address', },
+ { text: 'Tags', value: 'tags', },
{ text: 'Created', value: 'created', sortable: false, },
{ text: 'Updated', value: 'updated', sortable: false, },
{ text: 'Actions', value: 'action', sortable: false, },
--
GitLab