@oxyshop/admin 1.3.46 → 1.3.49

package/lib/index.js

@@ -30,6 +30,7 @@ import '@oxyshop/admin/scss/main.scss';
 import '@oxyshop/admin/lib/style.css';
 import '@oxyshop/admin/images/logo.png';
 import '@oxyshop/admin/images/admin-logo.svg';
+import '@oxyshop/admin/images/50x50.png';
 import { axios } from '@oxyshop/shop/lib/plugins/Axios';
 
 window.$ = $$1;
@@ -2038,207 +2039,6 @@ class CustomerGroupingRuleConfiguration {
   }
 }
 
-(function ($) {
-
-  $.fn.extend({
-    blogSlugGenerator: function () {
-      let timeout;
-
-      $('[name*="nextgen_cms_bundle_blog[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout);
-        let element = $(this);
-
-        timeout = setTimeout(function () {
-          updateSlug(element);
-        }, 1000);
-      });
-
-      $('.toggle-blog-slug-modification').on('click', function (e) {
-        e.preventDefault();
-        toggleSlugModification($(this), $(this).siblings('input'));
-      });
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]');
-        let loadableParent = slugInput.parents('.field.loadable');
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading');
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: { name: element.val() },
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug);
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error');
-              slugInput.parents('.field').find('.sylius-validation-error').remove();
-            }
-            loadableParent.removeClass('loading');
-          },
-        });
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly');
-          button.html('<i class="unlock icon"></i>');
-        } else {
-          slugInput.attr('readonly', 'readonly');
-          button.html('<i class="lock icon"></i>');
-        }
-      }
-    },
-  });
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).blogSlugGenerator();
-  });
-})(jQuery);
-
-(function ($) {
-
-  $.fn.extend({
-    articleSlugGenerator: function () {
-      let timeout;
-
-      $('[name*="nextgen_cms_bundle_article[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout);
-        let element = $(this);
-
-        timeout = setTimeout(function () {
-          updateSlug(element);
-        }, 1000);
-      });
-
-      $('.toggle-article-slug-modification').on('click', function (e) {
-        e.preventDefault();
-        toggleSlugModification($(this), $(this).siblings('input'));
-      });
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]');
-        let loadableParent = slugInput.parents('.field.loadable');
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading');
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: { name: element.val() },
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug);
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error');
-              slugInput.parents('.field').find('.sylius-validation-error').remove();
-            }
-            loadableParent.removeClass('loading');
-          },
-        });
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly');
-          button.html('<i class="unlock icon"></i>');
-        } else {
-          slugInput.attr('readonly', 'readonly');
-          button.html('<i class="lock icon"></i>');
-        }
-      }
-    },
-  });
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).articleSlugGenerator();
-  });
-})(jQuery);
-
-(function ($) {
-
-  $.fn.extend({
-    blogCategorySlugGenerator: function () {
-      let timeout;
-
-      $('[name*="nextgen_cms_bundle_blog_category[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout);
-        let element = $(this);
-
-        timeout = setTimeout(function () {
-          updateSlug(element);
-        }, 1000);
-      });
-
-      $('.toggle-blog-category-slug-modification').on('click', function (e) {
-        e.preventDefault();
-        toggleSlugModification($(this), $(this).siblings('input'));
-      });
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]');
-        let loadableParent = slugInput.parents('.field.loadable');
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading');
-
-        let data;
-        data = {
-          name: element.val(),
-          locale: element.closest('[data-locale]').data('locale'),
-        };
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: data,
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug);
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error');
-              slugInput.parents('.field').find('.sylius-validation-error').remove();
-            }
-            loadableParent.removeClass('loading');
-          },
-        });
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly');
-          button.html('<i class="unlock icon"></i>');
-        } else {
-          slugInput.attr('readonly', 'readonly');
-          button.html('<i class="lock icon"></i>');
-        }
-      }
-    },
-  });
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).blogCategorySlugGenerator();
-  });
-})(jQuery);
-
 /**
  * CKEditor config
  */
@@ -2332,35 +2132,6 @@ vendorDescriptionElements.forEach((element) => {
   CKEDITOR.replace(element.name, ckEditorOptions);
 });
 
-/**
- * Blog article
- */
-const articleAnnotationElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_article"] textarea[name$="[annotation]"]'
-);
-articleAnnotationElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions);
-});
-const articleContentElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_article"] textarea[name$="[content]"]'
-);
-articleContentElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions);
-});
-
-/**
- * Blog category
- */
-const categoryDescriptionElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_blog_category"] textarea[name$="[description]"]'
-);
-categoryDescriptionElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions);
-});
-
 (function ($) {
 	$(document).ready(function () {
 		$('#sylius_payment_method_calculator').handlePrototypes({
@@ -2566,33 +2337,30 @@ class CustomerGroupClientAssigner {
     this.selector = selector;
     this.searchSelector = searchSelector;
     this.submitSelector = submitSelector;
-
-    this.containerElement = null;
-    this.searchElement = null;
-    this.submitElement = null;
   }
 
   init() {
-    this.containerElement = document.querySelector(this.selector);
-    const submitApiEndpoint = this.containerElement.getAttribute('data-assign-customers-url');
-    const redirectAfterUrl = this.containerElement.getAttribute('data-redirect-after-url');
+    document.querySelectorAll(this.selector).forEach((containerElement) => {
+      const submitApiEndpoint = containerElement.getAttribute('data-assign-customers-url');
+      const redirectAfterUrl = containerElement.getAttribute('data-redirect-after-url');
 
-    this.searchElement = this.containerElement.querySelector(this.searchSelector);
-    const searchApiEndpoint = this.searchElement.getAttribute('data-customer-search-url');
+      const searchElement = containerElement.querySelector(this.searchSelector);
+      const searchApiEndpoint = searchElement.getAttribute('data-customer-search-url');
 
-    $(this.searchElement).dropdown({
-      apiSettings: {
-        url: `${searchApiEndpoint}/{query}`,
-        cache: false,
-      },
+      $(searchElement).dropdown({
+        apiSettings: {
+          url: `${searchApiEndpoint}/{query}`,
+          cache: false,
+        },
 
-      minCharacters: 2,
-    });
+        minCharacters: 2,
+      });
 
-    this.submitElement = this.containerElement.querySelector(this.submitSelector);
-    this.submitElement.addEventListener('click', () => {
-      const selectedCustomersIds = this.getSelectValues(this.searchElement);
-      this.submitCustomers(submitApiEndpoint, selectedCustomersIds, redirectAfterUrl);
+      const submitElement = containerElement.querySelector(this.submitSelector);
+      submitElement.addEventListener('click', () => {
+        const selectedCustomersIds = this.getSelectValues(searchElement);
+        this.submitCustomers(submitElement, submitApiEndpoint, selectedCustomersIds, redirectAfterUrl);
+      });
     });
   }
 
@@ -2601,8 +2369,8 @@ class CustomerGroupClientAssigner {
     return Array.from(selected).map((optionElement) => optionElement.value)
   }
 
-  submitCustomers(apiEndpoint, selectedIds, redirectTo) {
-    this.submitElement.disabled = true;
+  submitCustomers(submitElement, apiEndpoint, selectedIds, redirectTo) {
+    submitElement.disabled = true;
 
     axios
       .post(apiEndpoint, { customers: selectedIds })
@@ -2613,7 +2381,7 @@ class CustomerGroupClientAssigner {
         console.error(error);
       })
       .finally(() => {
-        this.submitElement.disabled = false;
+        submitElement.disabled = false;
       });
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyshop/admin",
-  "version": "1.3.46",
+  "version": "1.3.49",
   "author": "oXy Online s.r.o. <info@oxyshop.cz>",
   "main": "lib/index.js",
   "sass": "scss/main.scss",

package/src/components/customerGroupClientAssigner.js

@@ -5,33 +5,30 @@ export default class CustomerGroupClientAssigner {
     this.selector = selector
     this.searchSelector = searchSelector
     this.submitSelector = submitSelector
-
-    this.containerElement = null
-    this.searchElement = null
-    this.submitElement = null
   }
 
   init() {
-    this.containerElement = document.querySelector(this.selector)
-    const submitApiEndpoint = this.containerElement.getAttribute('data-assign-customers-url')
-    const redirectAfterUrl = this.containerElement.getAttribute('data-redirect-after-url')
+    document.querySelectorAll(this.selector).forEach((containerElement) => {
+      const submitApiEndpoint = containerElement.getAttribute('data-assign-customers-url')
+      const redirectAfterUrl = containerElement.getAttribute('data-redirect-after-url')
 
-    this.searchElement = this.containerElement.querySelector(this.searchSelector)
-    const searchApiEndpoint = this.searchElement.getAttribute('data-customer-search-url')
+      const searchElement = containerElement.querySelector(this.searchSelector)
+      const searchApiEndpoint = searchElement.getAttribute('data-customer-search-url')
 
-    $(this.searchElement).dropdown({
-      apiSettings: {
-        url: `${searchApiEndpoint}/{query}`,
-        cache: false,
-      },
+      $(searchElement).dropdown({
+        apiSettings: {
+          url: `${searchApiEndpoint}/{query}`,
+          cache: false,
+        },
 
-      minCharacters: 2,
-    })
+        minCharacters: 2,
+      })
 
-    this.submitElement = this.containerElement.querySelector(this.submitSelector)
-    this.submitElement.addEventListener('click', () => {
-      const selectedCustomersIds = this.getSelectValues(this.searchElement)
-      this.submitCustomers(submitApiEndpoint, selectedCustomersIds, redirectAfterUrl)
+      const submitElement = containerElement.querySelector(this.submitSelector)
+      submitElement.addEventListener('click', () => {
+        const selectedCustomersIds = this.getSelectValues(searchElement)
+        this.submitCustomers(submitElement, submitApiEndpoint, selectedCustomersIds, redirectAfterUrl)
+      })
     })
   }
 
@@ -40,8 +37,8 @@ export default class CustomerGroupClientAssigner {
     return Array.from(selected).map((optionElement) => optionElement.value)
   }
 
-  submitCustomers(apiEndpoint, selectedIds, redirectTo) {
-    this.submitElement.disabled = true
+  submitCustomers(submitElement, apiEndpoint, selectedIds, redirectTo) {
+    submitElement.disabled = true
 
     axios
       .post(apiEndpoint, { customers: selectedIds })
@@ -52,7 +49,7 @@ export default class CustomerGroupClientAssigner {
         console.error(error)
       })
       .finally(() => {
-        this.submitElement.disabled = false
+        submitElement.disabled = false
       })
   }
 }

package/src/index.js

@@ -10,9 +10,6 @@ import FeedCategorySelect from './components/feedCategorySelect'
 import TooltipHelpers from './components/tooltipHelpers'
 import AdminSidebarScroller from './components/adminSidebarScroller'
 import CustomerGroupingRuleConfiguration from './components/customerGroupingRuleConfiguration'
-import './components/blog-slug.js'
-import './components/article-slug.js'
-import './components/blog-category-slug.js'
 
 // Scripts - plugin
 import './plugins/ckeditor/index'
@@ -32,6 +29,7 @@ import '@oxyshop/admin/lib/style.css'
 // Images
 import '@oxyshop/admin/images/logo.png'
 import '@oxyshop/admin/images/admin-logo.svg'
+import '@oxyshop/admin/images/50x50.png'
 import CustomerGroupClientAssigner from './components/customerGroupClientAssigner'
 
 // Components initializations

package/src/plugins/ckeditor/index.js

@@ -90,32 +90,3 @@ vendorDescriptionElements.forEach((element) => {
   // eslint-disable-next-line no-undef
   CKEDITOR.replace(element.name, ckEditorOptions)
 })
-
-/**
- * Blog article
- */
-const articleAnnotationElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_article"] textarea[name$="[annotation]"]'
-)
-articleAnnotationElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions)
-})
-const articleContentElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_article"] textarea[name$="[content]"]'
-)
-articleContentElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions)
-})
-
-/**
- * Blog category
- */
-const categoryDescriptionElements = document.querySelectorAll(
-  'form[name="nextgen_cms_bundle_blog_category"] textarea[name$="[description]"]'
-)
-categoryDescriptionElements.forEach((element) => {
-  // eslint-disable-next-line no-undef
-  CKEDITOR.replace(element.name, ckEditorOptions)
-})

package/src/components/article-slug.js

@@ -1,65 +0,0 @@
-;(function ($) {
-  'use strict'
-
-  $.fn.extend({
-    articleSlugGenerator: function () {
-      let timeout
-
-      $('[name*="nextgen_cms_bundle_article[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout)
-        let element = $(this)
-
-        timeout = setTimeout(function () {
-          updateSlug(element)
-        }, 1000)
-      })
-
-      $('.toggle-article-slug-modification').on('click', function (e) {
-        e.preventDefault()
-        toggleSlugModification($(this), $(this).siblings('input'))
-      })
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]')
-        let loadableParent = slugInput.parents('.field.loadable')
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading')
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: { name: element.val() },
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug)
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error')
-              slugInput.parents('.field').find('.sylius-validation-error').remove()
-            }
-            loadableParent.removeClass('loading')
-          },
-        })
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly')
-          button.html('<i class="unlock icon"></i>')
-        } else {
-          slugInput.attr('readonly', 'readonly')
-          button.html('<i class="lock icon"></i>')
-        }
-      }
-    },
-  })
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).articleSlugGenerator()
-  })
-})(jQuery)

package/src/components/blog-category-slug.js

@@ -1,71 +0,0 @@
-;(function ($) {
-  'use strict'
-
-  $.fn.extend({
-    blogCategorySlugGenerator: function () {
-      let timeout
-
-      $('[name*="nextgen_cms_bundle_blog_category[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout)
-        let element = $(this)
-
-        timeout = setTimeout(function () {
-          updateSlug(element)
-        }, 1000)
-      })
-
-      $('.toggle-blog-category-slug-modification').on('click', function (e) {
-        e.preventDefault()
-        toggleSlugModification($(this), $(this).siblings('input'))
-      })
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]')
-        let loadableParent = slugInput.parents('.field.loadable')
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading')
-
-        let data
-        data = {
-          name: element.val(),
-          locale: element.closest('[data-locale]').data('locale'),
-        }
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: data,
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug)
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error')
-              slugInput.parents('.field').find('.sylius-validation-error').remove()
-            }
-            loadableParent.removeClass('loading')
-          },
-        })
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly')
-          button.html('<i class="unlock icon"></i>')
-        } else {
-          slugInput.attr('readonly', 'readonly')
-          button.html('<i class="lock icon"></i>')
-        }
-      }
-    },
-  })
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).blogCategorySlugGenerator()
-  })
-})(jQuery)

package/src/components/blog-slug.js

@@ -1,65 +0,0 @@
-;(function ($) {
-  'use strict'
-
-  $.fn.extend({
-    blogSlugGenerator: function () {
-      let timeout
-
-      $('[name*="nextgen_cms_bundle_blog[translations]"][name*="[name]"]').on('input', function () {
-        clearTimeout(timeout)
-        let element = $(this)
-
-        timeout = setTimeout(function () {
-          updateSlug(element)
-        }, 1000)
-      })
-
-      $('.toggle-blog-slug-modification').on('click', function (e) {
-        e.preventDefault()
-        toggleSlugModification($(this), $(this).siblings('input'))
-      })
-
-      function updateSlug(element) {
-        let slugInput = element.parents('.content').find('[name*="[slug]"]')
-        let loadableParent = slugInput.parents('.field.loadable')
-
-        if ('readonly' === slugInput.attr('readonly')) {
-          return
-        }
-
-        loadableParent.addClass('loading')
-
-        $.ajax({
-          type: 'GET',
-          url: slugInput.attr('data-url'),
-          data: { name: element.val() },
-          dataType: 'json',
-          accept: 'application/json',
-          success: function (data) {
-            slugInput.val(data.slug)
-            if (slugInput.parents('.field').hasClass('error')) {
-              slugInput.parents('.field').removeClass('error')
-              slugInput.parents('.field').find('.sylius-validation-error').remove()
-            }
-            loadableParent.removeClass('loading')
-          },
-        })
-      }
-
-      function toggleSlugModification(button, slugInput) {
-        if (slugInput.attr('readonly')) {
-          slugInput.removeAttr('readonly')
-          button.html('<i class="unlock icon"></i>')
-        } else {
-          slugInput.attr('readonly', 'readonly')
-          button.html('<i class="lock icon"></i>')
-        }
-      }
-    },
-  })
-})(jQuery)
-;(function ($) {
-  $(document).ready(function () {
-    $(this).blogSlugGenerator()
-  })
-})(jQuery)