@oxyshop/admin 1.3.43 → 1.3.47

package/lib/index.js

@@ -2103,6 +2103,71 @@ class CustomerGroupingRuleConfiguration {
   });
 })(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({
@@ -2267,6 +2332,24 @@ 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
  */

package/package.json

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

package/src/components/article-slug.js

@@ -0,0 +1,65 @@
+;(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/index.js

@@ -11,6 +11,7 @@ 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

package/src/plugins/ckeditor/index.js

@@ -91,6 +91,24 @@ 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
  */