Subida del módulo y tema de PrestaShop

admin_o2w/themes/new-theme/js/components/showcase-card/extension/showcase-card-close-extension.ts

@@ -0,0 +1,36 @@
+/**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ */
+import {ShowcaseCard} from '@PSTypes/showcase';
+
+const {$} = window;
+
+/**
+ * Class ShowcaseCardCloseExtension is responsible for providing helper block closing behavior
+ */
+export default class ShowcaseCardCloseExtension {
+  /**
+   * Extend helper block.
+   *
+   * @param {ShowcaseCard} helperBlock
+   */
+  extend(helperBlock: ShowcaseCard): void {
+    const container = helperBlock.getContainer();
+    container.on('click', '.js-remove-helper-block', (evt: JQuery.ClickEvent) => {
+      container.remove();
+
+      const $btn = $(evt.target);
+      const url = $btn.data('closeUrl');
+      const cardName = $btn.data('cardName');
+
+      if (url) {
+        // notify the card was closed
+        $.post(url, {
+          close: 1,
+          name: cardName,
+        });
+      }
+    });
+  }
+}

admin_o2w/themes/new-theme/js/components/showcase-card/showcase-card.ts

@@ -0,0 +1,44 @@
+/**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ */
+import {ShowcaseExtension} from '@PSTypes/showcase';
+
+const {$} = window;
+
+/**
+ * Class ShowcaseCard is responsible for handling events related with showcase card.
+ */
+export default class ShowcaseCard {
+  id: string;
+
+  $container: JQuery;
+
+  /**
+   * Showcase card id.
+   *
+   * @param {string} id
+   */
+  constructor(id: string) {
+    this.id = id;
+    this.$container = $(`#${this.id}`);
+  }
+
+  /**
+   * Get showcase card container.
+   *
+   * @returns {jQuery}
+   */
+  getContainer(): JQuery {
+    return this.$container;
+  }
+
+  /**
+   * Extend showcase card with external extensions.
+   *
+   * @param {object} extension
+   */
+  addExtension(extension: ShowcaseExtension): void {
+    extension.extend(this);
+  }
+}