first commit

modules/inpostshipping/views/js/admin/tools.js

@@ -0,0 +1,189 @@
+/**
+ * Copyright 2021-2022 InPost S.A.
+ *
+ * NOTICE OF LICENSE
+ *
+ * Licensed under the EUPL-1.2 or later.
+ * You may not use this work except in compliance with the Licence.
+ *
+ * You may obtain a copy of the Licence at:
+ * https://joinup.ec.europa.eu/software/page/eupl
+ * It is also bundled with this package in the file LICENSE.txt
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the Licence is distributed on an AS IS basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the Licence for the specific language governing permissions
+ * and limitations under the Licence.
+ *
+ * @author    InPost S.A.
+ * @copyright 2021-2022 InPost S.A.
+ * @license   https://joinup.ec.europa.eu/software/page/eupl
+ */
+function inPostShippingXhr(config) {
+  const options = {
+    type: config.type || 'POST',
+    url: config.url || window.location.href,
+    data: config.data || null,
+  }
+
+  const loader = $('.inpost-loader');
+  loader.addClass('active');
+
+  const xhr = new XMLHttpRequest();
+  xhr.onreadystatechange = function () {
+    if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
+      const contentType = xhr.getResponseHeader('Content-type');
+      if (contentType === 'application/json') {
+        xhr.responseType = 'json';
+      } else if (contentType === 'text/html') {
+        xhr.responseType = 'text';
+      } else {
+        xhr.responseType = 'blob';
+      }
+    } else if (xhr.readyState === XMLHttpRequest.DONE) {
+      loader.removeClass('active');
+
+      if (xhr.status === 200) {
+        if (xhr.responseType === 'json') {
+          if (typeof config.callbackJson === 'function') {
+            config.callbackJson(xhr.response, xhr);
+          }
+        } else if (xhr.responseType === 'text') {
+          if (typeof config.callbackHtml === 'function') {
+            config.callbackHtml(xhr.response, xhr);
+          }
+        } else if (typeof config.callbackBlob === 'function') {
+          config.callbackBlob(xhr.response, xhr);
+        }
+      }
+    }
+  }
+
+  xhr.open(options.type, options.url, true);
+  xhr.send(options.data);
+}
+
+function blobFileDownload(data, xhr) {
+  let filename = '';
+  const disposition = xhr.getResponseHeader('Content-Disposition');
+  if (disposition && disposition.indexOf('attachment') !== -1) {
+    const filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+    const matches = filenameRegex.exec(disposition);
+    if (matches != null && matches[1]) {
+      filename = matches[1].replace(/['"]/g, '');
+    }
+  }
+
+  const blob = new Blob([data], {
+    type: xhr.getResponseHeader('Content-type'),
+  });
+
+  const url = window.URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.style.display = 'none';
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  window.URL.revokeObjectURL(url);
+  a.remove();
+}
+
+function displayAjaxErrors(errors) {
+  const ajaxBox = $('#ajaxBox');
+
+  errors = errors.join('</li><li>');
+  ajaxBox
+    .html(`<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><ul><li>${errors}</li></ul></div>`)
+    .show();
+
+  scrollElementIntoView(ajaxBox);
+}
+
+function displayAjaxSuccess(message) {
+  const ajaxBox = $('#ajaxBox');
+
+  ajaxBox
+    .html(`<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button>${message}</div>`)
+    .show();
+
+  scrollElementIntoView(ajaxBox);
+}
+
+function scrollElementIntoView(selector) {
+  selector.get(0).scrollIntoView({
+    block: 'end',
+    behavior: 'smooth',
+  });
+}
+
+function openPrintLabelModal(action, showType = true) {
+  const form = $('#inpost-print-shipment-label-form');
+
+  form.attr('action', action);
+  if (showType) {
+    form.find('input[name="label_type"]').closest('.form-group').show();
+  } else {
+    form.find('input[name="label_type"]').closest('.form-group').hide();
+  }
+
+  $('#inpost-print-shipment-label-modal').modal('show');
+}
+
+function submitPrintLabelForm(callbackJson, formData = null) {
+  const form = $('#inpost-print-shipment-label-form');
+
+  if (formData) {
+    form.find('input:checked').each(function () {
+      const input = $(this);
+      formData.append(input.attr('name'), input.val());
+    });
+  } else {
+    formData = new FormData(form.get(0));
+  }
+
+  inPostShippingXhr({
+    url: form.attr('action'),
+    data: formData,
+    callbackBlob: function(data, xhr) {
+      blobFileDownload(data, xhr);
+      $('#inpost-print-shipment-label-modal').modal('hide');
+    },
+    callbackJson: callbackJson,
+  });
+}
+
+function openDispatchOrderModal(action) {
+  const form = $('#inpost-dispatch-order-form');
+  form.attr('action', action);
+
+  $('#inpost-create-dispatch-order-modal').modal('show');
+}
+
+function submitDispatchOrderForm(formData = null) {
+  const form = $('#inpost-dispatch-order-form');
+
+  if (formData) {
+    formData.append('id_dispatch_point', $('#id_dispatch_point').val());
+  } else {
+    formData = new FormData(form.get(0));
+  }
+
+  formData.append('ajax', '1');
+
+  inPostShippingXhr({
+    url: form.attr('action'),
+    data: formData,
+    callbackJson: function (response) {
+      if ('errors' in response) {
+        const errors = response.errors.join('</li><li>');
+        $('#inpost-dispatch-order-form-errors').html(`<article class="alert alert-danger"><ul><li>${errors}</li></ul></article>`);
+      } else if ('redirect' in response) {
+        window.location.href = response.redirect;
+      } else {
+        window.location.reload();
+      }
+    },
+  });
+}