sdc_client 0.58.6 → 0.158.1

package/src/simpleDomControl/AbstractSDC.js

@@ -1,337 +1,338 @@
 import {allOff} from "./sdc_events.js";
 import {app} from "./sdc_main.js";
-import {Model} from "./sdc_socket.js";
+import {SdcQuerySet} from "./sdc_model.js";
 import {callServer} from "./sdc_server_call.js";
-import {uuidv4, setErrorsInForm, clearErrorsInForm, tagNameToCamelCase, tagNameToReadableName} from "./sdc_utils.js";
+import {
+  uuidv4,
+  clearErrorsInForm,
+  tagNameToCamelCase,
+  tagNameToReadableName,
+} from "./sdc_utils.js";
 
 export class AbstractSDC {
-    constructor() {
-        this._uuid = uuidv4();
-        this.contentUrl = '';
-        this.contentReload = false;
-        this.parsedContentUrl = null;
-        this.events = [];
-        this.load_async = false;
-        this._isEventsSet = false;
-        this._allEvents = null;
-
-        this._urlParams = [];
-        this._models = [];
-
-        // ------------------ Old deprecated properties ----------------------
-        this._cssUrls = [];
-        this.afterShow = () => {
-            console.warn('afterShow is deprecated!!')
-        };
-        // -------------- End old deprecated properties ----------------------
-
-
-        /**
-         *
-         * @type {{string: AbstractSDC}}
-         */
-        this._mixins = {};
-
-        /**
-         * @type {string}
-         */
-        this._tagName = Object.getPrototypeOf(this)._tagName ?? '';
-
-        /**
-         * @type {{string:AbstractSDC}}
-         */
-        this._childController = {};
-
-        /**
-         * @type {AbstractSDC}
-         */
-        this._parentController = null;
-
-        /**
-         * @type {boolean}
-         */
-        this._onLoadDone = false;
-
-        /**
-         * @type {jquery}
-         */
-        this.$container = null;
-
-        /**
-         *
-         * @type {boolean}
-         */
-        this._isMixin = false;
-    }
+  constructor() {
+    this._uuid = uuidv4();
+    this.contentUrl = "";
+    this.contentReload = false;
+    this.parsedContentUrl = null;
+    this.events = [];
+    this.load_async = false;
+    this._isEventsSet = false;
+    this._allEvents = null;
+
+    this._urlParams = [];
+    this._models = [];
+
+    // ------------------ Old deprecated properties ----------------------
+    this._cssUrls = [];
+    this.afterShow = () => {
+      console.warn("afterShow is deprecated!!");
+    };
+    // -------------- End old deprecated properties ----------------------
 
     /**
      *
-     * @param {string} method must be in {}
-     * @param {Array} args in arguments of
-     *
+     * @type {{string: AbstractSDC}}
      */
-    _runLifecycle(method, args) {
-        if (app.DEBUG && !this._isMixin) {
-            console.debug(method, this._tagName);
-        }
-
-        let returnPromisses = [];
-        if (this._isMixin) {
-            return;
-        }
-        this._isMixin = true;
-        for (let mixinKey in this._mixins) {
-            let mixin = this._mixins[mixinKey];
-            if (typeof mixin[method] === 'function') {
+    this._mixins = {};
 
-                returnPromisses.push(mixin[method].apply(this, args));
-            }
-        }
-
-        return Promise.all(returnPromisses).then(() => {
-            this._isMixin = false;
-        });
-    }
-
-    onInit() {
-        if (app.DEBUG && !this._isMixin) {
-            console.DEBUG(Array.apply(null, arguments), this._tagName);
-        }
-    }
+    /**
+     * @type {string}
+     */
+    this._tagName = Object.getPrototypeOf(this)._tagName ?? "";
 
-    get parentController() {
-        return this._parentController;
-    }
+    /**
+     * @type {{string:AbstractSDC}}
+     */
+    this._childController = {};
 
-    get childController() {
-        return this._childController;
-    }
+    /**
+     * @type {AbstractSDC}
+     */
+    this._parentController = null;
 
-    onLoad() {
-        return this._runLifecycle('onLoad', arguments);
-    }
+    /**
+     * @type {boolean}
+     */
+    this._onLoadDone = false;
 
-    willShow() {
-        return this._runLifecycle('willShow', arguments);
-    }
+    /**
+     * @type {jquery}
+     */
+    this.$container = null;
 
-    onRefresh() {
-        return this._runLifecycle('onRefresh', arguments);
+    /**
+     *
+     * @type {boolean}
+     */
+    this._isMixin = false;
+  }
+
+  /**
+   *
+   * @param {string} method must be in {}
+   * @param {Array} args in arguments of
+   *
+   */
+  _runLifecycle(method, args) {
+    if (app.DEBUG && !this._isMixin) {
+      console.debug(method, this._tagName);
     }
 
-    onRemove() {
-        this._runLifecycle('onRemove', arguments)
-        return true;
+    let returnPromisses = [];
+    if (this._isMixin) {
+      return;
     }
-
-    noOpenModelRequests( ) {
-        return Promise.all(this._models.map(x => x.noOpenRequests()));
+    this._isMixin = true;
+    for (let mixinKey in this._mixins) {
+      let mixin = this._mixins[mixinKey];
+      if (typeof mixin[method] === "function") {
+        returnPromisses.push(mixin[method].apply(this, args));
+      }
     }
 
-    remove() {
-        for (const model of this._models) {
-            model.close();
-        }
-        let _childController = this._childController;
-        for (let i in _childController) {
-            if (_childController.hasOwnProperty(i)) {
-                for (let cc of _childController[i]) {
-                    if (!cc.remove()) {
-                        return false;
-                    }
-                }
-            }
-        }
-
-        if (!this.onRemove || this.onRemove()) {
-            allOff(this);
-            const c_name = tagNameToCamelCase(this._tagName);
-            if (this._parentController._childController[c_name]) {
-                let arr = this._parentController._childController[c_name];
-                for (let i = 0; i < arr.length; i++) {
-                    if (arr[i] === this) {
-                        arr.splice(i, 1);
-                    }
-                }
-            }
-
-            this.$container.remove();
-            delete this;
-            return true;
-        }
-
-        return false;
+    return Promise.all(returnPromisses).then(() => {
+      this._isMixin = false;
+    });
+  }
+
+  /**
+   *
+   * @return {Promise<*>|*}
+   */
+  onInit() {
+    if (app.DEBUG && !this._isMixin) {
+      console.debug(Array.apply(null, arguments), this._tagName);
     }
+  }
 
-    controller_name() {
-        return tagNameToReadableName(this._tagName);
-    }
+  get parentController() {
+    return this._parentController;
+  }
 
-    addEvent(event, selector, handler) {
-        this.getEvents();
-        this._allEvents[event] = this._allEvents[event] || {};
-        this._allEvents[event][selector] = handler;
-    }
+  get childController() {
+    return this._childController;
+  }
 
-    getEvents() {
-        if (this._allEvents) return this._allEvents;
-        let allEvents = [];
-        allEvents = allEvents.concat(this.events);
-        for (let mixinKey in this._mixins) {
-            let mixin = this._mixins[mixinKey];
-            if (Array.isArray(mixin.events)) {
-                allEvents = allEvents.concat(mixin.events)
-            }
-        }
+  onLoad() {
+    return this._runLifecycle("onLoad", arguments);
+  }
 
+  willShow() {
+    return this._runLifecycle("willShow", arguments);
+  }
 
-        return (this._allEvents = _.merge(...allEvents));
-    }
+  onRefresh() {
+    return this._runLifecycle("onRefresh", arguments);
+  }
 
-    post(url, args) {
-        return app.post(this, url, args);
-    }
+  onRemove() {
+    this._runLifecycle("onRemove", arguments);
+    return true;
+  }
 
-    get(url, args) {
-        return app.get(this, url, args);
-    }
+  noOpenModelRequests() {
+    return Promise.all(this._models.map((x) => x.noOpenRequests()));
+  }
 
-    submitForm(form, url, method) {
-        return app.submitFormAndUpdateView(this, form, url, method);
+  remove() {
+    for (const model of this._models) {
+      model.close();
     }
-
-    serverCall(methode, args) {
-        let re = /sdc_view\/([^/]+)/i;
-        let app = this.contentUrl.match(re);
-        if (!app || app.length < 2) {
-            console.error('To use the serverCall function the contentUrl must be set: ' + this.name);
-            return;
+    let _childController = this._childController;
+    for (let i in _childController) {
+      if (_childController.hasOwnProperty(i)) {
+        for (let cc of _childController[i]) {
+          if (!cc.remove()) {
+            return false;
+          }
         }
-
-        return callServer(app[1], this._tagName, this.parsedContentUrl ?? this.contentUrl, methode, args);
+      }
     }
 
-    /**
-     *
-     * @param model_name {string | Number}
-     * @param model_query {Object}
-     * @constructor
-     */
-    newModel(model_name, model_query = {}) {
-        if(model_name instanceof Number && model_name.hasOwnProperty('load')) {
-            return model_name.load(this);
-        }
-        if (model_name instanceof Model) {
-          return model_name;
+    if (!this.onRemove || this.onRemove()) {
+      allOff(this);
+      const c_name = tagNameToCamelCase(this._tagName);
+      if (this._parentController._childController[c_name]) {
+        let arr = this._parentController._childController[c_name];
+        for (let i = 0; i < arr.length; i++) {
+          if (arr[i] === this) {
+            arr.splice(i, 1);
+          }
         }
+      }
 
-        const model = new Model(model_name, model_query);
-        this._models.push(model);
-        return model;
+      this.$container.remove();
+      delete this;
+      return true;
     }
 
-    /**
-     *
-     * @param model_name {string}
-     * @param model_query {Object}
-     * @param values {Object}
-     * @constructor
-     */
-    updateModel(model_name, model_query = {}, values) {
-        let model = new Model(model_name, model_query);
-        return model.load().then(()=>{
-            model.values |= values;
-            model.save().then(()=> {
-                model.close();
-                return model.values
-            });
-        });
+    return false;
+  }
+
+  controller_name() {
+    return tagNameToReadableName(this._tagName);
+  }
+
+  addEvent(event, selector, handler) {
+    this.getEvents();
+    this._allEvents[event] = this._allEvents[event] || {};
+    this._allEvents[event][selector] = handler;
+  }
+
+  getEvents() {
+    if (this._allEvents) return this._allEvents;
+    let allEvents = [];
+    allEvents = allEvents.concat(this.events);
+    for (let mixinKey in this._mixins) {
+      let mixin = this._mixins[mixinKey];
+      if (Array.isArray(mixin.events)) {
+        allEvents = allEvents.concat(mixin.events);
+      }
     }
 
-    /**
-     * Adapter to this.$container.find
-     * @param {string} domSelector
-     */
-    find(domSelector) {
-        return this.$container.find(domSelector);
+    return (this._allEvents = _.merge(...allEvents));
+  }
+
+  post(url, args) {
+    return app.post(this, url, args);
+  }
+
+  get(url, args) {
+    return app.get(this, url, args);
+  }
+
+  submitForm(form, url, method) {
+    return app.submitFormAndUpdateView(this, form, url, method);
+  }
+
+  serverCall(methode, args) {
+    let re = /sdc_view\/([^/]+)/i;
+    let app = this.contentUrl.match(re);
+    if (!app || app.length < 2) {
+      console.error(
+        "To use the serverCall function the contentUrl must be set: " +
+        this.name,
+      );
+      return;
     }
 
-    refresh() {
-        return app.refresh(this.$container, this);
+    return callServer(
+      app[1],
+      this._tagName,
+      this.parsedContentUrl ?? this.contentUrl,
+      methode,
+      args,
+    );
+  }
+
+  /**
+   *
+   * @param {string} modelName
+   * @param  {object?} modelQuery
+   * @returns {SdcQuerySet}
+   */
+  querySet(modelName, modelQuery = {}) {
+    const newQuerySet = new SdcQuerySet(modelName, modelQuery);
+    this._models.push(newQuerySet);
+    return newQuerySet;
+  }
+
+  newModel(modelName, modelQuery = {}) {
+    console.warn("newModel is deprecated and will soon be removed");
+    return this.querySet(modelName, modelQuery);
+  }
+
+  /**
+   * Adapter to this.$container.find
+   * @param {string} domSelector
+   */
+  find(domSelector) {
+    return this.$container.find(domSelector);
+  }
+
+  refresh() {
+    return app.refresh(this.$container, this);
+  }
+
+  reload() {
+    return app.reloadController(this);
+  }
+
+  reconcile($virtualNode, $realNode = null) {
+    return app.reconcile(this, $virtualNode, $realNode);
+  }
+
+  submitModelFormDistributor($form, e) {
+    if (typeof this._submitModelForm === "function") {
+      return this._submitModelForm($form, e);
     }
-
-    reload() {
-        return app.reloadController(this);
-    }
-
-    reconcile($virtualNode, $realNode = null) {
-        return app.reconcile(this, $virtualNode, $realNode);
+    if (typeof this.submitModelForm === "function") {
+      return this.submitModelForm($form, e);
     }
-
-    submitModelFormDistributor($form, e) {
-        if (typeof this._submitModelForm === 'function') {
-            return this._submitModelForm($form, e);
+    return this.defaultSubmitModelForm($form, e);
+  }
+
+  iterateAllChildren() {
+    let _childController = this._childController;
+    let res = [];
+    for (let i in _childController) {
+      if (_childController.hasOwnProperty(i)) {
+        for (let cc of _childController[i]) {
+          res.push(cc);
+          res.push(...cc.iterateAllChildren());
         }
-        if (typeof this.submitModelForm === 'function') {
-            return this.submitModelForm($form, e);
-        }
-        return this.defaultSubmitModelForm($form, e);
+      }
     }
+    return res;
+  }
+
+  /**
+   * Model Form Events
+   */
+  defaultSubmitModelForm($form, e) {
+    if (!this._isMixin) {
+      e.stopPropagation();
+      e.preventDefault();
+      let {model, form_name} = $form.data();
+      let data = model.syncForm($form);
+      return new Promise((resolve, reject) => {
+        let prom;
+        if (model.id !== null && model.id >= 0) {
+          prom = model.save({formName: form_name, data});
+        } else {
+          prom = model.create({data});
+        }
 
-    iterateAllChildren() {
-        let _childController = this._childController;
-        let res = [];
-        for (let i in _childController) {
-            if (_childController.hasOwnProperty(i)) {
-                for (let cc of _childController[i]) {
-                    res.push(cc);
-                    res.push(...cc.iterateAllChildren());
-                }
+        prom
+          .then((res) => {
+            clearErrorsInForm($form);
+            this.submit_model_form_success &&
+            this.submit_model_form_success(res[0]);
+            for (const controller of this.iterateAllChildren()) {
+              controller.submit_model_form_success &&
+              controller.submit_model_form_success(res[0]);
             }
-        }
-        return res;
-    }
 
-    /**
-     * Model Form Events
-     */
-    defaultSubmitModelForm($form, e) {
-        let p_list = [];
-        if (!this._isMixin) {
-            e.stopPropagation();
-            e.preventDefault();
-            let {model, form_name} = $form.data();
-            const values = model.syncForm($form);
-            for (let instance_value of values) {
-                p_list.push(new Promise((resolve, reject) => {
-                    let prom;
-                    if (instance_value.pk !== null && instance_value.pk >= 0) {
-                        prom = model.save(instance_value.pk, form_name);
-                    } else {
-                        prom = model.create(instance_value);
-                    }
-
-                    prom.then((res) => {
-                        clearErrorsInForm($form);
-                        this.submit_model_form_success && this.submit_model_form_success(res[0]);
-                        for(const controller of this.iterateAllChildren()) {
-                            controller.submit_model_form_success && controller.submit_model_form_success(res[0]);
-                        }
-                        resolve(res);
-                    }).catch((data) => {
-                        this.reconcile($(`<div class="container-fluid">${data.html}</div>`), $form.find('.container-fluid').first());
-                        this.submit_model_form_error && this.submit_model_form_error(data);
-                        for(const controller of this.iterateAllChildren()) {
-                            controller.submit_model_form_error && controller.submit_model_form_error(data);
-                        }
-                        reject(data);
-                    });
-                }));
+            resolve(res);
+          })
+          .catch((data) => {
+            this.reconcile(
+              $(`<div class="container-fluid">${data.html}</div>`),
+              $form.find(".container-fluid").first(),
+            );
+            this.submit_model_form_error &&
+            this.submit_model_form_error(data);
+            for (const controller of this.iterateAllChildren()) {
+              controller.submit_model_form_error &&
+              controller.submit_model_form_error(data);
             }
-        }
 
-        return Promise.all(p_list).then((res) => {
-            return Object.assign({}, ...res.flat());
-        });
+            reject(data);
+          });
+      });
     }
-}
+
+    return Promise.resolve();
+  }
+}