summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupView.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleGroupView.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupView.vue5
1 files changed, 4 insertions, 1 deletions
diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index deda78b..fcfd390 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -58,7 +58,7 @@
<div class="info-text">
<select-box v-if="editMode" v-model="parents" :items="groupList" class="info-input" hide-details></select-box>
<div v-else class="chip-container">
- <v-chip v-for="(parent, index) in group.parents" :key="parent.id" v-if="index < 5" small label style="width: calc(50% - 8px)">
+ <v-chip v-for="parent in firstParents" :key="parent.id" small label style="width: calc(50% - 8px)">
<span class="chip-text">{{ parent.name || parent.id }}</span>
</v-chip>
<span v-if="group.parents && group.parents.length > 5" class="and-more">+ {{ group.parents.length - 5 }} {{ $t('more') }}</span>
@@ -211,6 +211,9 @@ export default {
return [
{ key: 'name', text: this.$t('name') }
]
+ },
+ firstParents () {
+ return this.group.parents.slice(0, 5)
}
},
watch: {