ayanova/src/components/custom-fields-control.vue

@@ -11,6 +11,14 @@
         {{ value }}
       </span>
     </div>
+    <hr />
+    <div>
+      <template v-for="item in this.$store.state.formCustomTemplate[formKey]">
+        <span  :key="item.fld">
+          [{{ item.type }}]
+        </span>
+      </template>
+    </div>
   </div>
 </template>
 <script>
@@ -18,11 +26,15 @@
 /*  Xeslint-disable    */
 ////////////////////////////////////////////////////////////////////////////////////////////////////////////
 /**
+ * v-if="item.hide == false"
  *
  * TODO: have the template, have the custom field data, now just need to show it all properly and update the fragment of json when changes made which then updates the
  * parent object.
  *
- *
+ * 1) read the template
+ * 2) Generate the controls dynamically based on the template
+ * 3) bind to the data somehow (might have to warp the data to fit the controls in some cases due to changed template design)
+ * 4) Profit$
  *
  */
 export default {