Commit 9fb2b4df authored by Luna Riegel's avatar Luna Riegel
Browse files

Use buttons for catalogue entry GUI

parent 36204e3b
......@@ -8,21 +8,22 @@
<template #default>
<v-expansion-panels v-for = "(subcats, categoryName) in objLib" :key="categoryName">
<v-expansion-panel >
<v-expansion-panel-title>{{ categoryName }}</v-expansion-panel-title>
<v-expansion-panel-title class="text-h5">{{ categoryName }}</v-expansion-panel-title>
<v-container v-for="(entries, subCategory) in subcats" :key = "subCategory" class=" py-1 px-1 border-b-md" expandable>
<v-col>
<VcsLabel class="mb-4">{{subCategory}}</VcsLabel>
<VcsLabel class="mb-4 text-h2">{{subCategory}}</VcsLabel>
<v-list>
<v-row>
<v-list-item
v-for="entry in entries"
:key="entry.title"
class="d-flex align-center my-0 mx-1 border"
@click="fetchCatalogueModel(entry.model)"
style ="cursor: pointer;"
>
<img :src="entry.icon" :alt="entry.icon"/>
</v-list-item>
<vcs-button
v-for="entry in entries"
:key="entry.title"
@click="fetchCatalogueModel(entry.model)"
class="p-0 mx-1 my-0 border gc-2"
style="width: auto; height: auto; margin-left: 1rem; margin-bottom: 1px;"
variant="filled"
>
<img :src="entry.icon" :alt="entry.icon" style="display: block; max-width: 100%; max-height: 100%;" />
</vcs-button>
</v-row>
</v-list>
</v-col>
......@@ -107,7 +108,7 @@ import {
VcsFormButton,
VcsFormSection,
VcsLabel,
VcsList,
VcsList, VcsListItemComponent,
VcsTextField,
VcsTreeview,
VcsTreeviewTitle,
......@@ -385,6 +386,7 @@ function uploadModel() {
export default {
name: 'objectList',
components: {
VcsListItemComponent,
VcsButton,
VcsLabel,
VcsExpansionPanel,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment