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

Added loading and empty state to experience list

Browse Source
This commit is contained in:
Stefan Zermatten
2020-06-05 22:20:40 +02:00
parent db1ae5db3d
commit bc3fc9574a
7 changed files with 27 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
app/imports/ui/properties/forms/ExperienceForm.vue
View File

@@ -1,57 +0,0 @@
<template lang="html">
<div class="class-form">
<div class="layout row wrap">
<text-field
label="Title"
style="flex-basis: 300px;"
:value="model.name"
:error-messages="errors.name"
@change="change('name', ...arguments)"
/>
<text-field
label="In-World date"
:value="model.worldDate"
style="flex-basis: 300px;"
hint="The date in-game that the experience occured"
:error-messages="errors.worldDate"
@change="change('worldDate', ...arguments)"
/>
<date-picker
label="Real date"
:value="model.date"
style="flex-basis: 300px;"
hint="Real life date"
:error-messages="errors.date"
@change="change('date', ...arguments)"
/>
</div>
<text-area
label="Description"
:value="model.description"
:error-messages="errors.description"
@change="change('description', ...arguments)"
/>
<div class="layout column align-end">
<text-field
label="XP gained"
type="number"
class="base-value-field text-xs-center large-format no-flex"
hint="The number of experience points gained from this entry"
:value="model.value"
:error-messages="errors.value"
@change="change('value', ...arguments)"
/>
</div>
</div>
</template>
<script>
import propertyFormMixin from '/imports/ui/properties/forms/shared/propertyFormMixin.js';
export default {
mixins: [propertyFormMixin],
};
</script>
<style lang="css" scoped>
</style>

2
app/imports/ui/properties/forms/shared/propertyFormIndex.js
View File

@@ -8,7 +8,6 @@ import ContainerForm from '/imports/ui/properties/forms/ContainerForm.vue';
import DamageForm from '/imports/ui/properties/forms/DamageForm.vue';
import DamageMultiplierForm from '/imports/ui/properties/forms/DamageMultiplierForm.vue';
import EffectForm from '/imports/ui/properties/forms/EffectForm.vue';
import ExperienceForm from '/imports/ui/properties/forms/ExperienceForm.vue';
import FeatureForm from '/imports/ui/properties/forms/FeatureForm.vue';
import FolderForm from '/imports/ui/properties/forms/FolderForm.vue';
import ItemForm from '/imports/ui/properties/forms/ItemForm.vue';
@@ -31,7 +30,6 @@ export default {
classLevel: ClassLevelForm,
damage: DamageForm,
damageMultiplier: DamageMultiplierForm,
experience:ExperienceForm,
effect: EffectForm,
feature: FeatureForm,
folder: FolderForm,