From cf1e766464ecd817cc331071702e850ba516eb3f Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Tue, 18 Jun 2019 12:13:22 +0100
Subject: [PATCH] Added name prop and fixed grid stacking

---
 .../formComponents/JsonForm.vue               | 52 +++++++++++--------
 1 file changed, 30 insertions(+), 22 deletions(-)

diff --git a/src/components/pluginComponents/formComponents/JsonForm.vue b/src/components/pluginComponents/formComponents/JsonForm.vue
index bfc56141..1cedc1b4 100644
--- a/src/components/pluginComponents/formComponents/JsonForm.vue
+++ b/src/components/pluginComponents/formComponents/JsonForm.vue
@@ -1,33 +1,36 @@
 <template>
-  <form @submit.prevent="submitForm" class="uk-form-stacked">
+  <div>
+    <form @submit.prevent="submitForm" class="uk-form-stacked">
 
-    <button type="button" v-on:click="getFormData()" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">{{ "Update values" }}</button>
+      <button type="button" v-if="selfUpdate" v-on:click="getFormData()" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">{{ "Update values" }}</button>
 
-    <div v-for="(field, index) in schema" :key="index"> 
-      <div v-if="Array.isArray(field)" class="uk-grid-small" uk-grid>
-        <div v-for="(subfield, subindex) in field" :key="subindex" class="uk-width-expand"> 
-          <component
-            :is="subfield.fieldType"
-            v-model="formData[subfield.name]"
-            v-bind="subfield">
-          </component>
+      <div v-for="(field, index) in schema" :key="index"> 
+        <div v-if="Array.isArray(field)" class="uk-grid-small uk-width-1-1 uk-child-width-expand" uk-grid>
+          <div v-for="(subfield, subindex) in field" :key="subindex"> 
+            <component
+              :is="subfield.fieldType"
+              v-model="formData[subfield.name]"
+              v-bind="subfield">
+            </component>
+          </div>
         </div>
+        
+        <component
+          :is="field.fieldType"
+          v-model="formData[field.name]"
+          v-bind="field">
+        </component>
       </div>
-      
-      <component
-        :is="field.fieldType"
-        v-model="formData[field.name]"
-        v-bind="field">
-      </component>
-    </div>
 
-    <div class="uk-text-center uk-container" v-if="taskRunning">
-      <div class="center-spinner" uk-spinner></div>
-    </div>
+      <div class="uk-text-center uk-container" v-if="taskRunning">
+        <div class="center-spinner" uk-spinner></div>
+      </div>
 
-    <button v-bind:hidden="taskRunning" type="submit" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">{{ submitLabel }}</button>
+      <button v-bind:hidden="taskRunning" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">{{ submitLabel }}</button>
+
+    </form>
+  </div>
 
-  </form>
 </template>
 
 <script>
@@ -53,6 +56,11 @@ export default {
   },
 
   props: {
+    'name': {
+      type: String,
+      required: false,
+      default: "Plugin"
+    },
     'schema': {
       type: Array,
       required: true