summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/LogModuleEntry.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/LogModuleEntry.vue')
-rw-r--r--webapp/src/components/LogModuleEntry.vue51
1 files changed, 48 insertions, 3 deletions
diff --git a/webapp/src/components/LogModuleEntry.vue b/webapp/src/components/LogModuleEntry.vue
index a8de4a8..2e9ce67 100644
--- a/webapp/src/components/LogModuleEntry.vue
+++ b/webapp/src/components/LogModuleEntry.vue
@@ -1,8 +1,24 @@
<i18n>
{
"en": {
+ "id": "ID",
+ "name": "Name",
+ "description": "Description",
+ "ip": "IP",
+ "mac": "MAC",
+ "uuid": "UUID",
+ "username": "Username",
+ "deleted": "Deleted"
},
"de": {
+ "id": "ID",
+ "name": "Name",
+ "description": "Beschreibung",
+ "ip": "IP",
+ "mac": "MAC",
+ "uuid": "UUID",
+ "username": "Benutzername",
+ "deleted": "Gelöscht"
}
}
</i18n>
@@ -17,7 +33,17 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.clientSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <div v-if="item.client.deleted" class="error--text" style="text-align: center; font-weight: bold;">{{ $t('deleted') }}</div>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.clientSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.clientSnapshot.name }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('description') }}</td><td style="white-space: pre;">{{ item.clientSnapshot.description }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('ip') }}</td><td>{{ item.clientSnapshot.ip }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('mac') }}</td><td>{{ item.clientSnapshot.mac }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('uuid') }}</td><td>{{ item.clientSnapshot.uuid }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -30,7 +56,13 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.groupSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.groupSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.groupSnapshot.name }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('description') }}</td><td style="white-space: pre;">{{ item.groupSnapshot.description }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -43,7 +75,13 @@
</v-btn>
</template>
<template #default>
- <v-card style="user-select: text;"><v-card-text>{{ item.userSnapshot }}</v-card-text></v-card>
+ <v-card style="user-select: text;"><v-card-text>
+ <table>
+ <tr><td class="snapshot-key">{{ $t('id') }}</td><td>{{ item.userSnapshot.id }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('username') }}</td><td>{{ item.userSnapshot.username }}</td></tr>
+ <tr><td class="snapshot-key">{{ $t('name') }}</td><td>{{ item.userSnapshot.name }}</td></tr>
+ </table>
+ </v-card-text></v-card>
</template>
</v-menu>
</template>
@@ -119,6 +157,13 @@ export default {
text-overflow: ellipsis;
text-transform: none;
}
+
+.snapshot-key {
+ vertical-align: top;
+ font-weight: bold;
+ text-align: right;
+ padding-right: 16px;
+}
</style>
<style>