Moved ui/forms to ui/properties/forms

app/imports/ui/properties/forms/BuffForm.vue

@@ -0,0 +1,113 @@
+<template lang="html">
+	<div class="buff-form">
+		<text-field
+			label="Name"
+			:value="model.name"
+			@change="(value, ack) => $emit('change', {path: ['name'], value, ack})"
+			:error-messages="errors.name"
+			:debounce-time="debounceTime"
+		/>
+		<text-area
+			label="Description"
+			:value="model.description"
+			@change="(value, ack) => $emit('change', {path: ['description'], value, ack})"
+			:error-messages="errors.description"
+			:debounce-time="debounceTime"
+		/>
+		<text-field
+			label="Duration"
+			hint="How long the buff lasts"
+			:value="model.duration"
+			@change="(value, ack) => $emit('change', {path: ['duration'], value, ack})"
+			:error-messages="errors.duration"
+			:debounce-time="debounceTime"
+		/>
+		<div v-if="stored">
+			<smart-select
+				v-if="parentTarget !== 'self'"
+				label="Target"
+				:hint="targetOptionHint"
+				:items="targetOptions"
+				:value="model.target"
+				:error-messages="errors.target"
+				:menu-props="{auto: true, lazy: true}"
+				@change="(value, ack) => $emit('change', {path: ['target'], value, ack})"
+				:debounce-time="debounceTime"
+			/>
+			<effect-list-form
+				:model="model.effects"
+				@change="({path, value, ack}) => $emit('change', {path: ['effects', ...path], value, ack})"
+				@push="({path, value, ack}) => $emit('push', {path: ['effects', ...path], value, ack})"
+				@pull="({path, ack}) => $emit('pull', {path: ['effects', ...path], ack})"
+			/>
+		</div>
+	</div>
+</template>
+
+<script>
+	import EffectListForm from '/imports/ui/properties/forms/EffectListForm.vue';
+	export default {
+		props: {
+			stored: Boolean,
+			model: {
+				type: Object,
+				default: () => ({}),
+			},
+			errors: {
+				type: Object,
+				default: () => ({}),
+			},
+			parentTarget: {
+				type: String,
+			},
+			debounceTime: Number,
+		},
+		components: {
+			EffectListForm,
+		},
+		computed: {
+			targetOptions(){
+				if (this.parentTarget === 'singleTarget') {
+					return [
+						{
+							text: 'Self',
+							value: 'self',
+						}, {
+							text: 'Target',
+							value: 'every',
+						},
+					];
+				} else {
+					return [
+						{
+							text: 'Self',
+							value: 'self',
+						}, {
+							text: 'Roll once for each target',
+							value: 'each',
+						}, {
+							text: 'Roll once and apply to every target',
+							value: 'every',
+						},
+					];
+				}
+			},
+			targetOptionHint(){
+				let hints = {
+					self: 'The buff will be applied to the character taking the action',
+					target: 'The buff will be applied to the target of the action',
+					each: 'The buff will be rolled separately for each of the targets of the action',
+					every: 'The buff will be rolled once and applied to each of the targets of the action',
+				};
+				if (this.parentTarget === 'singleTarget'){
+					hints.each = hints.target;
+					hints.every = hints.target;
+				}
+				return hints[this.model.target];
+			}
+		}
+	}
+</script>
+
+<style lang="css" scoped>
+</style>