ayanova/src/views/ay-customize.vue

@@ -12,12 +12,13 @@
       READONLY: {{ formState.readOnly }}
       <br />
     </div> -->
-    <!-- <div>
+    FAF
-      FAF
+    {{ obj }}
-      {{ obj }}
+    <div>
+      {{ pickLists.uiFieldDataTypes }}
     </div>
     <v-divider></v-divider>
-    <div>
+    <!-- <div>
       CUSTOM TEMPLATE
       {{ tempTemplate }}
     </div>
@@ -71,6 +72,8 @@
                       :label="lt('UiFieldDataType')"
                       @change="dataTypeChanged(item)"
                     ></v-select>
+                    <v-divider></v-divider>
+                    <div>{{ item }}</div>
                   </v-card-text>
                 </v-card>
               </v-col>
@@ -108,16 +111,31 @@ export default {
     window.$gz.locale.fetch(ltKeysRequired).then(next);
   },
   beforeCreate() {
-    var vm = this;
+    //   var vm = this;
-
+    //   initForm(vm)
-    var vv = initForm(this);
+    //     .then(() => {
-
+    //       vm.formState.ready = true;
-    vv.then(() => {
+    //     })
-      vm.formState.ready = true;
+    //     .catch(err => {
-    }).catch(err => {
+    //       vm.formState.ready = true;
-      vm.formState.ready = true;
+    //       window.$gz.errorHandler.handleFormError(err);
-      window.$gz.errorHandler.handleFormError(err);
+    //     });
-    });
+    // // initForm(vm)
+    // //     .then(() => {
+    // //       //  path: "/ay-data-list-view/:listViewId/:dataListKey",
+    // //       vm.formState.ready = true;
+    // //       window.$gz.eventBus.$on("menu-click", clickHandler);
+    // //       //NOTE: this would normally be in getDataFromAPI but this form doesn't really need that function so doing it here
+    // //       //modify the menu as necessary
+    // //       generateMenu(vm, false); //default is never read only and passing in this vm
+    // //       //init disable save button so it can be enabled only on edit to show dirty form
+    // //       window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":save");
+    // //       vm.formState.loading = false;
+    // //     })
+    // //     .catch(err => {
+    // //       vm.formState.ready = true;
+    // //       window.$gz.errorHandler.handleFormError(err);
+    // //     });
   },
   beforeRouteLeave(to, from, next) {
     //var vm = this;
@@ -137,12 +155,22 @@ export default {
     window.$gz.eventBus.$off("menu-click", clickHandler);
   },
   created() {
-    window.$gz.eventBus.$on("menu-click", clickHandler);
+    var vm = this;
-    //NOTE: this would normally be in getDataFromAPI but this form doesn't really need that function so doing it here
+
-    //modify the menu as necessary
+    initForm(vm)
-    generateMenu(this, false); //default is never read only and passing in this vm
+      .then(() => {
-    //init disable save button so it can be enabled only on edit to show dirty form
+        vm.formState.ready = true;
-    window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":save");
+        window.$gz.eventBus.$on("menu-click", clickHandler);
+        //NOTE: this would normally be in getDataFromAPI but this form doesn't really need that function so doing it here
+        //modify the menu as necessary
+        generateMenu(this, false); //default is never read only and passing in this vm
+        //init disable save button so it can be enabled only on edit to show dirty form
+        window.$gz.eventBus.$emit("menu-disable-item", FORM_KEY + ":save");
+      })
+      .catch(err => {
+        vm.formState.ready = true;
+        window.$gz.errorHandler.handleFormError(err);
+      });
   },
   data() {
     return {
@@ -151,14 +179,14 @@ export default {
       formCustomTemplateKey: this.$route.params.formCustomTemplateKey,
       pickLists: {
         uiFieldDataTypes: [
-          { name: this.lt("UiFieldDataTypesDateTime"), id: "1" },
+          { name: this.lt("UiFieldDataTypesDateTime"), id: 1 },
-          { name: this.lt("UiFieldDataTypesDateOnly"), id: "2" },
+          { name: this.lt("UiFieldDataTypesDateOnly"), id: 2 },
-          { name: this.lt("UiFieldDataTypesTimeOnly"), id: "3" },
+          { name: this.lt("UiFieldDataTypesTimeOnly"), id: 3 },
-          { name: this.lt("UiFieldDataTypesText"), id: "4" },
+          { name: this.lt("UiFieldDataTypesText"), id: 4 },
-          { name: this.lt("UiFieldDataTypesTrueFalse"), id: "6" },
+          { name: this.lt("UiFieldDataTypesTrueFalse"), id: 6 },
-          { name: this.lt("UiFieldDataTypesInteger"), id: "5" },
+          { name: this.lt("UiFieldDataTypesInteger"), id: 5 },
-          { name: this.lt("UiFieldDataTypesDecimal"), id: "7" },
+          { name: this.lt("UiFieldDataTypesDecimal"), id: 7 },
-          { name: this.lt("UiFieldDataTypesCurrency"), id: "8" }
+          { name: this.lt("UiFieldDataTypesCurrency"), id: 8 }
         ]
       },
       formState: {
@@ -260,6 +288,7 @@ export default {
             //Handle "put" of an existing record (UPDATE) (there is no POST of a new record for this particular object)
 
             //Set store values for template and token
+            //(update our local cached copy of the form customizations)
             window.$gz.formCustomTemplate.set(
               vm.formCustomTemplateKey,
               res.data.concurrencyToken,
@@ -340,16 +369,35 @@ function generateMenu(vm) {
   window.$gz.eventBus.$emit("menu-change", menuOptions);
 }
 
+// function initForm(vm) {
+//   return ensureTemplateIsInStore(vm).then(() => {
+//     //Must use return here
+//     return initDataObject(vm);
+//   });
+// }
+
+/////////////////////////////////
+//
+//
 function initForm(vm) {
-  return ensureTemplateIsInStore(vm).then(() => {
+  return new Promise(function(resolve, reject) {
-    //Must use return here
+    (async function() {
-    return initDataObject(vm);
+      try {
+        await ensureTemplateIsInStore(vm);
+        await initDataObject(vm);
+      } catch (err) {
+        reject(err);
+      }
+      resolve();
+    })();
   });
 }
 
 ////////////////////
 //
 function ensureTemplateIsInStore(vm) {
+  //Pre-cache if necessary the form customization settings that have been set before now
+
   return window.$gz.formCustomTemplate.get(
     vm.$route.params.formCustomTemplateKey
   );
@@ -358,8 +406,8 @@ function ensureTemplateIsInStore(vm) {
 ////////////////////
 //
 function initDataObject(vm) {
-  //http://localhost:7575/api/v8/ObjectFields/ObjectFields/widget
+  //Get all the fields *available* to this form (all the fields for the object defined in AyaFormFieldDefinitions.cs as SERVER)
-
+  //Note: this is not the actual customization data, just the list of fields that could be customized (or not if required mandatory)
   var url = "FormFieldsDefinitions/" + vm.$route.params.formCustomTemplateKey;
   return window.$gz.api.get(url).then(res => {
     if (res.error) {
@@ -389,8 +437,7 @@ function initDataObject(vm) {
           type: "text"
         };
       }
-
+      debugger;
-      // var canHide=faf.hideable && templateItem.required!==true;
 
       var objItem = {
         key: faf.fieldKey,