tg-controls_cli 0.0.52 → 0.0.53

package/dist/myLib.common.js

@@ -34661,7 +34661,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=583327aa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e56dfd6a-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DynamicForm.vue?vue&type=template&id=fb2dbf10&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34816,7 +34816,10 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=583327aa&
+// CONCATENATED MODULE: ./src/components/DynamicForm.vue?vue&type=template&id=fb2dbf10&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__("14d9");
 
 // EXTERNAL MODULE: ./node_modules/axios/index.js
 var axios = __webpack_require__("bc3a");
@@ -38007,9 +38010,6 @@ var SelectFieldvue_type_template_id_314cc6f5_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/SelectField.vue?vue&type=template&id=314cc6f5&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__("14d9");
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SelectField.vue?vue&type=script&lang=js&
 
 
@@ -40672,6 +40672,7 @@ var SlotField_component = normalizeComponent(
 
 
 
+
 //import { getFormValidationRules } from  "./validationMessages.vue"
 /* harmony default export */ var DynamicFormvue_type_script_lang_js_ = ({
   name: 'DynamicForm',
@@ -40718,15 +40719,168 @@ var SlotField_component = normalizeComponent(
       default: false
     }
   },
+  watch: {
+    schema: {
+      handler: function () {
+        let ths = this;
+        ths.schema.forEach(function (g, gi) {
+          g.Data.forEach(function (f, fi) {
+            ths.isShowBasedOnDependentField(f);
+          });
+        });
+      },
+      deep: true
+    }
+  },
   date: function () {
     return {
       validateForm: null
     };
   },
   mounted: function () {
-    this.validateForm = this.$refs.ObserverForm;
+    let ths = this;
+    ths.validateForm = ths.$refs.ObserverForm;
   },
   methods: {
+    isShowBasedOnDependentField: function (field) {
+      if (field && field.config && field.config.options) {
+        field.config.initialOptions = field.config.options;
+      }
+      if (field && field.config && field.config.dependentOn && field.config.dependentOn > 0) {
+        let depedentField = this.getFieldbyCustomFieldId(field.config.dependentOn);
+        let showWhen = field.config.showWhen;
+        let valueMapping = field.config.valueMapping;
+        if (depedentField.value && depedentField.value != null && depedentField.value != "") {
+          let showJson = JSON.parse(showWhen);
+          if (showJson.value) {
+            if (!isNaN(depedentField.value)) {
+              if (showJson.value.includes(depedentField.value)) {
+                field.visibility = true;
+              }
+            } else {
+              var checkIfExists = [];
+              try {
+                if (depedentField.value.length && depedentField.value.length > 0) {
+                  depedentField.value.forEach(function (g, gi) {
+                    checkIfExists = showJson.value.filter(x => {
+                      return x == g.value;
+                    });
+                  });
+                } else {
+                  checkIfExists = showJson.value.filter(x => {
+                    return x == depedentField.value.value;
+                  });
+                }
+              } catch (e) {
+                checkIfExists = showJson.value.filter(x => {
+                  return x == depedentField.value.value;
+                });
+              }
+              if (checkIfExists.length > 0) {
+                field.visibility = true;
+              } else {
+                field.visibility = false;
+              }
+            }
+          } else {
+            field.visibility = true;
+          }
+        } else {
+          field.visibility = false;
+        }
+        if (field.visibility == true) {}
+      }
+    },
+    ConvertDynamicFormObjToCustomFieldObj: function (formSchema) {
+      let returnObj = [];
+      formSchema.forEach(function (item, index) {
+        item.Data.forEach(function (field, fieldIndex) {
+          let obj = {
+            field_name: field.name,
+            field_value: field.value,
+            custom_field_id: field.customFieldId
+            //SaveDynamicForm
+          };
+
+          returnObj.push(obj);
+        });
+      });
+      return returnObj;
+    },
+    ConvertCustomFieldIntoDynamicFormObj: function (fieldData) {
+      let layoutData = [];
+      var ths = this;
+      if (fieldData.length > 0) {
+        fieldData.forEach(function (field, fieldIndex) {
+          var groupId = field.group_id;
+          let checkIfAlreadyExist = layoutData.filter(x => {
+            return x.groupId == groupId;
+          });
+          if (checkIfAlreadyExist.length == 0) {
+            let fieldObj = fieldData.filter(x => {
+              return x.group_id == groupId && (x.form_field_visibility == 'YES' || x.form_field_visibility == 'NO' && x.system_is_required == true);
+            });
+            if (fieldObj.length > 0) {
+              let obj = {
+                layoutType: field.layout_type,
+                groupId: groupId,
+                visibility: true,
+                group_name: field.group_name,
+                Data: []
+              };
+              fieldObj.forEach(function (fieldItem, fieldItemIndex) {
+                let options = [];
+                if (fieldItem.dt_code == "checkbox" || fieldItem.dt_code == "radio") {
+                  options = ths.MakeArray(fieldItem.select_options, fieldItem.dt_code);
+                } else if (fieldItem.dt_code == "select" && fieldItem.picklist_options == 'Lookup') {
+                  options = ths.MakeNormalArray(fieldItem.select_options);
+                } else if (fieldItem.dt_code == "select" && fieldItem.picklist_options != 'Lookup' && fieldItem.picklist_options != null) {
+                  options = ths.MakeArray(fieldItem.picklist_options, fieldItem.dt_code);
+                }
+                let validationRules = {};
+                if (fieldItem.form_field_visibility == 'YES') {
+                  validationRules = {
+                    required: fieldItem.is_required == true
+                  };
+                }
+                let fieldObj = {
+                  customFieldId: fieldItem.custom_field_id,
+                  astype: fieldItem.astype == "TextAreaField" ? "SlotField" : fieldItem.astype,
+                  label: ths.$t(fieldItem.display_name),
+                  name: fieldItem.name,
+                  value: fieldItem.value,
+                  placeholder: "",
+                  config: {
+                    options: options,
+                    dependentOn: fieldItem.dependent_on,
+                    showWhen: fieldItem.show_when,
+                    valueMapping: fieldItem.value_mapping
+                  },
+                  mode: "",
+                  visibility: fieldItem.form_field_visibility == 'YES',
+                  validationRules: validationRules
+                };
+                obj.Data.push(fieldObj);
+              });
+              layoutData.push(obj);
+            }
+          }
+        });
+      }
+      return layoutData;
+    },
+    getFieldbyCustomFieldId: function (customFieldId) {
+      let returnVal = null;
+      let ths = this;
+      ths.schema.forEach(function (g, gi) {
+        g.Data.forEach(function (f, fi) {
+          if (f.customFieldId == customFieldId) {
+            returnVal = f;
+          }
+        });
+      });
+      return returnVal;
+    },
     renderButtons: function (buttons) {
       if (buttons) {
         var arrayConstructor = [].constructor;