CalorieCalculatorJS

1
import {
2
    openModalBtn,
3
    closeModalBtn,
4
    clearAllDataBtn,
5
    productForm,
6
    productListContent,
7
    productListShow,
8
    filterInput,
9
    sortProductListBtn,
10
    setGoalsBtn,
11
    closeGoalsModalBtn,
12
    saveGoalsBtn,
13
    dropZone
14
} from './variables.js';
15

16
import {
17
    openModal,
18
    closeModal,
19
    openGoalsModal,
20
    closeGoalsModal
21
} from './fuctions/modal.js';
22

23
import toggleProductListVisibility from './fuctions/toggleProductListVisibility.js';
24
import toggleSortDirection from "./fuctions/toggleSortDirection.js";
25
import saveGoals from "./fuctions/saveGoals.js";
26
import clearAllData from "./fuctions/clearAllData.js";
27
import {
28
    handleProductFormSubmit,
29
    handleProductListClick
30
} from "./fuctions/handleProduct.js";
31
import {
32
    displayProducts,
33
    displaySelectedProducts,
34
    displayGoals
35
} from "./fuctions/displayFunctions.js";
36
import {
37
    allowDrop,
38
    handleDrop
39
} from "./fuctions/dragAndDropFunctions.js";
40

41

42
// Обработчики
43
document.addEventListener('DOMContentLoaded', () => {
44
    openModalBtn.addEventListener('click', openModal);
45
    if (closeModalBtn) {
46
        closeModalBtn.addEventListener('click', closeModal);
47
    }
48

49
    if (clearAllDataBtn) {
50
        clearAllDataBtn.addEventListener('click', clearAllData);
51
    }
52

53
    productForm.addEventListener('submit', handleProductFormSubmit);
54
    productListContent.addEventListener('click', handleProductListClick);
55
    productListShow.addEventListener('click', toggleProductListVisibility);
56
    filterInput.addEventListener('input', displayProducts);
57
    sortProductListBtn.addEventListener('click', toggleSortDirection);
58
    setGoalsBtn.addEventListener('click', openGoalsModal);
59
    closeGoalsModalBtn.addEventListener('click', closeGoalsModal);
60
    saveGoalsBtn.addEventListener('click', saveGoals);
61

62
    dropZone.addEventListener('dragover', allowDrop);
63
    dropZone.addEventListener('drop', handleDrop);
64

65
    // Инициализация отображения продуктов, целевых калорий и выбранных продуктов
66
    displayProducts();
67
    displayGoals();
68
    displaySelectedProducts();
69
});