20-02-2026

public/js/iq-modal-cart.js

@@ -1,181 +1,273 @@
-
 var IqModalCart = {
-    form: "#cart-order-form",
-    btn_modal_add: '.add-product-basket',
-    btn_add: '.add-from-basket',
-    btn_remove: '.remove-from-basket',
-    table_input: '.table-input-event-onchange',
-    oTable: null,
-    cart_holder: '#insert_show_products_order',
-    is_for: null,
-    modal: '#modals-load-content',
-    remove_item_cart: '.remove_item_form_cart',
-    insert_show_total_order: '#insert_show_total_order',
-    input_is_for: 'is_for',
-    comp_holder: '#holder_html_view_comp_product',
-    comp_products: 'switchers-comp-product',
-    count_comp_products: 'count_comp_products',
+  form: "#cart-order-form",
+  btn_modal_add: ".add-product-basket",
+  btn_add: ".add-from-basket",
+  btn_remove: ".remove-from-basket",
+  table_input: ".table-input-event-onchange",
+  oTable: null,
+  cart_holder: "#insert_show_products_order",
+  is_for: null,
+  modal: "#modals-load-content",
+  remove_item_cart: ".remove_item_form_cart",
+  insert_show_total_order: "#insert_show_total_order",
+  input_is_for: "is_for",
+  comp_holder: "#holder_html_view_comp_product",
+  comp_products: "switchers-comp-product",
+  count_comp_products: "count_comp_products",
+  addOnlyMode: false,
+  confirmModal: "#modal-confirm-add",
+  pendingAction: null,
 
-    _log: function ($msg){
-        console.log($msg);
-    },
-    init: function () {
-        var _self = this;
-        _self.url = $(_self.form).attr('action');
-        _self.is_for = $('input[name="'+_self.input_is_for+'"]').val();
-        _self.reInitCart($(_self.cart_holder));
-        return _self;
-    },
-    setDatabase: function (oTable){
-        var _self = this;
-        _self.oTable = oTable;
-    },
-    reInitModal: function (){
-        var _self = this;
-        $(_self.oTable).find(_self.btn_modal_add).on('click', function(){
-           _self.add_product_modal($(this))
-        });
-    },
-    add_product_modal: function (_obj){
-        var _self = this;
-        _self.performRequest({
-            product_id: _obj.data('product-id'),
+  _log: function($msg) {
+    console.log($msg);
+  },
+  init: function() {
+    var _self = this;
+    _self.url = $(_self.form).attr("action");
+    _self.is_for = $('input[name="' + _self.input_is_for + '"]').val();
+    var addOnlyVal = $(_self.form).data("add-only-mode");
+    _self.addOnlyMode =
+      addOnlyVal === 1 || addOnlyVal === "1" || addOnlyVal === true;
+    _self.reInitCart($(_self.cart_holder));
+    _self.initConfirmModal();
+
+    return _self;
+  },
+  initConfirmModal: function() {
+    var _self = this;
+    $("#confirm-add-btn")
+      .off("click")
+      .on("click", function() {
+        $(_self.confirmModal).modal("hide");
+        if (_self.pendingAction) {
+          _self.pendingAction();
+          _self.pendingAction = null;
+        }
+      });
+  },
+  showConfirm: function(productName, productPrice, qtyInfo, callback) {
+    var _self = this;
+    var $confirmModal = $(_self.confirmModal);
+    var titleKey = _self.addOnlyMode ? "title-add-only" : "title-normal";
+    var warningKey = _self.addOnlyMode ? "warning-add-only" : "warning-normal";
+    $("#modal-confirm-add-label").text($confirmModal.data(titleKey));
+    $("#confirm-add-warning-text").text($confirmModal.data(warningKey));
+    $("#confirm-add-product-name").text(productName || "-");
+    $("#confirm-add-product-price").html(productPrice || "-");
+    $("#confirm-add-qty-info").text(qtyInfo || "");
+    _self.pendingAction = callback;
+    $confirmModal.modal("show");
+  },
+  setDatabase: function(oTable) {
+    var _self = this;
+    _self.oTable = oTable;
+  },
+  reInitModal: function() {
+    var _self = this;
+    $(_self.oTable)
+      .find(_self.btn_modal_add)
+      .on("click", function() {
+        _self.add_product_modal($(this));
+      });
+  },
+  add_product_modal: function(_obj) {
+    var _self = this;
+    var productName = _obj.data("product-name") || "";
+    var productPrice = _obj.data("product-price") || "";
+    var $modal = $(_self.modal);
+    $modal.one("hidden.bs.modal", function() {
+      _self.showConfirm(productName, productPrice, "1x", function() {
+        _self
+          .performRequest({
+            product_id: _obj.data("product-id"),
             qty: 1,
-            action: 'addProduct'
-        }).done(_self.refreshView);
-
-    },
-    reInitCart: function (obj){
-        var _self = this;
-        var _obj = obj;
-        obj.find(_self.btn_add).off('click').on('click', function(){
-            _self.add_product($(this), _obj)
-        });
-        obj.find(_self.btn_remove).off('click').on('click', function(){
-            _self.remove_product($(this), _obj)
-        });
-        obj.find(_self.table_input).off('change').on('change', function(){
-            _self.update_input_table($(this), _obj);
-        });
-        obj.find(_self.remove_item_cart).off('click').on('click', function(event){
-            event.preventDefault()
-            _self.remove_from_cart($(this), _obj);
-        });
-        if(_self.is_for === 'me' || _self.is_for === 'abo-me'){
-            $('input[name^="'+_self.comp_products+'"]').on('change', function(){
-                _self.update_comp_product($(this));
-            });
-        }
-    },
-    update_comp_product: function (_obj){
-        var _self = this;
-        _self.performRequest({
-                comp_product_id: _obj.val(), 
-                comp_num: _obj.data('comp_num'), 
-                count_comp_products: $('input[name="'+_self.count_comp_products+'"]').val(), 
-                action: 'updateCompProduct'})
-            .done(_self.refreshView);
-    },
-    add_product: function (_obj, _holder){
-        var _self = this;
-        var input = _holder.find('input[name="product_qty_'+_obj.data('order-item-id')+'"]');
-        var qty = parseInt(input.val()) + 1;
-        qty = _self.checkNumber(qty);
-        input.val(qty);
-        _self.update_cart(_holder, _obj, qty);
-    },
-    remove_product: function (_obj, _holder){
-        var _self = this;
-        var input = _holder.find('input[name="product_qty_'+_obj.data('order-item-id')+'"]');
-        var qty = parseInt(input.val()) - 1;
-        qty = _self.checkNumber(qty);
-        input.val(qty);
-        _self.update_cart(_holder, _obj, qty);
-    },
-    update_input_table: function (_obj, _holder){
-        var _self = this;
-        var qty = parseInt(_obj.val());
-        qty = _self.checkNumber(qty);
-        _obj.val(qty);
-        _self.update_cart(_holder, _obj, qty);
-    },
-    update_cart: function (_holder, _obj, qty){
-        var _self = this;
-        _self.performRequest({
-            product_id: _obj.data('product-id'),
-            order_item_id: _obj.data('order-item-id'),
-            cart_order_id: _holder.data('cart-order-id'),
-            qty: qty,
-            action: 'updateCart'
-        }).done(_self.refreshView);
-    },
-    remove_from_cart: function (_obj, _holder){
-        var _self = this;
-        _self.performRequest({
-            product_id: _obj.data('product-id'),
-            order_item_id: _obj.data('order-item-id'),
-            cart_order_id: _holder.data('cart-order-id'),
-            action: 'removeFromCart'
-        }).done(_self.refreshView);
-    },
-   
-    refreshView: function (data) {
-        var _self = IqModalCart;
-        var obj = $(_self.cart_holder)
-        obj.html(data.html_cart);
-        $(_self.insert_show_total_order).html(data.html_total);
-        $(_self.modal).modal('hide');
-        if($(_self.comp_holder)){
-            $(_self.comp_holder).html(data.html_comp);
-        }
-        if($('#value-amount')){
-            $('#value-amount').html(data.amount);
-        }
-        _self.reInitCart(obj);
-
-       // var input = $(_self.table).find('input[name="product_qty_'+data.data.product_id+'"]');
-       // input.val(data.data.qty);
-       // _self.showInit();
-    },
-    performRequest : function(data) {
-        var _self = this;
-        var url = _self.url,
-            contentType = 'application/x-www-form-urlencoded; charset=UTF-8';
-
-        console.log(data);
-        console.log(url);
-
-        return $.ajax({
-            url: url,
-            data: data,
-            type: "POST",
-            dataType: "json",
-            cache: false,
-            contentType: contentType,
-            encode: true,
-            headers: {
-                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
-            }
-        })
-            .done(function (data) {
-                console.log('performRequest');
-                console.log(data);
-
-            }).fail(function (jqXHR, textStatus, errorThrown) {
-                console.log(jqXHR);
-                console.log(jqXHR.responseText);
-                console.log(textStatus);
-                console.log(errorThrown);
-                console.log("Sorry, there was a problem!");
-            });
-    },
-    checkNumber : function(number){
-        if(number < 1 || isNaN(number)){
-            return  1;
-        }
-        if(number >= 999){
-            return  999;
-        }
-        return number;
+            action: "addProduct",
+          })
+          .done(_self.refreshView);
+      });
+    });
+    $modal.modal("hide");
+  },
+  reInitCart: function(obj) {
+    var _self = this;
+    var _obj = obj;
+    obj
+      .find(_self.btn_add)
+      .off("click")
+      .on("click", function() {
+        _self.add_product($(this), _obj);
+      });
+    obj
+      .find(_self.btn_remove)
+      .off("click")
+      .on("click", function() {
+        _self.remove_product($(this), _obj);
+      });
+    obj
+      .find(_self.table_input)
+      .off("change")
+      .on("change", function() {
+        _self.update_input_table($(this), _obj);
+      });
+    obj
+      .find(_self.remove_item_cart)
+      .off("click")
+      .on("click", function(event) {
+        event.preventDefault();
+        _self.remove_from_cart($(this), _obj);
+      });
+    if (_self.is_for === "me" || _self.is_for === "abo-me") {
+      $('input[name^="' + _self.comp_products + '"]').on("change", function() {
+        _self.update_comp_product($(this));
+      });
     }
-};
+  },
+  update_comp_product: function(_obj) {
+    var _self = this;
+    _self
+      .performRequest({
+        comp_product_id: _obj.val(),
+        comp_num: _obj.data("comp_num"),
+        count_comp_products: $(
+          'input[name="' + _self.count_comp_products + '"]',
+        ).val(),
+        action: "updateCompProduct",
+      })
+      .done(_self.refreshView);
+  },
+  add_product: function(_obj, _holder) {
+    var _self = this;
+    console.log(_self);
+    var input = _holder.find(
+      'input[name="product_qty_' + _obj.data("order-item-id") + '"]',
+    );
+    var currentQty = parseInt(input.val());
+    var qty = currentQty + 1;
+    qty = _self.checkNumber(qty);
+
+    var productName = _obj.data("product-name") || "";
+    var productPrice = _obj.data("product-price") || "";
+    var qtyInfo = currentQty + " \u2192 " + qty;
+    console.log(qtyInfo);
+    _self.showConfirm(productName, productPrice, qtyInfo, function() {
+      input.val(qty);
+      _self.update_cart(_holder, _obj, qty);
+    });
+  },
+  remove_product: function(_obj, _holder) {
+    var _self = this;
+    var input = _holder.find(
+      'input[name="product_qty_' + _obj.data("order-item-id") + '"]',
+    );
+    var qty = parseInt(input.val()) - 1;
+    qty = _self.checkNumber(qty);
+    input.val(qty);
+    _self.update_cart(_holder, _obj, qty);
+  },
+  update_input_table: function(_obj, _holder) {
+    var _self = this;
+    var qty = parseInt(_obj.val());
+    qty = _self.checkNumber(qty);
+    _obj.val(qty);
+    _self.update_cart(_holder, _obj, qty);
+  },
+  update_cart: function(_holder, _obj, qty) {
+    var _self = this;
+    _self
+      .performRequest({
+        product_id: _obj.data("product-id"),
+        order_item_id: _obj.data("order-item-id"),
+        cart_order_id: _holder.data("cart-order-id"),
+        qty: qty,
+        action: "updateCart",
+      })
+      .done(_self.refreshView);
+  },
+  remove_from_cart: function(_obj, _holder) {
+    var _self = this;
+    _self
+      .performRequest({
+        product_id: _obj.data("product-id"),
+        order_item_id: _obj.data("order-item-id"),
+        cart_order_id: _holder.data("cart-order-id"),
+        action: "removeFromCart",
+      })
+      .done(_self.refreshView);
+  },
+
+  refreshView: function(data) {
+    var _self = IqModalCart;
+    var obj = $(_self.cart_holder);
+    obj.html(data.html_cart);
+    $(_self.insert_show_total_order).html(data.html_total);
+    $(_self.modal).modal("hide");
+    if ($(_self.comp_holder)) {
+      $(_self.comp_holder).html(data.html_comp);
+    }
+    if ($("#value-amount")) {
+      $("#value-amount").html(data.amount);
+    }
+    _self.reInitCart(obj);
+  },
+  performRequest: function(data) {
+    var _self = this;
+    var url = _self.url,
+      contentType = "application/x-www-form-urlencoded; charset=UTF-8";
+
+    console.log(data);
+    console.log(url);
+
+    return $.ajax({
+      url: url,
+      data: data,
+      type: "POST",
+      dataType: "json",
+      cache: false,
+      contentType: contentType,
+      encode: true,
+      headers: {
+        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
+      },
+    })
+      .done(function(data) {
+        console.log("performRequest");
+        console.log(data);
+      })
+      .fail(function(jqXHR, textStatus, errorThrown) {
+        console.log(jqXHR);
+        console.log(jqXHR.responseText);
+        console.log(textStatus);
+        console.log(errorThrown);
+        if (
+          jqXHR.status === 403 &&
+          jqXHR.responseJSON &&
+          jqXHR.responseJSON.message
+        ) {
+          var errorEl = document.getElementById("insert_show_error_message");
+          if (!errorEl) {
+            errorEl = document.createElement("div");
+            errorEl.id = "insert_show_error_message";
+            errorEl.className = "alert alert-danger mt-2";
+            var cartHolder = document.querySelector(
+              "#insert_show_products_order",
+            );
+            if (cartHolder) {
+              cartHolder.insertBefore(errorEl, cartHolder.firstChild);
+            }
+          }
+          errorEl.textContent = jqXHR.responseJSON.message;
+        } else {
+          console.log("Sorry, there was a problem!");
+        }
+      });
+  },
+  checkNumber: function(number) {
+    if (number < 1 || isNaN(number)) {
+      return 1;
+    }
+    if (number >= 999) {
+      return 999;
+    }
+    return number;
+  },
+};