Migrate Sell > Catalog > Catalog price rule create/edit action

admin-dev/themes/new-theme/.webpack/common.js

@@ -38,6 +38,7 @@ module.exports = {
     backup: './js/pages/backup',
     catalog: './js/app/pages/catalog',
     catalog_product: './js/pages/catalog/product',
+    catalog_price_rule_form: './js/pages/catalog-price-rule/form',
     category: './js/pages/category',
     cldr: './js/app/cldr',
     cms_page: './js/pages/cms-page',

admin-dev/themes/new-theme/js/pages/catalog-price-rule/form/catalog-price-rule-form-map.js

@@ -0,0 +1,37 @@
+/**
+ * 2007-2019 PrestaShop and Contributors
+ *
+ * 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.txt.
+ * 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://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2019 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+/**
+ * Defines all selectors that are used in catalog price rule add/edit form.
+ */
+export default {
+  // mapping for price-field-availability-handler
+  initialPrice: '#catalog_price_rule_leave_initial_price',
+  price: '#catalog_price_rule_price',
+
+  // mapping for include-tax-field-visibility-handler
+  reductionType: '.js-reduction-type-source',
+  includeTax: '.js-include-tax-target',
+};

admin-dev/themes/new-theme/js/pages/catalog-price-rule/form/include-tax-field-visibility-handler.js

@@ -0,0 +1,53 @@
+/**
+ * 2007-2019 PrestaShop and Contributors
+ *
+ * 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.txt.
+ * 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://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2019 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+const $ = window.$;
+
+/**
+ * Shows/hides 'include_tax' field depending from 'reduction_type' field value
+ */
+export default class IncludeTaxFieldVisibilityHandler {
+  constructor(sourceSelector, targetSelector) {
+    this.$sourceSelector = $(sourceSelector);
+    this.$targetSelector = $(targetSelector);
+    this._handle();
+    this.$sourceSelector.on('change', () => this._handle());
+
+    return {};
+  }
+
+  /**
+   * When source value is 'percentage', target field is shown, else hidden
+   *
+   * @private
+   */
+  _handle() {
+    if (this.$sourceSelector.val() === 'percentage') {
+      this.$targetSelector.fadeOut();
+    } else {
+      this.$targetSelector.fadeIn();
+    }
+  }
+}

admin-dev/themes/new-theme/js/pages/catalog-price-rule/form/index.js

@@ -0,0 +1,44 @@
+/**
+ * 2007-2019 PrestaShop and Contributors
+ *
+ * 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.txt.
+ * 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://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2019 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+import PriceFieldAvailabilityHandler
+  from './price-field-availability-handler';
+
+import IncludeTaxFieldVisibilityHandler
+  from './include-tax-field-visibility-handler';
+import CatalogPriceRuleFormMap from './catalog-price-rule-form-map';
+
+const $ = window.$;
+
+$(() => {
+  new PriceFieldAvailabilityHandler(
+    CatalogPriceRuleFormMap.initialPrice,
+    CatalogPriceRuleFormMap.price
+  );
+  new IncludeTaxFieldVisibilityHandler(
+    CatalogPriceRuleFormMap.reductionType,
+    CatalogPriceRuleFormMap.includeTax
+  );
+});

admin-dev/themes/new-theme/js/pages/catalog-price-rule/form/price-field-availability-handler.js

@@ -0,0 +1,51 @@
+/**
+ * 2007-2019 PrestaShop and Contributors
+ *
+ * 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.txt.
+ * 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://www.prestashop.com for more information.
+ *
+ * @author    PrestaShop SA <contact@prestashop.com>
+ * @copyright 2007-2019 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ * International Registered Trademark & Property of PrestaShop SA
+ */
+
+const $ = window.$;
+
+/**
+ * Enables/disables 'price' field depending from 'leave_initial_price' field checkbox value
+ */
+export default class PriceFieldAvailabilityHandler {
+  constructor(checkboxSelector, targetSelector) {
+    this.$sourceSelector = $(checkboxSelector);
+    this.$targetSelector = $(targetSelector);
+    this._handle();
+    this.$sourceSelector.on('change', () => this._handle());
+
+    return {};
+  }
+
+  /**
+   * When checkbox value is 1, target field is disabled, else enabled
+   *
+   * @private
+   */
+  _handle() {
+    const checkboxVal = this.$sourceSelector.is(':checked');
+
+    this.$targetSelector.prop('disabled', checkboxVal);
+  }
+}