From 4062d79e90a2101e8309df5e78ecdfc595347a9f Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Mon, 22 Jul 2019 13:05:11 +0200
Subject: [PATCH] Reorganized forms into their own folder

---
 .../attributes/AttributeCreationDialog.vue    |  2 +-
 .../properties/attributes/AttributeDialog.vue |  2 +-
 .../attributes/AttributeForm.Story.vue        | 58 -------------------
 .../effects/EffectEditExpansionList.vue       |  2 +-
 .../properties/effects/EffectForm.Story.vue   | 51 ----------------
 .../features/FeatureCreationDialog.vue        |  2 +-
 .../properties/features/FeatureDialog.vue     |  2 +-
 .../creature/properties/propertyFormIndex.js  |  7 ---
 .../actions => forms}/ActionForm.vue          |  6 +-
 .../adjustments => forms}/AdjustmentForm.vue  |  0
 .../AdjustmentListForm.vue                    |  2 +-
 .../attributes => forms}/AttributeForm.vue    |  2 +-
 .../properties/buffs => forms}/BuffForm.vue   |  2 +-
 .../buffs => forms}/BuffListForm.vue          |  2 +-
 .../effects => forms}/EffectForm.vue          |  0
 .../effects => forms}/EffectListForm.vue      |  4 +-
 .../features => forms}/FeatureForm.vue        | 38 ++++++------
 .../components}/FormSection.vue               |  2 +-
 .../components}/FormSections.vue              |  0
 .../ui/forms/components/propertyFormIndex.js  | 13 +++++
 .../components}/schemaFormMixin.js            |  0
 .../ui/library/LibraryNodeInsertForm.vue      |  4 +-
 22 files changed, 51 insertions(+), 150 deletions(-)
 delete mode 100644 app/imports/ui/creature/properties/attributes/AttributeForm.Story.vue
 delete mode 100644 app/imports/ui/creature/properties/effects/EffectForm.Story.vue
 delete mode 100644 app/imports/ui/creature/properties/propertyFormIndex.js
 rename app/imports/ui/{creature/properties/actions => forms}/ActionForm.vue (94%)
 rename app/imports/ui/{creature/properties/adjustments => forms}/AdjustmentForm.vue (100%)
 rename app/imports/ui/{creature/properties/adjustments => forms}/AdjustmentListForm.vue (94%)
 rename app/imports/ui/{creature/properties/attributes => forms}/AttributeForm.vue (98%)
 rename app/imports/ui/{creature/properties/buffs => forms}/BuffForm.vue (96%)
 rename app/imports/ui/{creature/properties/buffs => forms}/BuffListForm.vue (95%)
 rename app/imports/ui/{creature/properties/effects => forms}/EffectForm.vue (100%)
 rename app/imports/ui/{creature/properties/effects => forms}/EffectListForm.vue (94%)
 rename app/imports/ui/{creature/properties/features => forms}/FeatureForm.vue (61%)
 rename app/imports/ui/{components/forms => forms/components}/FormSection.vue (90%)
 rename app/imports/ui/{components/forms => forms/components}/FormSections.vue (100%)
 create mode 100644 app/imports/ui/forms/components/propertyFormIndex.js
 rename app/imports/ui/{components/forms => forms/components}/schemaFormMixin.js (100%)

diff --git a/app/imports/ui/creature/properties/attributes/AttributeCreationDialog.vue b/app/imports/ui/creature/properties/attributes/AttributeCreationDialog.vue
index 17c03aea..c20560ab 100644
--- a/app/imports/ui/creature/properties/attributes/AttributeCreationDialog.vue
+++ b/app/imports/ui/creature/properties/attributes/AttributeCreationDialog.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-	import AttributeForm from '/imports/ui/creature/properties/attributes/AttributeForm.vue';
+	import AttributeForm from 'imports/ui/forms/AttributeForm.vue';
 	import Attributes from '/imports/api/creature/properties/Attributes.js';
 	import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
 
diff --git a/app/imports/ui/creature/properties/attributes/AttributeDialog.vue b/app/imports/ui/creature/properties/attributes/AttributeDialog.vue
index df145c92..c14f1adb 100644
--- a/app/imports/ui/creature/properties/attributes/AttributeDialog.vue
+++ b/app/imports/ui/creature/properties/attributes/AttributeDialog.vue
@@ -36,7 +36,7 @@
 <script>
 	import DialogBase from "/imports/ui/dialogStack/DialogBase.vue";
 	import EffectChildList from '/imports/ui/creature/properties/effects/EffectChildList.vue';
-	import AttributeForm from '/imports/ui/creature/properties/attributes/AttributeForm.vue';
+	import AttributeForm from 'imports/ui/forms/AttributeForm.vue';
 	import numberToSignedString from '/imports/ui/utility/numberToSignedString.js';
 
 	export default {
diff --git a/app/imports/ui/creature/properties/attributes/AttributeForm.Story.vue b/app/imports/ui/creature/properties/attributes/AttributeForm.Story.vue
deleted file mode 100644
index 1961c10c..00000000
--- a/app/imports/ui/creature/properties/attributes/AttributeForm.Story.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template lang="html">
-	<div>
-		<attribute-edit
-			v-for="(attribute, index) in attributes"
-			:key="attribute._id"
-			:attribute="attribute"
-			@change="(e, ack) => change(index, e, ack)"
-		/>
-		<div class="ma-4" v-for="(attribute, index) in attributes">
-			{{attribute}}
-		</div>
-	</div>
-</template>
-
-<script>
-	import AttributeForm from '/imports/ui/creature/properties/attributes/AttributeForm.vue';
-	import debounceUpdate from '/imports/ui/utility/debounceUpdate.js';
-	export default {
-		components: {
-			AttributeForm,
-		},
-		data(){ return {
-			attributes: [
-				{
-					_id: Random.id(),
-					name: 'Strength',
-					variableName: 'strength',
-					order: 4,
-					type: 'ability',
-					baseValue: 10,
-					value: 14,
-					mod: 2,
-					adjustment: -2,
-					decimal: false,
-					reset: undefined,
-					resetMultiplier: undefined,
-					color: '#aa0000',
-				},
-			],
-		}},
-		methods: {
-			change(index, e, ack){
-				// Take a while to write the attribute
-				setTimeout(() => {
-					for (let i in e){
-						let val = e[i];
-						if (typeof val === 'string') val = val.trim();
-						this.attributes[index][i] = val;
-					}
-					if (ack) ack();
-				}, 600)
-			},
-		},
-	};
-</script>
-
-<style lang="css" scoped>
-</style>
diff --git a/app/imports/ui/creature/properties/effects/EffectEditExpansionList.vue b/app/imports/ui/creature/properties/effects/EffectEditExpansionList.vue
index cd98183d..3f336ff2 100644
--- a/app/imports/ui/creature/properties/effects/EffectEditExpansionList.vue
+++ b/app/imports/ui/creature/properties/effects/EffectEditExpansionList.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-	import EffectForm from '/imports/ui/creature/properties/effects/EffectForm.vue';
+	import EffectForm from '/imports/ui/forms/EffectForm.vue';
 	import EffectListTile from '/imports/ui/creature/properties/effects/EffectListTile.vue';
 	export default {
 		props: {
diff --git a/app/imports/ui/creature/properties/effects/EffectForm.Story.vue b/app/imports/ui/creature/properties/effects/EffectForm.Story.vue
deleted file mode 100644
index ee24ee1a..00000000
--- a/app/imports/ui/creature/properties/effects/EffectForm.Story.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template lang="html">
-	<v-card-text>
-		<template v-for="(effect, index) in effects">
-			<v-divider v-if="index != 0"/>
-			<effect-form :key="index" :effect="effect" :stats="stats" @change="e => change(index, e)"/>
-		</template>
-	</v-card-text>
-</template>
-
-<script>
-import EffectForm from '/imports/ui/creature/properties/effects/EffectForm.vue';
-export default {
-	data(){ return {
-		effects: [
-			{
-				operation: 'add',
-				calculation: '2',
-				stat: '',
-			},
-			{
-				operation: 'mul',
-				calculation: '2',
-				stat: 'strength',
-			},
-			{
-				operation: 'base',
-				calculation: 'strength + 4',
-				result: 6,
-				stat: 'dexterity',
-			},
-		],
-		stats: [
-			{name: "Strength", variableName: "strength"},
-		],
-	}},
-	components: {
-		EffectForm,
-	},
-	methods: {
-		change(index, e){
-			for (let i in e){
-				this.effects[index][i] = e[i];
-				console.log({e, effect: this.effects[index]})
-			}
-		},
-	},
-};
-</script>
-
-<style lang="css" scoped>
-</style>
diff --git a/app/imports/ui/creature/properties/features/FeatureCreationDialog.vue b/app/imports/ui/creature/properties/features/FeatureCreationDialog.vue
index 9e8c7992..61123f04 100644
--- a/app/imports/ui/creature/properties/features/FeatureCreationDialog.vue
+++ b/app/imports/ui/creature/properties/features/FeatureCreationDialog.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-	import FeatureForm from '/imports/ui/creature/properties/features/FeatureForm.vue';
+	import FeatureForm from '/imports/ui/forms/FeatureForm.vue';
 	import Features, { FeatureSchema } from '/imports/api/creature/properties/Features.js';
 	import PropertyInsertDialog from '/imports/ui/components/properties/PropertyInsertDialog.vue';
 
diff --git a/app/imports/ui/creature/properties/features/FeatureDialog.vue b/app/imports/ui/creature/properties/features/FeatureDialog.vue
index 507a881d..f0486c10 100644
--- a/app/imports/ui/creature/properties/features/FeatureDialog.vue
+++ b/app/imports/ui/creature/properties/features/FeatureDialog.vue
@@ -14,7 +14,7 @@
 
 <script>
 	import PropertyDialog from '/imports/ui/components/properties/PropertyDialog.vue';
-	import FeatureForm from '/imports/ui/creature/properties/features/FeatureForm.vue';
+	import FeatureForm from '/imports/ui/forms/FeatureForm.vue';
 	import MarkdownText from '/imports/ui/components/MarkdownText.vue';
 
 	export default {
diff --git a/app/imports/ui/creature/properties/propertyFormIndex.js b/app/imports/ui/creature/properties/propertyFormIndex.js
deleted file mode 100644
index ce4563dd..00000000
--- a/app/imports/ui/creature/properties/propertyFormIndex.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import ActionForm from '/imports/ui/creature/properties/actions/ActionForm.vue';
-import AttributeForm from '/imports/ui/creature/properties/attributes/AttributeForm.vue';
-
-export default {
-  action: ActionForm,
-  attribute: AttributeForm,
-};
diff --git a/app/imports/ui/creature/properties/actions/ActionForm.vue b/app/imports/ui/forms/ActionForm.vue
similarity index 94%
rename from app/imports/ui/creature/properties/actions/ActionForm.vue
rename to app/imports/ui/forms/ActionForm.vue
index c19328a8..6a7de8f1 100644
--- a/app/imports/ui/creature/properties/actions/ActionForm.vue
+++ b/app/imports/ui/forms/ActionForm.vue
@@ -94,9 +94,9 @@
 </template>
 
 <script>
-	import FormSection, {FormSections} from '/imports/ui/components/forms/FormSection.vue';
-	import AdjustmentListForm from '/imports/ui/creature/properties/adjustments/AdjustmentListForm.vue';
-	import BuffListForm from '/imports/ui/creature/properties/buffs/BuffListForm.vue';
+	import FormSection, {FormSections} from '/imports/ui/forms/components/FormSection.vue';
+	import AdjustmentListForm from 'imports/ui/forms/AdjustmentListForm.vue';
+	import BuffListForm from 'imports/ui/forms/BuffListForm.vue';
 
 	export default {
 		components: {
diff --git a/app/imports/ui/creature/properties/adjustments/AdjustmentForm.vue b/app/imports/ui/forms/AdjustmentForm.vue
similarity index 100%
rename from app/imports/ui/creature/properties/adjustments/AdjustmentForm.vue
rename to app/imports/ui/forms/AdjustmentForm.vue
diff --git a/app/imports/ui/creature/properties/adjustments/AdjustmentListForm.vue b/app/imports/ui/forms/AdjustmentListForm.vue
similarity index 94%
rename from app/imports/ui/creature/properties/adjustments/AdjustmentListForm.vue
rename to app/imports/ui/forms/AdjustmentListForm.vue
index d12b5c59..9cc0ba8c 100644
--- a/app/imports/ui/creature/properties/adjustments/AdjustmentListForm.vue
+++ b/app/imports/ui/forms/AdjustmentListForm.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-	import AdjustmentForm from '/imports/ui/creature/properties/adjustments/AdjustmentForm.vue';
+	import AdjustmentForm from 'imports/ui/forms/AdjustmentForm.vue';
 	import AdjustmentSchema from '/imports/api/creature/subSchemas/AdjustmentSchema.js';
 
 	export default {
diff --git a/app/imports/ui/creature/properties/attributes/AttributeForm.vue b/app/imports/ui/forms/AttributeForm.vue
similarity index 98%
rename from app/imports/ui/creature/properties/attributes/AttributeForm.vue
rename to app/imports/ui/forms/AttributeForm.vue
index effe1366..28f6e778 100644
--- a/app/imports/ui/creature/properties/attributes/AttributeForm.vue
+++ b/app/imports/ui/forms/AttributeForm.vue
@@ -91,7 +91,7 @@
 </template>
 
 <script>
-	import FormSection from '/imports/ui/components/forms/FormSection.vue';
+	import FormSection from '/imports/ui/forms/components/FormSection.vue';
 
 	export default {
 		components: {
diff --git a/app/imports/ui/creature/properties/buffs/BuffForm.vue b/app/imports/ui/forms/BuffForm.vue
similarity index 96%
rename from app/imports/ui/creature/properties/buffs/BuffForm.vue
rename to app/imports/ui/forms/BuffForm.vue
index 5004e731..09a0b22e 100644
--- a/app/imports/ui/creature/properties/buffs/BuffForm.vue
+++ b/app/imports/ui/forms/BuffForm.vue
@@ -45,7 +45,7 @@
 </template>
 
 <script>
-	import EffectListForm from '/imports/ui/creature/properties/effects/EffectListForm.vue';
+	import EffectListForm from '/imports/ui/forms/EffectListForm.vue';
 	export default {
 		props: {
 			stored: Boolean,
diff --git a/app/imports/ui/creature/properties/buffs/BuffListForm.vue b/app/imports/ui/forms/BuffListForm.vue
similarity index 95%
rename from app/imports/ui/creature/properties/buffs/BuffListForm.vue
rename to app/imports/ui/forms/BuffListForm.vue
index bbbc9d1e..e5952e1b 100644
--- a/app/imports/ui/creature/properties/buffs/BuffListForm.vue
+++ b/app/imports/ui/forms/BuffListForm.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-	import BuffForm from '/imports/ui/creature/properties/buffs/BuffForm.vue';
+	import BuffForm from 'imports/ui/forms/BuffForm.vue';
 	import {StoredBuffSchema, AppliedBuffSchema} from '/imports/api/creature/properties/Buffs.js';
 
 	export default {
diff --git a/app/imports/ui/creature/properties/effects/EffectForm.vue b/app/imports/ui/forms/EffectForm.vue
similarity index 100%
rename from app/imports/ui/creature/properties/effects/EffectForm.vue
rename to app/imports/ui/forms/EffectForm.vue
diff --git a/app/imports/ui/creature/properties/effects/EffectListForm.vue b/app/imports/ui/forms/EffectListForm.vue
similarity index 94%
rename from app/imports/ui/creature/properties/effects/EffectListForm.vue
rename to app/imports/ui/forms/EffectListForm.vue
index e629ef84..053b7b25 100644
--- a/app/imports/ui/creature/properties/effects/EffectListForm.vue
+++ b/app/imports/ui/forms/EffectListForm.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script>
-	import EffectForm from '/imports/ui/creature/properties/effects/EffectForm.vue';
+	import EffectForm from '/imports/ui/forms/EffectForm.vue';
 	import { EffectSchema } from '/imports/api/creature/properties/Effects.js';
 
 	export default {
@@ -114,7 +114,7 @@
 </template>
 
 <script>
-	import EffectForm from '/imports/ui/creature/properties/effects/EffectForm.vue';
+	import EffectForm from '/imports/ui/forms/EffectForm.vue';
 	import { EffectSchema } from '/imports/api/creature/properties/Effects.js';
 
 	export default {
diff --git a/app/imports/ui/creature/properties/features/FeatureForm.vue b/app/imports/ui/forms/FeatureForm.vue
similarity index 61%
rename from app/imports/ui/creature/properties/features/FeatureForm.vue
rename to app/imports/ui/forms/FeatureForm.vue
index d5e660db..ade4acb8 100644
--- a/app/imports/ui/creature/properties/features/FeatureForm.vue
+++ b/app/imports/ui/forms/FeatureForm.vue
@@ -1,9 +1,9 @@
 <template lang="html">
-  <div>
+  <div class="feature-form">
   	<text-field
 			label="Name"
-			:value="feature.name"
-			@change="(name, ack) => $emit('update', {name}, ack)"
+			:value="model.name"
+			@change="(value, ack) => $emit('change', {path: ['name'], value, ack})"
 			:error-messages="errors.name"
 			:debounce-time="debounceTime"
 		/>
@@ -18,9 +18,9 @@
 		/>
 		<text-area
 			label="Description"
-			:value="feature.description"
+			:value="model.description"
 			:error-messages="errors.description"
-			@change="(description, ack) => $emit('update', {description}, ack)"
+			@change="(value, ack) => $emit('change', {path: ['description'], value, ack})"
 			:debounce-time="debounceTime"
 		/>
   </div>
@@ -29,7 +29,7 @@
 <script>
 	export default {
 		props: {
-			feature: {
+			model: {
 				type: Object,
 				default: () => ({}),
 			},
@@ -55,23 +55,27 @@
 		}},
 		computed: {
 			enabledStatus(){
-				if (!this.feature) return;
-				if (this.feature.alwaysEnabled) return 'always';
-				if (this.feature.enabled) return 'enabled';
+				if (!this.model) return;
+				if (this.model.alwaysEnabled) return 'always';
+				if (this.model.enabled) return 'enabled';
 				return 'disabled';
 			},
 		},
 		methods: {
 			changeEnabled(value, ack){
-				if (value === 'always'){
-					this.$emit('update', {enabled: true, alwaysEnabled: true}, ack);
-				} else if (value === 'enabled'){
-					this.$emit('update', {enabled: true, alwaysEnabled: false}, ack);
-				} else if (value === 'disabled'){
-					this.$emit('update', {enabled: false, alwaysEnabled: false}, ack);
+				let change = ({enabled, alwaysEnabled}) => {
+					this.$emit('change', {path: ['enabled'], value: enabled, ack});
+					this.$emit('change', {path: ['alwaysEnabled'], value: alwaysEnabled, ack});
 				}
-			}
-		}
+				if (value === 'always'){
+					change({enabled: true, alwaysEnabled: true});
+				} else if (value === 'enabled'){
+					change({enabled: true, alwaysEnabled: false});
+				} else if (value === 'disabled'){
+					change({enabled: false, alwaysEnabled: false});
+				}
+			},
+		},
 	};
 </script>
 
diff --git a/app/imports/ui/components/forms/FormSection.vue b/app/imports/ui/forms/components/FormSection.vue
similarity index 90%
rename from app/imports/ui/components/forms/FormSection.vue
rename to app/imports/ui/forms/components/FormSection.vue
index d6504496..96db09d6 100644
--- a/app/imports/ui/components/forms/FormSection.vue
+++ b/app/imports/ui/forms/components/FormSection.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import FormSections from '/imports/ui/components/forms/FormSections.vue';
+import FormSections from '/imports/ui/forms/components/FormSections.vue';
 export default {
 	components: {
 		FormSections,
diff --git a/app/imports/ui/components/forms/FormSections.vue b/app/imports/ui/forms/components/FormSections.vue
similarity index 100%
rename from app/imports/ui/components/forms/FormSections.vue
rename to app/imports/ui/forms/components/FormSections.vue
diff --git a/app/imports/ui/forms/components/propertyFormIndex.js b/app/imports/ui/forms/components/propertyFormIndex.js
new file mode 100644
index 00000000..32e73b7d
--- /dev/null
+++ b/app/imports/ui/forms/components/propertyFormIndex.js
@@ -0,0 +1,13 @@
+import ActionForm from 'imports/ui/forms/ActionForm.vue';
+import AttributeForm from 'imports/ui/forms/AttributeForm.vue';
+import BuffForm from '/imports/ui/forms/BuffForm.vue';
+import EffectForm from '/imports/ui/forms/EffectForm.vue';
+import FeatureForm from '/imports/ui/forms/FeatureForm.vue';
+
+export default {
+  action: ActionForm,
+  attribute: AttributeForm,
+  buff: BuffForm,
+  effect: EffectForm,
+  feature: FeatureForm,
+};
diff --git a/app/imports/ui/components/forms/schemaFormMixin.js b/app/imports/ui/forms/components/schemaFormMixin.js
similarity index 100%
rename from app/imports/ui/components/forms/schemaFormMixin.js
rename to app/imports/ui/forms/components/schemaFormMixin.js
diff --git a/app/imports/ui/library/LibraryNodeInsertForm.vue b/app/imports/ui/library/LibraryNodeInsertForm.vue
index 32fbca85..131d8149 100644
--- a/app/imports/ui/library/LibraryNodeInsertForm.vue
+++ b/app/imports/ui/library/LibraryNodeInsertForm.vue
@@ -28,8 +28,8 @@
 <script>
 import librarySchemas from '/imports/api/library/librarySchemas.js';
 import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
-import propertyFormIndex from '/imports/ui/creature/properties/propertyFormIndex.js';
-import schemaFormMixin from '/imports/ui/components/forms/schemaFormMixin.js';
+import propertyFormIndex from 'imports/ui/forms/propertyFormIndex.vue';
+import schemaFormMixin from '/imports/ui/forms/components/schemaFormMixin.vue';
 export default {
 	components: {
 		...propertyFormIndex,