download all files

admin086k8e6t9/themes/new-theme/js/vue/components/Modal.vue

@@ -0,0 +1,150 @@
+<!--**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://devdocs.prestashop.com/ for more information.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ *-->
+<template>
+  <div>
+    <transition name="fade">
+      <div class="modal show">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+          <div class="modal-content"
+               aria-labelledby="modalTitle"
+               aria-describedby="modalDescription"
+               v-click-outside="close"
+          >
+            <header
+              class="modal-header"
+            >
+              <slot name="header">
+                <h5 class="modal-title">{{ modalTitle }}</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" @click.prevent.stop="close">
+                  <span aria-hidden="true">×</span>
+                </button>
+              </slot>
+            </header>
+            <section
+              class="modal-body"
+            >
+              <slot name="body" />
+            </section>
+            <footer class="modal-footer">
+              <slot name="footer" v-if="!confirmation">
+                <button
+                  type="button"
+                  class="btn btn-outline-secondary"
+                  @click.prevent.stop="close"
+                  aria-label="Close modal"
+                >
+                  {{ closeLabel }}
+                </button>
+              </slot>
+
+              <slot name="footer-confirmation" v-if="confirmation">
+                <button
+                  type="button"
+                  class="btn btn-outline-secondary"
+                  @click.prevent.stop="close"
+                  aria-label="Close modal"
+                >
+                  {{ cancelLabel }}
+                </button>
+
+                <button
+                  type="button"
+                  class="btn btn-primary"
+                  @click.prevent.stop="confirm"
+                >
+                  {{ confirmLabel }}
+                </button>
+              </slot>
+            </footer>
+          </div>
+        </div>
+      </div>
+    </transition>
+    <div class="modal-backdrop show" @click.prevent.stop="close" />
+  </div>
+</template>
+
+<script>
+  import '@vue/directives/click-outside';
+
+  export default {
+    name: 'modal',
+    props: {
+      confirmation: {
+        type: Boolean,
+        required: false,
+        default: false,
+      },
+      cancelLabel: {
+        type: String,
+        required: false,
+        default() {
+          return this.$t('modal.cancel');
+        },
+      },
+      confirmLabel: {
+        type: String,
+        required: false,
+        default() {
+          return this.$t('modal.apply');
+        },
+      },
+      closeLabel: {
+        type: String,
+        required: false,
+        default() {
+          return this.$t('modal.close');
+        },
+      },
+      modalTitle: {
+        type: String,
+        required: false,
+        default() {
+          return '';
+        },
+      },
+    },
+    methods: {
+      close() {
+        this.$emit('close');
+      },
+      confirm() {
+        this.$emit('confirm');
+      },
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .modal.show {
+    display: block;
+  }
+  .modal-fade-enter-active, .modal-fade-leave-active {
+    transition: opacity .5s;
+  }
+  .modal-fade-enter, .modal-fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+    opacity: 0;
+  }
+</style>

admin086k8e6t9/themes/new-theme/js/vue/directives/click-outside.js

@@ -0,0 +1,78 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://devdocs.prestashop.com/ for more information.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ */
+import Vue from 'vue';
+
+let binded = [];
+
+function handler(e) {
+  binded.forEach((el) => {
+    if (!el.node.contains(e.target)) {
+      el.callback(e);
+    }
+  });
+}
+
+function addListener(node, callback) {
+  if (!binded.length) {
+    document.addEventListener('click', handler, false);
+  }
+
+  binded.push({node, callback});
+}
+
+function removeListener(node, callback) {
+  binded = binded.filter((el) => {
+    if (el.node !== node) {
+      return true;
+    }
+
+    if (!callback) {
+      return false;
+    }
+
+    return el.callback !== callback;
+  });
+  if (!binded.length) {
+    document.removeEventListener('click', handler, false);
+  }
+}
+
+Vue.directive('click-outside', {
+  bind(el, binding) {
+    removeListener(el, binding.value);
+    if (typeof binding.value === 'function') {
+      addListener(el, binding.value);
+    }
+  },
+  update(el, binding) {
+    if (binding.value !== binding.oldValue) {
+      removeListener(el, binding.oldValue);
+      addListener(el, binding.value);
+    }
+  },
+  unbind(el, binding) {
+    removeListener(el, binding.value);
+  },
+});

admin086k8e6t9/themes/new-theme/js/vue/plugins/vue-i18n/replace-formatter.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://devdocs.prestashop.com/ for more information.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ */
+
+/**
+ * This formatter is used by VueI18n, the basic format for variables looks
+ * like 'Hi {name}' or 'Hi {0}' Sadly it doesn't match the PrestaShop usual
+ * placeholders format.
+ * So this custom formatter allows us to simple replace in order to use formats
+ * like 'Hi %name%' the parameters then should be an object like {'%name%': 'John'}
+ */
+export default class ReplaceFormatter {
+  /**
+   * @param message {string}
+   * @param values {object}
+   *
+   * @returns {array}
+   */
+  interpolate (message, values) {
+    for (let param in values) {
+      message = message.replace(param, values[param]);
+    }
+
+    return [message];
+  }
+}