Migrating UI for new data structures

This commit is contained in:
Stefan Zermatten
2021-10-15 11:12:40 +02:00
parent f3c52999e8
commit ea68cdf86f
35 changed files with 511 additions and 271 deletions

View File

@@ -35,10 +35,10 @@
{{ typeName || 'Type' }}
</v-tab>
<v-tab :disabled="!type">
Library
Create
</v-tab>
<v-tab :disabled="!type">
Create
Library
</v-tab>
</v-tabs>
<v-tabs-items
@@ -52,6 +52,22 @@
@select="e => type = e"
/>
</v-tab-item>
<v-tab-item :disabled="!type">
<v-card-text
v-if="!$slots['unwrapped-content']"
>
<component
:is="type"
v-if="type"
class="creature-property-form"
:model="model"
:errors="errors"
@change="change"
@push="push"
@pull="pull"
/>
</v-card-text>
</v-tab-item>
<v-tab-item :disabled="!type">
<v-expansion-panels
multiple
@@ -119,22 +135,6 @@
</v-fade-transition>
</v-layout>
</v-tab-item>
<v-tab-item :disabled="!type">
<v-card-text
v-if="!$slots['unwrapped-content']"
>
<component
:is="type"
v-if="type"
class="creature-property-form"
:model="model"
:errors="errors"
@change="change"
@push="push"
@pull="pull"
/>
</v-card-text>
</v-tab-item>
</v-tabs-items>
<template slot="actions">
<v-btn
@@ -145,7 +145,7 @@
</v-btn>
<v-spacer />
<v-btn
v-if="tab === 2"
v-if="tab === 1"
text
color="primary"
:disabled="!valid"
@@ -154,7 +154,7 @@
create
</v-btn>
<v-btn
v-else-if="tab === 1"
v-else-if="tab === 2"
text
color="primary"
:disabled="!selectedNodeIds.length"
@@ -275,9 +275,9 @@
this._subs.searchLibraryNodes.setData('type', type);
if (!type) return;
if (SKIP_LIBRARY_PROP_TYPES.includes(type)){
this.tab = 2;
} else {
this.tab = 1;
} else {
this.tab = 2;
}
this.schema = propertySchemasIndex[type];
this.validationContext = this.schema.newContext();