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

Improved container and item forms and viewers

Browse Source
This commit is contained in:
Stefan Zermatten
2020-05-31 18:50:00 +02:00
parent a5c42fea19
commit f7ee09470e
8 changed files with 167 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/imports/ui/properties/forms/ContainerForm.vue
View File

@@ -1,11 +1,22 @@
<template lang="html">
<div class="attribute-form">
<text-field
label="Name"
:value="model.name"
:error-messages="errors.name"
@change="change('name', ...arguments)"
/>
<div class="layout row justify-space-between wrap">
<text-field
label="Name"
:value="model.name"
:error-messages="errors.name"
@change="change('name', ...arguments)"
/>
<div>
<smart-switch
label="Carried"
class="mx-3"
:value="model.carried"
:error-messages="errors.carried"
@change="change('carried', ...arguments)"
/>
</div>
</div>
<div class="layout row wrap">
<text-field
label="Value"
@@ -15,17 +26,19 @@
hint="The value of the item in gold pieces, using decimals for values less than 1 gp"
class="mx-1"
style="flex-basis: 300px;"
prepend-inner-icon="$vuetify.icons.two_coins"
:value="model.value"
:error-messages="errors.value"
@change="change('value', ...arguments)"
/>
<text-field
label="Weight"
suffix="lbs"
suffix="lb"
type="number"
min="0"
class="mx-1"
style="flex-basis: 300px;"
prepend-inner-icon="$vuetify.icons.weight"
:value="model.weight"
:error-messages="errors.weight"
@change="change('weight', ...arguments)"
@@ -41,18 +54,16 @@
name="Advanced"
standalone
>
<smart-switch
label="Carried"
:value="model.carried"
:error-messages="errors.carried"
@change="change('carried', ...arguments)"
/>
<smart-switch
label="Contents are weightless"
:value="model.contentsWeightless"
:error-messages="errors.contentsWeightless"
@change="change('contentsWeightless', ...arguments)"
/>
<div class="layout row justify-center">
<div>
<smart-switch
label="Contents are weightless"
:value="model.contentsWeightless"
:error-messages="errors.contentsWeightless"
@change="change('contentsWeightless', ...arguments)"
/>
</div>
</div>
</form-section>
</div>
</template>

5
app/imports/ui/properties/forms/ItemForm.vue
View File

@@ -41,17 +41,19 @@
hint="The value of the item in gold pieces, using decimals for values less than 1 gp"
class="mx-1"
style="flex-basis: 300px;"
prepend-inner-icon="$vuetify.icons.two_coins"
:value="model.value"
:error-messages="errors.value"
@change="change('value', ...arguments)"
/>
<text-field
label="Weight"
suffix="lbs"
suffix="lb"
type="number"
min="0"
class="mx-1"
style="flex-basis: 300px;"
prepend-inner-icon="$vuetify.icons.weight"
:value="model.weight"
:error-messages="errors.weight"
@change="change('weight', ...arguments)"
@@ -61,6 +63,7 @@
label="Quantity"
type="number"
min="0"
prepend-inner-icon="$vuetify.icons.abacus"
:value="model.quantity"
:error-messages="errors.quantity"
@change="change('quantity', ...arguments)"