first commit

admin-kalsport/themes/new-theme/js/header.js

@@ -0,0 +1,153 @@
+/**
+ * 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 refreshNotifications from '@js/notifications.js';
+
+const {$} = window;
+
+export default class Header {
+  constructor() {
+    $(() => {
+      this.initQuickAccess();
+      this.initMultiStores();
+      this.initNotificationsToggle();
+      this.initSearch();
+      refreshNotifications();
+    });
+  }
+
+  initQuickAccess() {
+    $('.js-quick-link').on('click', (e) => {
+      e.preventDefault();
+
+      const method = $(e.target).data('method');
+      let name = null;
+
+      if (method === 'add') {
+        const text = $(e.target).data('prompt-text');
+        const link = $(e.target).data('link');
+
+        name = prompt(text, link);
+      }
+
+      if ((method === 'add' && name) || method === 'remove') {
+        const postLink = $(e.target).data('post-link');
+        const quickLinkId = $(e.target).data('quicklink-id');
+        const rand = $(e.target).data('rand');
+        const url = $(e.target).data('url');
+        const icon = $(e.target).data('icon');
+
+        $.ajax({
+          type: 'POST',
+          headers: {
+            'cache-control': 'no-cache',
+          },
+          async: true,
+          url: `${postLink}&action=GetUrl&rand=${rand}&ajax=1&method=${method}&id_quick_access=${quickLinkId}`,
+          data: {
+            url,
+            name,
+            icon,
+          },
+          dataType: 'json',
+          success: (data) => {
+            let quicklinkList = '';
+            $.each(data, (index) => {
+              /* eslint-disable-next-line max-len */
+              if (typeof data[index].name !== 'undefined') quicklinkList += `<li><a href="${data[index].link}&token=${data[index].token}"><i class="icon-chevron-right"></i> ${data[index].name}</a></li>`;
+            });
+
+            if (typeof data.has_errors !== 'undefined' && data.has_errors) {
+              $.each(data, (index) => {
+                if (typeof data[index] === 'string') {
+                  $.growl.error({
+                    title: '',
+                    message: data[index],
+                  });
+                }
+              });
+            } else if (quicklinkList) {
+              $('#header_quick ul.dropdown-menu .divider')
+                .prevAll()
+                .remove();
+              $('#header_quick ul.dropdown-menu').prepend(quicklinkList);
+              $(e.target).remove();
+              window.showSuccessMessage(window.update_success_msg);
+            }
+          },
+        });
+      }
+    });
+  }
+
+  initMultiStores() {
+    $('.js-link').on('click', (e) => {
+      window.open(
+        $(e.target)
+          .parents('.link')
+          .attr('href'),
+        '_blank',
+      );
+    });
+  }
+
+  initNotificationsToggle() {
+    $('.notification.dropdown-toggle').on('click', () => {
+      if (!$('.mobile-nav').hasClass('expanded')) {
+        this.updateEmployeeNotifications();
+      }
+    });
+
+    $('body').on('click', (e) => {
+      if (
+        !$('div.notification-center.dropdown').is(e.target)
+        && $('div.notification-center.dropdown').has(e.target).length === 0
+        && $('.open').has(e.target).length === 0
+      ) {
+        if ($('div.notification-center.dropdown').hasClass('open')) {
+          $('.mobile-layer').removeClass('expanded');
+          refreshNotifications();
+        }
+      }
+    });
+
+    $('.notification-center .nav-link').on('shown.bs.tab', () => {
+      this.updateEmployeeNotifications();
+    });
+  }
+
+  initSearch() {
+    $('.js-items-list').on('click', (e) => {
+      $('.js-form-search').attr('placeholder', $(e.target).data('placeholder'));
+      $('.js-search-type').val($(e.target).data('value'));
+      $('.js-dropdown-toggle').text($(e.target).data('item'));
+    });
+  }
+
+  updateEmployeeNotifications() {
+    $.post(window.adminNotificationPushLink, {
+      type: $('.notification-center .nav-link.active').attr('data-type'),
+    });
+  }
+}