Merge branch 'b-3.6.1' of ../kivitendo-erp_20220811

[kivitendo-erp.git] / js / kivi.Materialize.js

diff --git a/js/kivi.Materialize.js b/js/kivi.Materialize.js
new file mode 100644 (file)
index 0000000..3262ffa
--- /dev/null
+++ b/js/kivi.Materialize.js
@@ -0,0 +1,176 @@
+namespace("kivi.Materialize", function(ns) {
+  "use strict";
+
+  ns.init = function() {
+    ns.reinit_widgets();
+  };
+
+  ns.build_i18n = function() {
+    return {
+      months: [
+        kivi.t8('January'),
+        kivi.t8('February'),
+        kivi.t8('March'),
+        kivi.t8('April'),
+        kivi.t8('May'),
+        kivi.t8('June'),
+        kivi.t8('July'),
+        kivi.t8('August'),
+        kivi.t8('September'),
+        kivi.t8('October'),
+        kivi.t8('November'),
+        kivi.t8('December')
+      ],
+      monthsShort: [
+        kivi.t8('Jan'),
+        kivi.t8('Feb'),
+        kivi.t8('Mar'),
+        kivi.t8('Apr'),
+        kivi.t8('May'),
+        kivi.t8('Jun'),
+        kivi.t8('Jul'),
+        kivi.t8('Aug'),
+        kivi.t8('Sep'),
+        kivi.t8('Oct'),
+        kivi.t8('Nov'),
+        kivi.t8('Dec')
+      ],
+      weekdays: [
+        kivi.t8('Sunday'),
+        kivi.t8('Monday'),
+        kivi.t8('Tuesday'),
+        kivi.t8('Wednesday'),
+        kivi.t8('Thursday'),
+        kivi.t8('Friday'),
+        kivi.t8('Saturday')
+      ],
+      weekdaysShort: [
+        kivi.t8('Sun'),
+        kivi.t8('Mon'),
+        kivi.t8('Tue'),
+        kivi.t8('Wed'),
+        kivi.t8('Thu'),
+        kivi.t8('Fri'),
+        kivi.t8('Sat')
+      ],
+
+      // Buttons
+      today: kivi.t8('Today'),
+      done: kivi.t8('Ok'),
+      clear: kivi.t8('Clear'),
+      cancel: kivi.t8('Cancel'),
+
+      // Accessibility labels
+      labelMonthNext: kivi.t8('Next month'),
+      labelMonthPrev: kivi.t8('Previous month')
+    };
+  };
+
+  ns.flash = function(text) {
+    M.toast({html: text});
+  };
+
+  ns.reinit_widgets = function() {
+    $('.sidenav').sidenav();
+    $('select').formSelect();
+    $('.datepicker').datepicker({
+      firstDay: 1,
+      format: kivi.myconfig.dateformat,
+      showClearBtn: true,
+      i18n: ns.build_i18n()
+    });
+    $('.modal').modal();
+    $('.materialboxed').materialbox();
+    M.updateTextFields();
+  };
+
+  // alternative for kivi.popup_dialog.
+  // opens materialize modal instead.
+  //
+  // differences: M.modal can not load external content, so it needs to be fetched manually and inserted into the DOM.
+  ns.popup_dialog = function(params) {
+    params            = params        || { };
+    let id            = params.id     || 'jqueryui_popup_dialog';
+    let $div;
+    let custom_close  = params.dialog ? params.dialog.close : undefined;
+    let dialog_params = $.extend(
+      { // kivitendo default parameters.
+        // unlike classic layout, there is not fixed size, and M.modal is always... modal
+        onCloseStart: custom_close
+      },
+      // User supplied options:
+      params.dialog || { },
+      { // Options that must not be changed:
+        // close options already work
+      });
+
+    if (params.url) {
+      $.ajax({
+        url: params.url,
+        data: params.data,
+        success: function(data) {
+          params.html = data;
+          params.url = undefined;
+          params.data = undefined;
+          ns.popup_dialog(params);
+        },
+        error: function(x, status, error) { console.error(error); },
+        dataType: 'text',
+      });
+      return 1;
+    }
+
+    if (params.html) {
+      $div = $('<div>');
+      $div.attr('id', id);
+      $div.addClass("modal");
+      let $modal_content = $('<div>');
+      $modal_content.addClass('modal-content');
+      $modal_content.html(params.html);
+      $div.append($modal_content);
+      $('body').append($div);
+      kivi.reinit_widgets();
+      dialog_params.onCloseEnd = function() { $div.remove(); };
+
+      $div.modal(dialog_params);
+    } else if(params.id) {
+      $div = $('#' + params.id);
+    } else {
+      console.error("insufficient parameters to open dialog");
+      return 0;
+    }
+
+    $div.modal('open');
+
+    return true;
+  };
+
+  /**
+   * upload file to local storage for later sync
+   *
+   * should be used with P.M.file_upload(..., local=>1)
+   */
+  ns.LocalFileUpload = function(options) {
+    this.storage_token = options.storage_token; // used in localstorage to retrieve the file
+    this.dom_selector  = options.dom_selector;  // file inputs to listen on
+
+    this.init();
+  };
+
+  ns.LocalFileUpload.prototype = {
+    init: function() {
+      $(this.dom_selector).change(this.handle_file_upload);
+    },
+    handle_file_upload: function() {
+
+    },
+    load_files: function() {
+      return JSON.parse(localStorage.getImte(this.storage_token));
+    },
+    save_files: function() {
+      return JSON.parse(localStorage.getImte(this.storage_token));
+    },
+
+  };
+
+});