jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Property insert forms now have color selectors

Browse Source
This commit is contained in:
Stefan Zermatten
2020-05-31 19:00:32 +02:00
parent f7ee09470e
commit fb2f1efa72
2 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/imports/ui/creature/creatureProperties/CreaturePropertyInsertForm.vue
View File

@@ -1,8 +1,18 @@
<template lang="html">
<dialog-base :override-back-button="() => $emit('back')">
<v-toolbar-title slot="toolbar">
Add {{ propertyName }}
</v-toolbar-title>
<dialog-base
:override-back-button="() => $emit('back')"
:color="model.color"
>
<template slot="toolbar">
<v-toolbar-title>
Add {{ propertyName }}
</v-toolbar-title>
<v-spacer />
<color-picker
:value="model.color"
@input="value => change({path: ['color'], value})"
/>
</template>
<component
:is="type"
v-if="type"
@@ -32,11 +42,14 @@
import propertySchemasIndex from '/imports/api/properties/propertySchemasIndex.js';
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
import propertyFormIndex from '/imports/ui/properties/forms/shared/propertyFormIndex.js';
import ColorPicker from '/imports/ui/components/ColorPicker.vue';
import schemaFormMixin from '/imports/ui/properties/forms/shared/schemaFormMixin.js';
export default {
components: {
...propertyFormIndex,
DialogBase,
ColorPicker,
},
mixins: [schemaFormMixin],
props: {

20
app/imports/ui/library/LibraryNodeInsertForm.vue
View File

@@ -1,8 +1,18 @@
<template lang="html">
<dialog-base :override-back-button="() => $emit('back')">
<v-toolbar-title slot="toolbar">
Add {{ propertyName }}
</v-toolbar-title>
<dialog-base
:override-back-button="() => $emit('back')"
:color="model.color"
>
<template slot="toolbar">
<v-toolbar-title>
Add {{ propertyName }}
</v-toolbar-title>
<v-spacer />
<color-picker
:value="model.color"
@input="value => change({path: ['color'], value})"
/>
</template>
<component
:is="type"
v-if="type"
@@ -32,12 +42,14 @@
import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
import propertyFormIndex from '/imports/ui/properties/forms/shared/propertyFormIndex.js';
import schemaFormMixin from '/imports/ui/properties/forms/shared/schemaFormMixin.js';
import ColorPicker from '/imports/ui/components/ColorPicker.vue';
import propertySchemasIndex from '/imports/api/properties/propertySchemasIndex.js';
export default {
components: {
...propertyFormIndex,
DialogBase,
ColorPicker,
},
mixins: [schemaFormMixin],
props: {