CalorieCalculatorJS

1
import {addToSelectedProducts, getProductById} from "./ProductManager.js";
2
import {displaySelectedProducts} from "./displayFunctions.js";
3

4
// Позволяет браузеру обрабатывать событие перетаскивания
5
export const allowDrop = (e) => {
6
    e.preventDefault();
7
};
8

9
// Обработка события "drop" при перетаскивании продукта
10
export const handleDrop = (e) => {
11
    e.preventDefault();
12
    // Получение id продукта из перетаскиваемых данных
13
    const productId = e.dataTransfer.getData('text/plain');
14
    // Получение продукта по id и добавление его к выбранным продуктам
15
    const product = getProductById(productId);
16

17
    if (product) {
18
        addToSelectedProducts(product);
19
        // Обновление отображения выбранных продуктов
20
        displaySelectedProducts();
21
    }
22
};
23

24
// Обработка события при начале перетаскивания продукта
25
export const handleDragStart = (e, productId) => {
26
    // Установка id для перетаскивания
27
    e.dataTransfer.setData('text/plain', productId);
28
};