sdc_client 0.58.6 → 0.158.0

package/src/simpleDomControl/sdc_utils.js

@@ -1,3 +1,5 @@
+import {SdcModel, SdcQuerySet} from "../index.js";
+
 /**
  * Reference to the HTML body.
  * @type {*|jQuery|HTMLElement}
@@ -5,7 +7,7 @@
  */
 let _$body;
 const arg_names_reg = /(?<=^|,\s?)[^=\s,]+/g;
-const commend_reg = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
+const commend_reg = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm;
 
 /**
  * getBody returns the $body jQuery object.
@@ -13,27 +15,28 @@ const commend_reg = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
  * @returns {*|jQuery|HTMLElement} - body reference.
  */
 export function getBody() {
-    if (!_$body) {
-        _$body = $('body');
-    }
+  if (!_$body) {
+    _$body = $("body");
+  }
 
-    return _$body;
+  return _$body;
 }
 
-
 /**
  *
  * @param {function} func
  * @returns {RegExpMatchArray|*[]}
  */
 export function getParamsNameOfFunction(func) {
-    var fnstr = func.toString().replace(commend_reg, '');
-    var result = fnstr.slice(fnstr.indexOf('(') + 1, fnstr.indexOf(')')).match(arg_names_reg);
-    if (!result) {
-        return [];
-    }
-
-    return result;
+  var fnstr = func.toString().replace(commend_reg, "");
+  var result = fnstr
+    .slice(fnstr.indexOf("(") + 1, fnstr.indexOf(")"))
+    .match(arg_names_reg);
+  if (!result) {
+    return [];
+  }
+
+  return result;
 }
 
 /**
@@ -41,46 +44,58 @@ export function getParamsNameOfFunction(func) {
  * @return {Promise} window.utils
  */
 export function promiseDummyFactory() {
-    return new Promise(function (resolve) {
-        resolve();
-    });
+  return new Promise(function (resolve) {
+    resolve();
+  });
 }
 
 export function camelCaseToTagName(str) {
-    str = str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`);
-    str = str.replace(/[0-9]+/g, number => `-${number}`);
-    return str.replace(/^[-]/g, ``);
+  str = str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+  str = str.replace(/[0-9]+/g, (number) => `-${number}`);
+  return str.replace(/^[-]/g, ``);
 }
 
 export function tagNameToCamelCase(str) {
-    str = str.replace(/-./g, letter => `${letter[1].toUpperCase()}`);
-    return str;
+  str = str.replace(/-./g, (letter) => `${letter[1].toUpperCase()}`);
+  return str;
 }
 
 export function tagNameToReadableName(str) {
-    str = str.replace(/-./g, letter => ` ${letter[1].toUpperCase()}`).replace(/^./g, letter => `${letter.toUpperCase()}`);
-    return str;
+  str = str
+    .replace(/-./g, (letter) => ` ${letter[1].toUpperCase()}`)
+    .replace(/^./g, (letter) => `${letter.toUpperCase()}`);
+  return str;
 }
 
 const copyProps = (targetClass, sourceClass) => {
-    let source = sourceClass;
-    let propNamesTarget = Object.getOwnPropertyNames(targetClass.prototype).concat(Object.getOwnPropertySymbols(targetClass.prototype))
-    while (source.name !== '') {
-        Object.getOwnPropertyNames(source.prototype)
-            .concat(Object.getOwnPropertySymbols(source.prototype))
-            .forEach((prop) => {
-                if (prop.match(/^(?:constructor|prototype|arguments|caller|name|bind|call|apply|toString|length)$/)) {
-                    return;
-                }
-
-                if (!propNamesTarget.includes(prop)) {
-                    propNamesTarget.push(prop);
-                    Object.defineProperty(targetClass.prototype, prop, Object.getOwnPropertyDescriptor(source.prototype, prop));
-                }
-            });
-        source = Object.getPrototypeOf(source);
-    }
-}
+  let source = sourceClass;
+  let propNamesTarget = Object.getOwnPropertyNames(
+    targetClass.prototype,
+  ).concat(Object.getOwnPropertySymbols(targetClass.prototype));
+  while (source.name !== "") {
+    Object.getOwnPropertyNames(source.prototype)
+      .concat(Object.getOwnPropertySymbols(source.prototype))
+      .forEach((prop) => {
+        if (
+          prop.match(
+            /^(?:constructor|prototype|arguments|caller|name|bind|call|apply|toString|length)$/,
+          )
+        ) {
+          return;
+        }
+
+        if (!propNamesTarget.includes(prop)) {
+          propNamesTarget.push(prop);
+          Object.defineProperty(
+            targetClass.prototype,
+            prop,
+            Object.getOwnPropertyDescriptor(source.prototype, prop),
+          );
+        }
+      });
+    source = Object.getPrototypeOf(source);
+  }
+};
 
 /**
  *
@@ -89,170 +104,274 @@ const copyProps = (targetClass, sourceClass) => {
  * @returns {typeof AbstractSDC}
  */
 export function agileAggregation(baseClass, ...mixins) {
-
-    let base = {
-        [baseClass.name]: class {
-            constructor(..._args) {
-                let _mixins = {};
-                mixins.forEach((mixin) => {
-                    let newMixin;
-                    Object.assign(this, (newMixin = new mixin()));
-                    newMixin._tagName = mixin.prototype._tagName;
-                    newMixin._isMixin = true;
-                    _mixins[mixin.name] = newMixin;
-                });
-
-                Object.assign(this, new baseClass());
-                this._mixins = _mixins;
-            }
-
-
-            static get name() {
-                return baseClass.name;
-            }
-
-            static className() {
-                return this.name
-            }
-
-            get mixins() {
-                return this._mixins;
-            }
-        }
-    }[baseClass.name];
-
-    copyProps(base, baseClass);
-
-    mixins.forEach((mixin) => {
-        copyProps(base, mixin);
-    });
-
-    return base;
-
+  let base = {
+    [baseClass.name]: class {
+      constructor(..._args) {
+        let _mixins = {};
+        mixins.forEach((mixin) => {
+          let newMixin;
+          Object.assign(this, (newMixin = new mixin()));
+          newMixin._tagName = mixin.prototype._tagName;
+          newMixin._isMixin = true;
+          _mixins[mixin.name] = newMixin;
+        });
+
+        Object.assign(this, new baseClass());
+        this._mixins = _mixins;
+      }
+
+      static get name() {
+        return baseClass.name;
+      }
+
+      static className() {
+        return this.name;
+      }
+
+      get mixins() {
+        return this._mixins;
+      }
+    },
+  }[baseClass.name];
+
+  copyProps(base, baseClass);
+
+  mixins.forEach((mixin) => {
+    copyProps(base, mixin);
+  });
+
+  return base;
 }
 
 function csrfSafeMethod(method) {
-    // these HTTP methods do not require CSRF protection
-    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+  // these HTTP methods do not require CSRF protection
+  return /^(GET|HEAD|OPTIONS|TRACE)$/.test(method);
 }
 
 export function uploadFileFormData(formData, url, method) {
-    return $.ajax({
-        url: url,  //Server script to process data
-        type: method || 'POST',
-        xhr: function () {  // Custom XMLHttpRequest
-            var myXhr = $.ajaxSettings.xhr();
-            if (myXhr.upload) { // Check if upload property exists
-                myXhr.upload.addEventListener('progress', progressHandlingFunction, false); // For handling the progress of the upload
-            }
-            return myXhr;
-        },
-        //Form data
-        data: formData,
-        //Options to tell jQuery not to process data or worry about content-type.
-        cache: false,
-        contentType: false,
-        processData: false,
-        beforeSend: function (xhr, settings) {
-            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
-                xhr.setRequestHeader("X-CSRFToken", window.CSRF_TOKEN);
-            }
-        }
-    });
+  return $.ajax({
+    url: url, //Server script to process data
+    type: method || "POST",
+    xhr: function () {
+      // Custom XMLHttpRequest
+      var myXhr = $.ajaxSettings.xhr();
+      if (myXhr.upload) {
+        // Check if upload property exists
+        myXhr.upload.addEventListener(
+          "progress",
+          progressHandlingFunction,
+          false,
+        ); // For handling the progress of the upload
+      }
+      return myXhr;
+    },
+    //Form data
+    data: formData,
+    //Options to tell jQuery not to process data or worry about content-type.
+    cache: false,
+    contentType: false,
+    processData: false,
+    beforeSend: function (xhr, settings) {
+      if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+        xhr.setRequestHeader("X-CSRFToken", window.CSRF_TOKEN);
+      }
+    },
+  });
 }
 
 function progressHandlingFunction(e) {
-    if (e.lengthComputable) {
-        var percentVal = Math.round((e.loaded / e.total) * 100);
-        var $progressContainer = $('.progress-container');
-        if (percentVal === 100) {
-            $progressContainer.hide();
-        } else {
-            $progressContainer.show();
-        }
-
-        percentVal += '%';
-
-        $progressContainer.find('.progress-bar').css({'width': percentVal}).text(percentVal);
+  if (e.lengthComputable) {
+    var percentVal = Math.round((e.loaded / e.total) * 100);
+    var $progressContainer = $(".progress-container");
+    if (percentVal === 100) {
+      $progressContainer.hide();
+    } else {
+      $progressContainer.show();
     }
-}
 
+    percentVal += "%";
 
-export function checkIfParamNumberBoolOrString(paramElement, controller = null) {
-    if (typeof paramElement !== 'string') {
-        return paramElement;
-    }
+    $progressContainer
+      .find(".progress-bar")
+      .css({width: percentVal})
+      .text(percentVal);
+  }
+}
 
-    if (controller && typeof controller[paramElement] !== 'undefined') {
-        if (typeof controller[paramElement] === 'function') {
-            return controller[paramElement].bind(controller);
-        }
-        return controller[paramElement];
-    }
+export function checkIfParamNumberBoolOrString(
+  paramElement,
+  controller = null,
+) {
+  if (typeof paramElement !== "string") {
+    return paramElement;
+  }
 
-    let isFloatReg = /^-?\d+\.?\d+$/;
-    let isIntReg = /^-?\d+$/;
-    let isBoolReg = /^(true|false)$/;
-    let isStringReg = /^(['][^']*['])|(["][^"]*["])$/;
-
-    if (paramElement.match(isBoolReg)) {
-        return paramElement === 'true';
-    } else if (paramElement === 'undefined') {
-        return undefined;
-    } else if (paramElement.toLowerCase() === 'none') {
-        return null;
-    } else if (paramElement.match(isIntReg)) {
-        return parseInt(paramElement);
-    } else if (paramElement.match(isFloatReg)) {
-        return parseFloat(paramElement);
-    } else if (paramElement.match(isStringReg)) {
-        return paramElement.substr(1, paramElement.length - 2);
+  if (controller && typeof controller[paramElement] !== "undefined") {
+    if (typeof controller[paramElement] === "function") {
+      return controller[paramElement].bind(controller);
     }
-
-    return paramElement;
+    return controller[paramElement];
+  }
+
+  let isFloatReg = /^-?\d+\.?\d+$/;
+  let isIntReg = /^-?\d+$/;
+  let isBoolReg = /^(true|false)$/;
+  let isStringReg = /^(['][^']*['])|(["][^"]*["])$/;
+
+  if (paramElement.match(isBoolReg)) {
+    return paramElement === "true";
+  } else if (paramElement === "undefined") {
+    return undefined;
+  } else if (paramElement.toLowerCase() === "none") {
+    return null;
+  } else if (paramElement.match(isIntReg)) {
+    return parseInt(paramElement);
+  } else if (paramElement.match(isFloatReg)) {
+    return parseFloat(paramElement);
+  } else if (paramElement.match(isStringReg)) {
+    return paramElement.substr(1, paramElement.length - 2);
+  }
+
+  return paramElement;
 }
 
 export function uuidv4() {
-    return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
-        (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
-    );
+  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
+    (
+      c ^
+      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+    ).toString(16),
+  );
 }
 
-
 export function clearErrorsInForm($form) {
-    $form.find('.has-error').removeClass('has-error').find('.alert-danger').remove();
-    $form.find('.non-field-errors').remove();
+  $form
+    .find(".has-error")
+    .removeClass("has-error")
+    .find(".alert-danger")
+    .remove();
+  $form.find(".non-field-errors").remove();
 }
 
 export function setErrorsInForm($form, $resForm) {
-    $resForm = $('<div>').append($resForm);
-
-    $form.find('.has-error').removeClass('has-error').find('.alert-danger').safeRemove();
-    $form.find('.non-field-errors').safeRemove();
-    let $file_container = $resForm.find('input[type=file]').parent();
-    $form.find('input[type=file]').parent().each(function (index) {
-        $(this).replaceWith($file_container[index]);
-    });
-
-    let hasNoError = $resForm.find('.non-field-errors').insertAfter($form.find('.hidden-form-fields')).length === 0;
-    $resForm.find('.has-error').each(function () {
-        hasNoError = false;
-        let $resErrorField = $(this);
-        let className = $resErrorField.data('auto-id');
-        let $errorField = $form.find('.form-group.' + className);
-        $errorField.addClass('has-error');
-        $errorField.find('.form-input-container').append($resErrorField.find('.alert-danger'));
+  $resForm = $("<div>").append($resForm);
+
+  $form
+    .find(".has-error")
+    .removeClass("has-error")
+    .find(".alert-danger")
+    .safeRemove();
+  $form.find(".non-field-errors").safeRemove();
+  let $file_container = $resForm.find("input[type=file]").parent();
+  $form
+    .find("input[type=file]")
+    .parent()
+    .each(function (index) {
+      $(this).replaceWith($file_container[index]);
     });
 
-    return hasNoError;
+  let hasNoError =
+    $resForm
+      .find(".non-field-errors")
+      .insertAfter($form.find(".hidden-form-fields")).length === 0;
+  $resForm.find(".has-error").each(function () {
+    hasNoError = false;
+    let $resErrorField = $(this);
+    let className = $resErrorField.data("auto-id");
+    let $errorField = $form.find(".form-group." + className);
+    $errorField.addClass("has-error");
+    $errorField
+      .find(".form-input-container")
+      .append($resErrorField.find(".alert-danger"));
+  });
+
+  return hasNoError;
 }
 
 export function jqueryInsertAt($container, index, $newElement) {
-    let lastIndex = $container.children().size();
-    if (index < lastIndex) {
-        $container.children().eq(index).before($newElement);
+  let lastIndex = $container.children().size();
+  if (index < lastIndex) {
+    $container.children().eq(index).before($newElement);
+  } else {
+    $container.append($newElement);
+  }
+  return this;
+}
+
+/**
+ * Parse hidden input values back into the closest JavaScript primitive.
+ *
+ * Hidden inputs are often used to preserve values that were originally booleans,
+ * numbers or quoted strings. This keeps form-to-model sync from turning
+ * everything into plain strings.
+ *
+ * @param {string} value
+ * @returns {*}
+ */
+function parseHiddenInputs(value) {
+  let isFloatReg = /^-?\d+\.?\d+$/;
+  let isIntReg = /^-?\d+$/;
+  let isBoolReg = /^(true|false)$/;
+  let isStringReg = /^(['][^']*['])|(["][^"]*["])$/;
+
+  if (value.toLowerCase().match(isBoolReg)) {
+    return value.toLowerCase() === "true";
+  } else if (value === "undefined") {
+    return undefined;
+  } else if (value.toLowerCase() === "none") {
+    return null;
+  } else if (value.match(isIntReg)) {
+    return parseInt(value, 10);
+  } else if (value.match(isFloatReg)) {
+    return parseFloat(value);
+  } else if (value.match(isStringReg)) {
+    return value.substring(1, value.length - 1);
+  }
+  return value;
+}
+
+export function getValueFromField(formItem) {
+  let {type, name} = formItem;
+  if (name && name !== "") {
+    if (type === "hidden") {
+      return parseHiddenInputs($(formItem).val());
+    }
+
+    if (type === "checkbox") {
+      return formItem.checked;
+    }
+
+    if (type === "file") {
+      return formItem.files[0];
+    }
+
+    return $(formItem).val();
+  }
+  return null;
+}
+
+
+export function setValueInField(formItem, value) {
+  let {type, name} = formItem;
+  if (name && name !== "") {
+
+    if (type === "checkbox") {
+      formItem.checked = value;
+    } else if (type === "file") {
+      if (value instanceof File) {
+        if (typeof DataTransfer !== "undefined") {
+          let container = new DataTransfer();
+          container.items.add(value);
+          formItem.files = container;
+        }
+      }
+    } else if (value instanceof SdcModel) {
+      $(formItem).val(value.id);
+    } else if (value instanceof SdcQuerySet) {
+      $(formItem).val(`[${value.getIds().join(',')}]`);
     } else {
-        $container.append($newElement);
+      $(formItem).val(value);
     }
-    return this;
+  }
+  return null;
 }