SimpleDomControl 0.58.3__tar.gz → 0.58.4__tar.gz

{simpledomcontrol-0.58.3 → simpledomcontrol-0.58.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: SimpleDomControl
-Version: 0.58.3
+Version: 0.58.4
 Summary: Simple DOM control -> a django MVC framework
 License: Apache-2.0
 Keywords: django,MVC

{simpledomcontrol-0.58.3 → simpledomcontrol-0.58.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "SimpleDomControl"
-version = "0.58.3"
+version = "0.58.4"
 authors = [ "Martin Starman <private@martin-starman.com>", ]
 description = "Simple DOM control -> a django MVC framework"
 readme = "README.md"

{simpledomcontrol-0.58.3 → simpledomcontrol-0.58.4}/sdc_core/template_files/Assets/src/index.organizer.js

@@ -1,4 +1,4 @@
-import {app} from 'sdc_client';
+import * as sdc_client from 'sdc_client';
 
 window['sdc_client'] = sdc_client;
 
@@ -17,7 +17,7 @@ Promise.all([
   window['Tooltip'] = bootstrap.Tooltip;
   window['jQuery'] = window['$'] = jquery.default;
   window['_'] = lodash.default;
-  app.init_sdc()
+  sdc_client.app.init_sdc()
     .then(() => {
     });
 });

{simpledomcontrol-0.58.3 → simpledomcontrol-0.58.4}/sdc_core/template_files/package.json

@@ -78,6 +78,6 @@
     "esm": "^3.2.25",
     "jquery": "^3.7.0",
     "lodash": "^4.17.23",
-    "sdc_client": "^0.58.3"
+    "sdc_client": "^0.58.4"
   }
 }

simpledomcontrol-0.58.4/sdc_tools/Assets/bin/sdc_tools/controller/sdc_detail_view/sdc_detail_view.js

@@ -0,0 +1,94 @@
+import {AbstractSDC, app} from 'sdc_client';
+
+
+export class SdcDetailViewController extends AbstractSDC {
+
+  constructor() {
+    super();
+    this.contentUrl = "/sdc_view/sdc_tools/sdc_detail_view"; //<sdc-detail-view></sdc-detail-view>
+    this.template_context = null;
+    this.model = null;
+
+    /**
+     * Events is an array of dom events.
+     * The pattern is {'event': {'dom_selector': handler}}
+     * Uncommend the following line to add events;
+     */
+    // this.events.unshift({'click': {'.header-sample': (ev, $elem)=> $elem.css('border', '2px solid black')}}});
+  }
+
+  //-------------------------------------------------//
+  // Lifecycle handler                               //
+  // - onInit (tag parameter)                        //
+  // - onLoad (DOM not set)                          //
+  // - willShow  (DOM set)                           //
+  // - onRefresh  (recalled on reload)              //
+  //-------------------------------------------------//
+  // - onRemove                                      //
+  //-------------------------------------------------//
+
+  onInit(model, pk) {
+    if (!this.model) {
+      if (!model || typeof pk === 'undefined') {
+        console.error("You have to set data-model and data-pk in the <sdc-detail-view> tag!");
+      }
+
+      this.model = this.newModel(model, {pk: pk});
+    }
+  }
+
+  onLoad($html) {
+    const $dt = this.model.detailView(null, () => {
+      let $lc = this.find('.detail-container');
+      $lc.append($dt);
+      this.refresh();
+      this._onUpdate.bind(this);
+
+    }, null, this.template_context);
+    this.model.on_update = this.model.on_create = async () => {
+      await this._updateView();
+      this._onUpdate();
+    };
+    return super.onLoad($html);
+  }
+
+  willShow() {
+    return super.willShow();
+  }
+
+  onRefresh() {
+    this.find('[data-bs-toggle="tooltip"]').each(function () {
+      new Tooltip(this);
+    });
+    return super.onRefresh();
+  }
+
+
+  removeInstance($btn, e) {
+    this.model.delete();
+  }
+
+  _onUpdate() {
+    if (this.on_update) {
+      this.model.load().then(() => {
+        this.on_update(this.model.values_list);
+      });
+    }
+  }
+
+  _updateView() {
+    return new Promise((resolve) => {
+      const $div = this.model.listView(this.search_values, () => {
+        const elems = $('.tooltip.fade.show');
+        elems.remove();
+        app.reconcile(this, $div, this.find('.detail-container').children());
+        resolve();
+      }, null, this.template_context);
+    });
+
+  }
+
+}
+
+app.register(SdcDetailViewController);
+SdcDetailViewController.prototype._on_init_params = function() {return ["model", "pk"]; };

simpledomcontrol-0.58.4/sdc_tools/Assets/bin/sdc_tools/controller/sdc_dummy/sdc_dummy.js

@@ -0,0 +1,52 @@
+import {AbstractSDC, app} from 'sdc_client';
+
+
+class SdcDummyController extends AbstractSDC {
+
+    constructor() {
+        super();
+        this.contentUrl = "/sdc_view/sdc_tools/sdc_dummy"; //<sdc-dummy></sdc-dummy>
+
+        /**
+         * Events is an array of dom events.
+         * The pattern is {'event': {'dom_selector': handler}}
+         * Uncommend the following line to add events;
+         */
+        // this.events.unshift({'click': {'.header-sample': (ev, $elem)=> $elem.css('border', '2px solid black')}}});
+    }
+
+    //-------------------------------------------------//
+    // Lifecycle handler                               //
+    // - onInit (tag parameter)                        //
+    // - onLoad (DOM not set)                          //
+    // - willShow  (DOM set)                           //
+    // - onRefresh  (recalled on reload)              //
+    //-------------------------------------------------//
+    // - onRemove                                      //
+    //-------------------------------------------------//
+
+    onInit(text) {
+        this._text = text;
+    }
+
+    onLoad($html) {
+        $html.find('.origen_content').append(this.$container.html());
+        return super.onLoad($html);
+    }
+
+    willShow() {
+        return super.willShow();
+    }
+
+    onRefresh() {
+        return super.onRefresh();
+    }
+
+    page_text() {
+        return <p className="col">{this._text || ''}</p>;
+    }
+
+}
+
+app.register(SdcDummyController);
+SdcDummyController.prototype._on_init_params = function() {return ["text"]; };

simpledomcontrol-0.58.4/sdc_tools/Assets/bin/sdc_tools/controller/sdc_list_view/sdc_list_view.js

@@ -0,0 +1,104 @@
+import {AbstractSDC, app} from 'sdc_client';
+
+export class SdcListViewController extends AbstractSDC {
+
+    constructor() {
+        super();
+        this.contentUrl = "/sdc_view/sdc_tools/sdc_list_view"; //<sdc-list-view></sdc-list-view>
+        this.search_values = {};
+        this.model_name = null;
+        this.template_context = null;
+
+        /**
+         * Events is an array of dom events.
+         * The pattern is {'event': {'dom_selector': handler}}
+         * Uncommend the following line to add events;
+         */
+        // this.events.unshift({'click': {'.header-sample': (ev, $elem)=> $elem.css('border', '2px solid black')}}});
+    }
+
+    //-------------------------------------------------//
+    // Lifecycle handler                               //
+    // - onInit (tag parameter)                        //
+    // - onLoad (DOM not set)                          //
+    // - willShow  (DOM set)                           //
+    // - onRefresh  (recalled on reload)              //
+    //-------------------------------------------------//
+    // - onRemove                                      //
+    //-------------------------------------------------//
+
+    onInit(model, filter, onUpdate) {
+        if (!this.model) {
+            if (this.model_name) {
+                model = this.model_name;
+            }
+
+            this.model = this.newModel(model);
+        }
+        if (onUpdate) {
+            this.on_update = onUpdate;
+        }
+        if (typeof filter === 'function') {
+            filter = filter();
+        }
+        if (typeof filter === 'object') {
+            this.model.filter(filter);
+        }
+
+        if (this.on_update) {
+            this.model.load().then(() => {
+                this.on_update(this.model.values_list);
+            });
+        }
+    }
+
+    onLoad($html) {
+        let lc = $html.filter('.list-container');
+        if (lc.length === 0) {
+            lc = $html.find('.list-container');
+        }
+        lc.append(this.model.listView(this.search_values, null, null, this.template_context));
+        this.model.on_update = this.model.on_create = () => {
+            if (this.on_update) {
+                this.model.load().then(() => {
+                    this.on_update(this.model.values_list);
+                });
+            }
+            this._updateView();
+        };
+        return super.onLoad($html);
+    }
+
+    willShow() {
+        return super.willShow();
+    }
+
+    onRefresh() {
+        this.find('[data-bs-toggle="tooltip"]').each(function() {
+            new Tooltip(this);
+        });
+        return super.onRefresh();
+    }
+
+    removeInstance($btn) {
+        this.model.delete($btn.data('instance-pk'));
+    }
+
+    onSearch(form) {
+        const formData = new FormData(form);
+        formData.forEach((value, key) => this.search_values[key] = value);
+        this._updateView();
+    }
+
+    _updateView() {
+
+        const $div = this.model.listView(this.search_values, () => {
+            const elems = $('.tooltip.fade.show');
+            elems.remove();
+            app.reconcile(this, $div, this.find('.list-container .container-fluid').first());
+        }, null, this.template_context);
+    }
+}
+
+app.register(SdcListViewController);
+SdcListViewController.prototype._on_init_params = function() {return ["model", "filter", "onUpdate"]; };

simpledomcontrol-0.58.4/sdc_tools/Assets/bin/sdc_tools/controller/sdc_model_form/sdc_model_form.js

@@ -0,0 +1,195 @@
+import {AbstractSDC, app, trigger} from 'sdc_client';
+
+
+export class SdcModelFormController extends AbstractSDC {
+
+
+  constructor() {
+    super();
+    this.pk = null;
+    this.contentUrl = "/sdc_view/sdc_tools/sdc_model_form"; //<sdc-model-form></sdc-model-form>
+    this.model_name = null;
+    this.isKeepEditing = null;
+    this.isReset = null;
+    this._isLoaded = false;
+    this.autoSave = null;
+    this.model = null;
+    this.formHeader = null;
+    this.buttonText = null;
+
+    /**
+     * Events is an array of dom events.
+     * The pattern is {'event': {'dom_selector': handler}}
+     * Uncommend the following line to add events;
+     */
+    // this.events.unshift({'click': {'.header-sample': (ev, $elem)=> $elem.css('border', '2px solid black')}}});
+  }
+
+  //-------------------------------------------------//
+  // Lifecycle handler                               //
+  // - onInit (tag parameter)                        //
+  // - onLoad (DOM not set)                          //
+  // - willShow  (DOM set)                           //
+  // - onRefresh  (recalled on reload)              //
+  //-------------------------------------------------//
+  // - onRemove                                      //
+  //-------------------------------------------------//
+  async onInit(model, pk, next, filter, on_update, on_error, form_header, button_text, form_name = false, reset_on_save = false, editing_after_save = false, auto_save = true) {
+    !this.on_update && (this.on_update = on_update);
+    !this.on_error && (this.on_error = on_error);
+    !this.next && (this.next = next);
+
+    if (this.buttonText === null && button_text) {
+      this.buttonText = button_text;
+    } else {
+      this.buttonText = gettext('Save');
+    }
+
+    if (this.formHeader === null) {
+      this.formHeader = form_header;
+    }
+    if (this.autoSave === null) {
+      this.autoSave = auto_save;
+    }
+    if (this.isReset === null) {
+      this.isReset = reset_on_save;
+    }
+    if (this.isKeepEditing === null) {
+      this.isKeepEditing = editing_after_save;
+    }
+
+    if (typeof filter === 'function') {
+      filter = filter();
+    }
+
+    if (model instanceof Promise) {
+      model = await model;
+    }
+
+    if (typeof model === 'object' && model.constructor.name === 'Model') {
+      this.model = model;
+    }
+
+    if (this.model && this.model.values?.pk > 0) {
+      pk = this.model.values.pk;
+    } else if (this.model_name) {
+      model = this.model_name;
+    }
+
+    this.form_name ||= form_name;
+
+    if (this.form_name) {
+      this.isAutoChange = this.autoSave;
+      this.pk = pk;
+      this.type = 'edit';
+      this.model ??= this.newModel(model, {pk: pk});
+      this.form_generator = () => this.model.namedForm(pk, this.form_name, this._onFormLoaded.bind(this));
+    } else if (typeof (pk) !== "undefined") {
+      this.isAutoChange = true;
+      this.pk = pk;
+      this.type = 'edit';
+      this.model ??= this.newModel(model, {pk: pk});
+      this.form_generator = () => this.model.editForm(-1, this._onFormLoaded.bind(this));
+    } else {
+      this.isAutoChange = false;
+      this.type = 'create';
+      this.model ??= this.newModel(model);
+      this.form_generator = () => this.model.createForm(this._onFormLoaded.bind(this));
+    }
+    if (typeof filter === 'object') {
+      this.model.filter(filter);
+    }
+
+  }
+
+  onLoad($html) {
+    this.form = this.form_generator().addClass('container-fluid');
+    $html.find('.form-container').append(this.form);
+    // $html.find(`.not-${this.type}`).remove();
+    return super.onLoad($html);
+  }
+
+  onChange() {
+    this.form?.closest('form').submit();
+  }
+
+  willShow() {
+    return super.willShow();
+  }
+
+  onRefresh() {
+    return super.onRefresh();
+  }
+
+  _onFormLoaded() {
+    if(!this._isLoaded) {
+      this.refresh();
+    }
+    this._isLoaded = true;
+  }
+
+  _createFormToEditForm() {
+    this.pk = this.model.values.pk;
+    this.type = 'edit';
+    this.isAutoChange = true;
+    const oldForm = this.form?.closest('form');
+    const newForm = oldForm.clone();
+    const fc = newForm.find('.form-container').safeEmpty();
+    const newFormContent = this.model.editForm(this.pk, () => {
+      this.reconcile(newForm, oldForm);
+    }).addClass('container-fluid');
+    fc.append(newFormContent);
+  }
+
+  submitModelForm($form, e) {
+    let self = this;
+    return super.defaultSubmitModelForm($form, e).then(function (res) {
+      let runNext = true;
+      if (res && res.type === 'create') {
+        runNext = false;
+        if (self.isReset) {
+          $form[0].reset();
+        } else if (self.isKeepEditing) {
+          self._createFormToEditForm();
+        } else {
+          trigger('goTo', self.next || '..');
+        }
+      }
+
+      self.on_update && self.on_update(res);
+
+      if (runNext && self.next) {
+        trigger('goTo', self.next);
+      }
+    }).catch((res) => {
+      self.on_error && self.on_error(res);
+    });
+  }
+
+  controller_name() {
+    return `${this.type.replace(/^./g, letter => letter.toUpperCase())} ${this.model.model_name.replace(/[A-Z]/g, letter => " " + letter).replace(/^./g, letter => letter.toUpperCase())}`
+  }
+
+  save_btn() {
+    if(!this._isLoaded) {
+      return <h3>{gettext('Loading...')}</h3>;
+    }
+    if (!this.autoSave && this.type === 'edit') {
+      return <button className="btn btn-success">{this.buttonText}</button>;
+
+    }
+    return <span></span>;
+  }
+
+  header_top() {
+    if (this.formHeader) {
+      return <h3>{this.formHeader}</h3>;
+
+    }
+    return <span></span>;
+  }
+
+}
+
+app.register(SdcModelFormController).addMixin('sdc-update-on-change');
+SdcModelFormController.prototype._on_init_params = function() {return ["model", "pk", "next", "filter", "on_update", "on_error", "form_header", "button_text", "form_name", "reset_on_save", "editing_after_save", "auto_save"]; };