Update bas_vk_tab.html

bas_vk_tab.html

@@ -220,16 +220,11 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
         </select>
 
         <input id="filter-value" type="text" placeholder="Значение фильтра">
-
-
-
-
-
         <button id="filter-clear">Очистить фильтр</button>
         <button id="download-xlsx">Скачать в XLSX</button>
         <button id="download-json">Download JSON</button>
         <button id="download-rass">Рассылка по выбранным</button>
-        <button id="take-for-yourself">Взять себе</button> <!-- Добавлена вторая кнопка -->
+        <button id="take-for-yourself">Взять себе</button>
     </div>
     <div id="example-table"></div>
 
@@ -240,13 +235,14 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
             .then(response => response.json())
             .then(data => {
                 console.log('Data received:', data); // Логирование данных
-                // Переворачиваем массив данных
-                data.reverse();
+                data.reverse(); // Переворачиваем массив данных
+
                 var linkFormatter = function(cell, formatterParams, onRendered) {
                     var curator = cell.getValue();
                     var curatorLink = cell.getData().curator_link;
                     return `<a href="${curatorLink}" target="_blank">${curator}</a>`;
                 };
+
                 var table = new Tabulator("#example-table", {
                     data: data, // set table data
                     layout: "fitColumns", // fit columns to width of table
@@ -256,41 +252,27 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                     columns: [
                         {title:"Номер в списке", field:"id"},
                         {title:"Имя", field:"name", width:100},
-                      
-                      
-
-
-
-                      
-                      
-{title:"Город", field:"b_city", width:95},                          
-{title:"Email", field:"email", width:95},
-{title:"Реплики", field:"b_mess", width:95, cellClick:function(e, cell){
-    var data = cell.getData();
-    const notyf = new Notyf({
-        duration: 5000,
-        position: {
-            x: 'right',
-            y: 'top',
-        },
-    });
-
-    // Формируем текст для уведомления
-    const message = `
-        Имя: ${data.name}\n
-        WhatsApp: ${data.phone}\n
-        Реплики: ${data.b_mess}
-    `;
-
-    // Показываем уведомление
-    notyf.open({
-        type: 'info',
-        message: message,
-    });
-}},
-                        
-    
-                      
+                        {title:"Город", field:"b_city", width:95},                          
+                        {title:"Email", field:"email", width:95},
+                        {title:"Реплики", field:"b_mess", width:95, cellClick:function(e, cell){
+                            var data = cell.getData();
+                            const notyf = new Notyf({
+                                duration: 5000,
+                                position: {
+                                    x: 'right',
+                                    y: 'top',
+                                },
+                            });
+                            const message = `
+                                Имя: ${data.name}\n
+                                WhatsApp: ${data.phone}\n
+                                Реплики: ${data.b_mess}
+                            `;
+                            notyf.open({
+                                type: 'info',
+                                message: message,
+                            });
+                        }},
                         {title:"Куратор", field:"curator", formatter: linkFormatter},  
                         {title:"Статус покупки", field:"shop_st", formatter: function(cell, formatterParams, onRendered) {
                             var status = cell.getValue();
@@ -314,27 +296,24 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                             var ad_url = cell.getValue();
                             return `<a href="${ad_url}" target="_blank">${ad_url}</a>`;
                         }},
-
                         {title:"Ссылка на Tg", field:"chat_id", formatter: function(cell, formatterParams, onRendered) {
                             var chatId = cell.getValue();
                             if (chatId.startsWith('@')) {
-                                chatId = chatId.substring(1); // Удаление символа @ в начале
+                                chatId = chatId.substring(1);
                             }
                             return `<a href="https://t.me/${chatId}" target="_blank">${chatId}</a>`;
                         }},
-
                         {title:"Вебинары-присутствовал", field:"web_st", formatter:"star", formatterParams:{stars:7}, hozAlign:"center", width:90},
                         {title:"Вебинары-досмотрел до конца", field:"b_fin", formatter:function(cell, formatterParams, onRendered){
                             var value = cell.getValue();
-                             var icon;
+                            var icon;
                             if (value === 'True') {
-                            icon = ' <img src="https://i.ibb.co/9sqNhYz/4-2.png" width="98" height="14" />'; // Иконка для активного статуса
+                                icon = ' <img src="https://i.ibb.co/9sqNhYz/4-2.png" width="98" height="14" />';
                             } else {
-                            icon = ''; // Пустая строка для неактивного статуса или если значение не определено
+                                icon = '';
                             }
-                             return icon;
-                        }},                      
-                      
+                            return icon;
+                        }},
                         {title:"Прогрес по воронке", field:"fin_prog", formatter:"progress", formatterParams:{color:["#ff0000", "orange", "#00dd00"]}, sorter:"number", width:100},
                         {title:"pr1", field:"pr1"},
                         {title:"pr2", field:"pr2"},
@@ -347,90 +326,49 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                     ],
                 });
 
-              
                 var fieldEl = document.getElementById("filter-field");
                 var typeEl = document.getElementById("filter-type");
                 var valueEl = document.getElementById("filter-value");
-                var fieldEl2 = document.getElementById("filter-field2");
-
 
                 function updateFilter() {
-                    var filterVal1 = fieldEl.value;
-                    var typeVal1 = typeEl.value;
-                    var valueVal1 = valueEl.value;
-
-                    var filterVal2 = fieldEl2.value;
-                    var valueVal2 = valueEl2.value;
-
-                    if (filterVal1 && filterVal2) {
-                        table.setFilter([
-                            { field: filterVal1, type: typeVal1, value: valueVal1 },
-                            { field: filterVal2, type: "=", value: valueVal2 }
-                        ]);
+                    var filterVal = fieldEl.value;
+                    var typeVal = typeEl.value;
+                    var valueVal = valueEl.value;
+                    if (filterVal) {
+                        table.setFilter(filterVal, typeVal, valueVal);
                     }
                 }
 
-        document.getElementById('filter-clear').addEventListener('click', function() {
-            table.clearFilter();
-        });
-
-        document.getElementById('filter-value').addEventListener('input', function() {
-            var field = document.getElementById('filter-field').value;
-            var value = document.getElementById('filter-value').value;
-            table.setFilter(field, "like", value);
-        });
-
-
-
-
-//trigger download of data.json file
-document.getElementById("download-json").addEventListener("click", function(){
-    table.download("json", "data.json");
-});
-
+                fieldEl.addEventListener("change", updateFilter);
+                typeEl.addEventListener("change", updateFilter);
+                valueEl.addEventListener("keyup", updateFilter);
 
-
-
-
-              
-
-
-              
-//trigger download of data.xlsx file
-document.getElementById("download-xlsx").addEventListener("click", function(){
-    table.download("xlsx", "data.xlsx", {sheetName:"My Data"});
-});
-                document.getElementById("filter-clear").addEventListener("click", function() {
+                document.getElementById('filter-clear').addEventListener('click', function() {
                     fieldEl.value = "";
                     typeEl.value = "=";
                     valueEl.value = "";
-                    fieldEl2.value = "";
-                    valueEl2.value = "";
                     table.clearFilter();
                 });
 
-                function handleDownloadRass() {
+                document.getElementById("download-json").addEventListener("click", function() {
+                    table.download("json", "data.json");
+                });
+
+                document.getElementById("download-xlsx").addEventListener("click", function() {
+                    table.download("xlsx", "data.xlsx", {sheetName:"My Data"});
+                });
+
+                document.getElementById("download-rass").addEventListener("click", function() {
                     var tableData = table.getData("active");
                     var jsonData = JSON.stringify(tableData, null, 2);
                     console.log("Данные для рассылки:", jsonData);
-                }
-
-
-
-
-
-
-
+                });
 
-              
-                function handleTakeForYourself() {
+                document.getElementById("take-for-yourself").addEventListener("click", function() {
                     var tableData = table.getData("active");
                     var jsonData = JSON.stringify(tableData, null, 2);
                     console.log("Данные для себя:", jsonData);
-                }
-
-                document.getElementById("download-rass").addEventListener("click", handleDownloadRass);
-                document.getElementById("take-for-yourself").addEventListener("click", handleTakeForYourself);
+                });
             })
             .catch(error => console.error('Error fetching data:', error));
     });