Update biz_v.html

biz_v.html

@@ -194,211 +194,186 @@ button:hover {
     </div>
 
     <!-- Подключение скрипта Notyf -->
-    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
-    <script>
-        document.getElementById('uploadForm').addEventListener('submit', function(event) {
-            event.preventDefault();
-            const form = new FormData(this);
-            const notyf = new Notyf({
-                duration: 5000,
-                position: {
-                    x: 'right',
-                    y: 'top'
-                },
-                types: [
-                    {
-                        type: 'info',
-                        background: 'green',
-                        icon: {
-                            className: 'notyf__icon--info',
-                            tagName: 'span',
-                            text: ''
-                        }
-                    }
-                ]
-            });
-            notyf.open({
-                type: 'info',
-                message: 'Загрузка началась, пожалуйста, подождите'
-            });
-            fetch('/upload_csv', {
-                method: 'POST',
-                body: form
-            })
-            .then(response => response.json())
-            .then(data => {
-                notyf.open({
-                    type: 'success',
-                    message: data.message
-                });
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                notyf.open({
-                    type: 'error',
-                    message: 'An error occurred while uploading the file.'
-                });
-            });
-        });
-
+   <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
+<script>
+    document.getElementById('uploadForm').addEventListener('submit', function(event) {
+        event.preventDefault();
+        const form = new FormData(this);
         const notyf = new Notyf({
             duration: 5000,
             position: {
                 x: 'right',
-                y: 'top',
+                y: 'top'
             },
+            types: [
+                {
+                    type: 'info',
+                    background: 'green',
+                    icon: {
+                        className: 'notyf__icon--info',
+                        tagName: 'span',
+                        text: ''
+                    }
+                }
+            ]
         });
-        let requestButtonClicked = false;
-        document.getElementById('sendRequestButton').addEventListener('click', function() {
-            if (requestButtonClicked) return;
-            requestButtonClicked = true;
-            const token = document.getElementById('tokenInput').value;
-            const minDate = document.getElementById('dateSelect').value;
-            const type = document.getElementById('typeSelect').value;
-            const url = '/send_request';
-
-            // Показать спиннер
-            document.getElementById('spinner').style.display = 'block';
-
-            fetch(url, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded'
-                },
-                body: 'token=' + encodeURIComponent(token) + '&minDate=' + encodeURIComponent(minDate) + '&type=' + encodeURIComponent(type)
-            })
-            .then(response => response.json())
-            .then(data => {
-                console.log('JSON Response:', data);
-                createDropdown(data);
-
-                // Скрыть спиннер
-                document.getElementById('spinner').style.display = 'none';
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                notyf.error('Error: ' + error.message);
-
-                // Скрыть спиннер
-                document.getElementById('spinner').style.display = 'none';
-            })
-            .finally(() => {
-                requestButtonClicked = false;
-            });
+        notyf.open({
+            type: 'info',
+            message: 'Загрузка началась, пожалуйста, подождите'
         });
-        function createDropdown(data) {
-            const container = document.getElementById('dropdown-container');
-            container.innerHTML = '';
-            const select = document.createElement('select');
-            select.id = 'dropdown';
-            select.classList.add('form-group');
-            data.forEach(item => {
-                const option = document.createElement('option');
-                option.value = item;
-                option.text = item;
-                select.appendChild(option);
+        fetch('/upload_csv', {
+            method: 'POST',
+            body: form
+        })
+        .then(response => response.json())
+        .then(data => {
+            notyf.open({
+                type: 'success',
+                message: data.message
             });
-            container.appendChild(select);
-            const sendGetRequestButton = document.getElementById('sendGetRequestButton');
-            sendGetRequestButton.removeEventListener('click', handleGetRequest);
-            sendGetRequestButton.addEventListener('click', handleGetRequest);
-        }
-        function handleGetRequest() {
-            const selectedValue = document.getElementById('dropdown').value;
-            const token = document.getElementById('tokenInput').value;
-            const getUrl = '/send_get_request?token=' + encodeURIComponent(token) + '&webinarId=' + encodeURIComponent(selectedValue);
-            fetch(getUrl, {
-                method: 'GET'
-            })
-            .then(response => response.json())
-            .then(data => {
-                console.log('GET Response:', data);
-                notyf.success('Пользователи добавлены в базу данных WhatsGRM');
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                notyf.error('Error: ' + error.message);
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            notyf.open({
+                type: 'error',
+                message: 'An error occurred while uploading the file.'
             });
-        }
-
-        // JavaScript для спиннера
-        const colorTable = [
-            // ease in
-            [0.0, 0xf15a31],
-            [0.2, 0xffd31b],
-            [0.33, 0xa6ce42],
-            [0.4, 0x007ac1],
-            [0.45, 0x007ac1],
-            // ease out
-            [0.55, 0x007ac1],
-            [0.6, 0x007ac1],
-            [0.67, 0xa6ce42],
-            [0.8, 0xffd31b],
-            [1.0, 0xf15a31]
-        ];
-
-        function lerp(x, x0, x1, y0, y1) {
-            const t = (x - x0) / (x1 - x0);
-            return y0 + t * (y1 - y0);
-        }
-
-        function lerpStroke(t) {
-            return lerpTable(1, t, colorTable, false, lerpColor);
-        }
-
-        function lerpOffset(min, max, t) {
-            return (max - min) * t + min;
-        }
-
-        function lerpColor(x, x0, x1, y0, y1) {
-            const b0 = y0 & 0xff;
-            const g0 = (y0 & 0xff00) >> 8;
-            const r0 = (y0 & 0xff0000) >> 16;
-
-            const b1 = y1 & 0xff;
-            const g1 = (y1 & 0xff00) >> 8;
-            const r1 = (y1 & 0xff0000) >> 16;
-
-            const r = Math.floor(lerp(x, x0, x1, r0, r1));
-            const g = Math.floor(lerp(x, x0, x1, g0, g1));
-            const b = Math.floor(lerp(x, x0, x1, b0, b1));
-
-            return "#" + ((r << 16) | ( return "#" + ((r << 16) | (g << 8) | b).toString(16).padStart(6, "0");
-        }
-
-        function lerpTable(vIndex, tValue, table, canExtrapolate, lerpFunc = lerp) {
-            const rowCount = table.length;
-
-            for (let i = 0; i < rowCount; ++i) {
-                const a = table[i][0];
-
-                if (i === 0 && tValue < a) {
-                    if (canExtrapolate) {
-                        return lerpFunc(
-                            tValue,
-                            a,
-                            table[i + 1][0],
-                            table[i][vIndex],
-                            table[i + 1][vIndex]
-                        );
-                    }
-                    return table[i][vIndex];
-                }
-
-                if (i === rowCount - 1 && tValue >= a) {
-                    if (canExtrapolate) {
-                        return lerpFunc(
-                            tValue,
-                            table[i - 1][0],
-                            a,
-                            table[i - 1][vIndex],
-                            table[i][vIndex]
-                        );
-                    }
-                    return table[i][vIndex];
-                }
-
-                if (tValue >= a && tValue <= table[i + 1][0]) {
+        });
+    });
+
+    const notyf = new Notyf({
+        duration: 5000,
+        position: {
+            x: 'right',
+            y: 'top',
+        },
+    });
+    let requestButtonClicked = false;
+    document.getElementById('sendRequestButton').addEventListener('click', function() {
+        if (requestButtonClicked) return;
+        requestButtonClicked = true;
+        const token = document.getElementById('tokenInput').value;
+        const minDate = document.getElementById('dateSelect').value;
+        const type = document.getElementById('typeSelect').value;
+        const url = '/send_request';
+
+        // Показать спиннер
+        document.getElementById('spinner').style.display = 'block';
+
+        fetch(url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded'
+            },
+            body: 'token=' + encodeURIComponent(token) + '&minDate=' + encodeURIComponent(minDate) + '&type=' + encodeURIComponent(type)
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log('JSON Response:', data);
+            createDropdown(data);
+
+            // Скрыть спиннер
+            document.getElementById('spinner').style.display = 'none';
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            notyf.error('Error: ' + error.message);
+
+            // Скрыть спиннер
+            document.getElementById('spinner').style.display = 'none';
+        })
+        .finally(() => {
+            requestButtonClicked = false;
+        });
+    });
+    function createDropdown(data) {
+        const container = document.getElementById('dropdown-container');
+        container.innerHTML = '';
+        const select = document.createElement('select');
+        select.id = 'dropdown';
+        select.classList.add('form-group');
+        data.forEach(item => {
+            const option = document.createElement('option');
+            option.value = item;
+            option.text = item;
+            select.appendChild(option);
+        });
+        container.appendChild(select);
+        const sendGetRequestButton = document.getElementById('sendGetRequestButton');
+        sendGetRequestButton.removeEventListener('click', handleGetRequest);
+        sendGetRequestButton.addEventListener('click', handleGetRequest);
+    }
+    function handleGetRequest() {
+        const selectedValue = document.getElementById('dropdown').value;
+        const token = document.getElementById('tokenInput').value;
+        const getUrl = '/send_get_request?token=' + encodeURIComponent(token) + '&webinarId=' + encodeURIComponent(selectedValue);
+        fetch(getUrl, {
+            method: 'GET'
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log('GET Response:', data);
+            notyf.success('Пользователи добавлены в базу данных WhatsGRM');
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            notyf.error('Error: ' + error.message);
+        });
+    }
+
+    // JavaScript для спиннера
+    const colorTable = [
+        // ease in
+        [0.0, 0xf15a31],
+        [0.2, 0xffd31b],
+        [0.33, 0xa6ce42],
+        [0.4, 0x007ac1],
+        [0.45, 0x007ac1],
+        // ease out
+        [0.55, 0x007ac1],
+        [0.6, 0x007ac1],
+        [0.67, 0xa6ce42],
+        [0.8, 0xffd31b],
+        [1.0, 0xf15a31]
+    ];
+
+    function lerp(x, x0, x1, y0, y1) {
+        const t = (x - x0) / (x1 - x0);
+        return y0 + t * (y1 - y0);
+    }
+
+    function lerpStroke(t) {
+        return lerpTable(1, t, colorTable, false, lerpColor);
+    }
+
+    function lerpOffset(min, max, t) {
+        return (max - min) * t + min;
+    }
+
+    function lerpColor(x, x0, x1, y0, y1) {
+        const b0 = y0 & 0xff;
+        const g0 = (y0 & 0xff00) >> 8;
+        const r0 = (y0 & 0xff0000) >> 16;
+
+        const b1 = y1 & 0xff;
+        const g1 = (y1 & 0xff00) >> 8;
+        const r1 = (y1 & 0xff0000) >> 16;
+
+        const r = Math.floor(lerp(x, x0, x1, r0, r1));
+        const g = Math.floor(lerp(x, x0, x1, g0, g1));
+        const b = Math.floor(lerp(x, x0, x1, b0, b1));
+
+        return "#" + ((r << 16) | (g << 8) | b).toString(16).padStart(6, "0");
+    }
+
+    function lerpTable(vIndex, tValue, table, canExtrapolate, lerpFunc = lerp) {
+        const rowCount = table.length;
+
+        for (let i = 0; i < rowCount; ++i) {
+            const a = table[i][0];
+
+            if (i === 0 && tValue < a) {
+                if (canExtrapolate) {
                     return lerpFunc(
                         tValue,
                         a,
@@ -407,48 +382,73 @@ button:hover {
                         table[i + 1][vIndex]
                     );
                 }
+                return table[i][vIndex];
             }
 
-            return 0;
+            if (i === rowCount - 1 && tValue >= a) {
+                if (canExtrapolate) {
+                    return lerpFunc(
+                        tValue,
+                        table[i - 1][0],
+                        a,
+                        table[i - 1][vIndex],
+                        table[i][vIndex]
+                    );
+                }
+                return table[i][vIndex];
+            }
+
+            if (tValue >= a && tValue <= table[i + 1][0]) {
+                return lerpFunc(
+                    tValue,
+                    a,
+                    table[i + 1][0],
+                    table[i][vIndex],
+                    table[i + 1][vIndex]
+                );
+            }
         }
 
-        const el = document.getElementById("el");
+        return 0;
+    }
 
-        const speed = 2;
-        const speedDashoffset = 7600 / speed;
-        const speedStroke = 6000 / speed;
-        const pathWidth = 372;
-        let startTime;
-        let animationFrameId;
+    const el = document.getElementById("el");
 
-        const tick = (now) => {
-            const dtOffset = ((now - startTime) % speedDashoffset) / speedDashoffset;
-            const dtStroke = ((now - startTime) % speedStroke) / speedStroke;
+    const speed = 2;
+    const speedDashoffset = 7600 / speed;
+    const speedStroke = 6000 / speed;
+    const pathWidth = 372;
+    let startTime;
+    let animationFrameId;
 
-            const stroke = lerpStroke(dtStroke);
-            const offset = lerpOffset(pathWidth / 2, -pathWidth / 2, dtOffset);
+    const tick = (now) => {
+        const dtOffset = ((now - startTime) % speedDashoffset) / speedDashoffset;
+        const dtStroke = ((now - startTime) % speedStroke) / speedStroke;
 
-            el.style.cssText = `stroke-dashoffset: ${offset}; stroke: ${stroke};`;
+        const stroke = lerpStroke(dtStroke);
+        const offset = lerpOffset(pathWidth / 2, -pathWidth / 2, dtOffset);
 
-            animationFrameId = requestAnimationFrame(tick);
-        };
+        el.style.cssText = `stroke-dashoffset: ${offset}; stroke: ${stroke};`;
 
-        document.getElementById('sendRequestButton').addEventListener('click', function() {
-            // Показать спиннер и начать анимацию
-            document.getElementById('spinner').style.display = 'block';
-            startTime = performance.now();
-            tick(startTime);
+        animationFrameId = requestAnimationFrame(tick);
+    };
 
-            // Ваш существующий код для отправки запроса
-            // ...
+    document.getElementById('sendRequestButton').addEventListener('click', function() {
+        // Показать спиннер и начать анимацию
+        document.getElementById('spinner').style.display = 'block';
+        startTime = performance.now();
+        tick(startTime);
 
-            // Пример завершения запроса (замените на ваш реальный код)
-            setTimeout(() => {
-                // Скрыть спиннер и остановить анимацию
-                document.getElementById('spinner').style.display = 'none';
-                cancelAnimationFrame(animationFrameId);
-            }, 3000); // Имитация задержки в 3 секунды
-        });
-    </script>
+        // Ваш существующий код для отправки запроса
+        // ...
+
+        // Пример завершения запроса (замените на ваш реальный код)
+        setTimeout(() => {
+            // Скрыть спиннер и остановить анимацию
+            document.getElementById('spinner').style.display = 'none';
+            cancelAnimationFrame(animationFrameId);
+        }, 3000); // Имитация задержки в 3 секунды
+    });
+</script>
 </body>
 </html>