summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/GroupModuleGroupInfo.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/GroupModuleGroupInfo.vue')
-rw-r--r--webapp/src/components/GroupModuleGroupInfo.vue54
1 files changed, 34 insertions, 20 deletions
diff --git a/webapp/src/components/GroupModuleGroupInfo.vue b/webapp/src/components/GroupModuleGroupInfo.vue
index 141fd13..bcefe7f 100644
--- a/webapp/src/components/GroupModuleGroupInfo.vue
+++ b/webapp/src/components/GroupModuleGroupInfo.vue
@@ -67,25 +67,6 @@
</div>
</div>
</v-flex>
- <v-flex>
- <div class="info-box">
- <div class="body-2 info-heading"><v-icon>list</v-icon><span>{{ $t('config') }}</span></div>
- <div class="info-text">
- <v-select v-if="editMode"
- class="info-input"
- clearable
- item-text="name"
- item-value="id"
- :menu-props="{ offsetY: '' }"
- hide-details
- color="primary"
- v-model="info.configId"
- :items="configList"
- ></v-select>
- <div v-else>{{ group.config ? (group.config.name || group.config.id) : '-' }}</div>
- </div>
- </div>
- </v-flex>
</v-layout>
</v-flex>
<v-flex lg4 sm6 xs12 order-lg2 order-xs3>
@@ -146,12 +127,44 @@
</div>
</v-flex>
</v-layout>
+ <v-layout>
+ <v-flex :lg4="editMode" :sm6="editMode" :xs12="editMode">
+ <div class="info-box">
+ <div class="body-2 info-heading"><v-icon>list</v-icon><span>{{ $t('config') }}</span></div>
+ <div class="info-text">
+ <v-select v-if="editMode"
+ class="info-input"
+ clearable
+ item-text="name"
+ item-value="id"
+ :menu-props="{ offsetY: '' }"
+ hide-details
+ color="primary"
+ v-model="info.configId"
+ :items="configList"
+ ></v-select>
+ <div v-else style="display: flex">
+ <template v-for="(config, index) in group.configPath">
+ <v-icon :key="index + 'icon'" v-if="index" style="margin: 0 -6px">keyboard_arrow_left</v-icon>
+ <config-chip
+ :key="index"
+ :config="config"
+ :assigned="config.source && config.source.type === 'GROUP' && config.source.id === group.id"
+ :active="index === 0"
+ ></config-chip>
+ </template>
+ </div>
+ </div>
+ </div>
+ </v-flex>
+ </v-layout>
</v-card-text>
</div>
</template>
<script>
import SelectBox from '@/components/SelectBox'
+import ConfigChip from '@/components/ConfigChip'
import { mapState, mapMutations } from 'vuex'
export default {
@@ -166,7 +179,8 @@ export default {
}
},
components: {
- SelectBox
+ SelectBox,
+ ConfigChip
},
data () {
return {