summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/SelectBox.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/SelectBox.vue')
-rw-r--r--webapp/src/components/SelectBox.vue22
1 files changed, 22 insertions, 0 deletions
diff --git a/webapp/src/components/SelectBox.vue b/webapp/src/components/SelectBox.vue
index 5deafa3..ff3a2f9 100644
--- a/webapp/src/components/SelectBox.vue
+++ b/webapp/src/components/SelectBox.vue
@@ -53,6 +53,21 @@
:row-count="6"
:single-select="singleSelect"
>
+ <template #[textKey]="row">
+ <v-tooltip top>
+ <template v-slot:activator="{ on }">
+ <span style="font-size: 10px; opacity: 0.6" v-on="on">
+ {{ pathPreview(row.item.paths) }}
+ </span>
+ </template>
+ <div style="font-size: 11px" v-for="(path, index) in row.item.paths" :key="index">
+ {{ formatPath(path) }}
+ </div>
+ </v-tooltip>
+ <div>
+ {{ row.item.name }}
+ </div>
+ </template>
</data-table>
</v-card>
</v-menu>
@@ -166,6 +181,13 @@ export default {
const newValue = this.value.slice(0)
newValue.splice(index, 1)
this.$emit('input', newValue)
+ },
+ formatPath (path) {
+ return path.join(' > ')
+ },
+ pathPreview (paths) {
+ if (paths.length > 0) return paths[0].slice(Math.max(paths[0].length - 2, 0)).join(' > ')
+ return ''
}
}
}