Update bas_vk_tab.html

bas_vk_tab.html

@@ -233,20 +233,18 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
     <div id="example-table"></div>
 
 <script>
-   vkBridge.send('VKWebAppInit');
+    vkBridge.send('VKWebAppInit');
     document.addEventListener('DOMContentLoaded', function() {
         fetch('https://dmtuit-psy-vk.hf.space/data_gc_tab_out?api_sys=fasSd345D')
             .then(response => response.json())
             .then(data => {
                 console.log('Data received:', data); // Логирование данных
                 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
@@ -258,103 +256,65 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                         {title:"Имя", field:"name", width:85},
                         {title:"Город", field:"b_city", width:85},                          
                         {title:"Email", field:"email", width:85},
-
-
-
-
-{title:"WhatsApp", field:"phone", formatter: function(cell, formatterParams, onRendered) {
-var phone = cell.getValue();
-var ws_stop = cell.getData().ws_stop; 
-var ws_st = cell.getData().ws_st; 
-var imageUrl1 = "https://i.ibb.co/YBvwFR6/whatsapp-2.png"; // Замените на URL первой картинки
-var imageUrl2 = "https://i.ibb.co/LZx71cM/1.png"; // Замените на URL второй картинки
-var imageUrl3 = "https://i.ibb.co/Cvn3QsK/whatsapp-3.png"; // Замените на URL второй картинки
-var link = `<a href="https://web.whatsapp.com/send?phone=${phone}" target="_blank">`;
-// Проверка условий
-if (ws_stop !== "1" && ws_st === "1") {
-    console.log("Первая переменная не равна единице, вторая равна единице");
-   return link + `<img src="${imageUrl2}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
-  
-} else if (ws_stop === "1" && ws_st === "1") {
-    console.log("Обе переменные равны единице");
-return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
-
-} else {
-    console.log("Остальные случаи");
-    return link + `<img src="${imageUrl1}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
-}
-}}, 
-
-
-
-
-
-{title:"ВКонтакте", field:"vk_id", formatter: function(cell, formatterParams, onRendered) {
-    var vk_id = cell.getValue();
-    var imageUrlvk1 = "https://i.ibb.co/BKB8R4C/2-2.png"; // Замените на URL первой картинки
-    var imageUrlvk2 = "https://i.ibb.co/MPCGvQX/2-1.png"; // Замените на URL второй картинки
-
-    var link1 = `<a href="https://vk.com" target="_blank">`;  
-    var link2 = `<a href="https://vk.com/id${vk_id}" target="_blank">`;  
-    // Проверка условий
-    if (vk_id === "0" || vk_id === "") {
-        // Если vk_id равен "0" или пуст
-        return link1 + `<img src="${imageUrlvk1}" alt="Image" style="width: 98px; height: 14px;">`;
-    } else {
-        // Если vk_id не пуст и не равен "0"
-        return link2 + `<img src="${imageUrlvk2}" alt="Image" style="width: 98px; height: 14px;">`;
-    }
-}},
-
-
-
-
-                            {title:"Телеграм", field:"chat_id", formatter: function(cell, formatterParams, onRendered) {
-                                var chat_id = cell.getValue();
-                                var imageUrltg1 = "https://i.ibb.co/3S4Wt7m/3-2.png";
-                                var imageUrlntg2 = "https://i.ibb.co/rZrzQhb/3-1.png";
-                                var linktg1 = `<a href="https://t.me" target="_blank">`;  
-                                var linktg2 = `<a href="https://t.me/${chat_id}" target="_blank">`;  
-                                if (chat_id === "0" || chat_id === "") {
-                                    return linktg1 + `<img src="${imageUrltg1}" alt="Image" style="width: 98px; height: 14px;">`;
-                                } else {
-                                    return linktg2 + `<img src="${imageUrlntg2}" alt="Image" style="width: 98px; height: 14px;">`;
-                                }
-                            }},
-                            {title:"GetCurse", field:"gc_url", formatter: function(cell, formatterParams, onRendered) {
-                                var gc_url = cell.getValue();
-                                var imageUrlvkgc1 = "https://i.ibb.co/F8825KY/1-2.png";
-                                var imageUrlvkgc2 = "https://i.ibb.co/S3qwFKM/1-1.png";
-                                var linkgc1 = `<a href="https://vk.com/getcourseru" target="_blank">`;  
-                                var linkgc2 = `<a href="${gc_url}" target="_blank">`;  
-                                if (gc_url === "0" || gc_url === "") {
-                                    return linkgc1 + `<img src="${imageUrlvkgc1}" alt="Image" style="width: 98px; height: 14px;">`;
-                                } else {
-                                    return linkgc2 + `<img src="${imageUrlvkgc2}" alt="Image" style="width: 98px; height: 14px;">`;
-                                }
-                            }},
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-                      
+                        {title:"WhatsApp", field:"phone", formatter: function(cell, formatterParams, onRendered) {
+                            var phone = cell.getValue();
+                            var ws_stop = cell.getData().ws_stop; 
+                            var ws_st = cell.getData().ws_st; 
+                            var imageUrl1 = "https://i.ibb.co/YBvwFR6/whatsapp-2.png"; // Замените на URL первой картинки
+                            var imageUrl2 = "https://i.ibb.co/LZx71cM/1.png"; // Замените на URL второй картинки
+                            var imageUrl3 = "https://i.ibb.co/Cvn3QsK/whatsapp-3.png"; // Замените на URL второй картинки
+                            var link = `<a href="https://web.whatsapp.com/send?phone=${phone}" target="_blank">`;
+                            // Проверка условий
+                            if (ws_stop !== "1" && ws_st === "1") {
+                                console.log("Первая переменная не равна единице, вторая равна единице");
+                                return link + `<img src="${imageUrl2}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
+                            } else if (ws_stop === "1" && ws_st === "1") {
+                                console.log("Обе переменные равны единице");
+                                return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
+                            } else {
+                                console.log("Остальные случаи");
+                                return link + `<img src="${imageUrl1}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
+                            }
+                        }}, 
+                        {title:"ВКонтакте", field:"vk_id", formatter: function(cell, formatterParams, onRendered) {
+                            var vk_id = cell.getValue();
+                            var imageUrlvk1 = "https://i.ibb.co/BKB8R4C/2-2.png"; // Замените на URL первой картинки
+                            var imageUrlvk2 = "https://i.ibb.co/MPCGvQX/2-1.png"; // Замените на URL второй картинки
+                            var link1 = `<a href="https://vk.com" target="_blank">`;  
+                            var link2 = `<a href="https://vk.com/id${vk_id}" target="_blank">`;  
+                            // Проверка условий
+                            if (vk_id === "0" || vk_id === "") {
+                                // Если vk_id равен "0" или пуст
+                                return link1 + `<img src="${imageUrlvk1}" alt="Image" style="width: 98px; height: 14px;">`;
+                            } else {
+                                // Если vk_id не пуст и не равен "0"
+                                return link2 + `<img src="${imageUrlvk2}" alt="Image" style="width: 98px; height: 14px;">`;
+                            }
+                        }},
+                        {title:"Телеграм", field:"chat_id", formatter: function(cell, formatterParams, onRendered) {
+                            var chat_id = cell.getValue();
+                            var imageUrltg1 = "https://i.ibb.co/3S4Wt7m/3-2.png";
+                            var imageUrlntg2 = "https://i.ibb.co/rZrzQhb/3-1.png";
+                            var linktg1 = `<a href="https://t.me" target="_blank">`;  
+                            var linktg2 = `<a href="https://t.me/${chat_id}" target="_blank">`;  
+                            if (chat_id === "0" || chat_id === "") {
+                                return linktg1 + `<img src="${imageUrltg1}" alt="Image" style="width: 98px; height: 14px;">`;
+                            } else {
+                                return linktg2 + `<img src="${imageUrlntg2}" alt="Image" style="width: 98px; height: 14px;">`;
+                            }
+                        }},
+                        {title:"GetCurse", field:"gc_url", formatter: function(cell, formatterParams, onRendered) {
+                            var gc_url = cell.getValue();
+                            var imageUrlvkgc1 = "https://i.ibb.co/F8825KY/1-2.png";
+                            var imageUrlvkgc2 = "https://i.ibb.co/S3qwFKM/1-1.png";
+                            var linkgc1 = `<a href="https://vk.com/getcourseru" target="_blank">`;  
+                            var linkgc2 = `<a href="${gc_url}" target="_blank">`;  
+                            if (gc_url === "0" || gc_url === "") {
+                                return linkgc1 + `<img src="${imageUrlvkgc1}" alt="Image" style="width: 98px; height: 14px;">`;
+                            } else {
+                                return linkgc2 + `<img src="${imageUrlvkgc2}" alt="Image" style="width: 98px; height: 14px;">`;
+                            }
+                        }},
                         {title:"Реплики", field:"b_mess", width:95, cellClick:function(e, cell){
                             var data = cell.getData();
                             const notyf = new Notyf({
@@ -393,7 +353,6 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                             }
                             return `<div style="width: 20px; height: 20px; background-color: ${color};"></div>`;
                         }},
-
                         {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();
@@ -406,13 +365,30 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                             return icon;
                         }},
                         {title:"Прогрес по воронке", field:"fin_prog", formatter:"progress", formatterParams:{color:["#ff0000", "orange", "#00dd00"]}, sorter:"number", width:100},
-
-
-
-
-
                         {title:"Бонусы", field:"pr1"},
-                        {title:"Опросы", field:"pr2"},
+                        {title:"Опросы", field:"pr2", cellClick:function(e, cell){
+                            var data = cell.getData();
+                            const notyf = new Notyf({
+                                duration: 5000,
+                                position: {
+                                    x: 'right',
+                                    y: 'top',
+                                },
+                                types: [
+                                    {
+                                        type: 'warning',
+                                        background: 'orange',
+                                        duration: 5000,
+                                        dismissible: true,
+                                        message: 'Опросы: ' + data.pr2
+                                    }
+                                ]
+                            });
+                            notyf.open({
+                                type: 'warning',
+                                message: 'Опросы: ' + data.pr2
+                            });
+                        }},
                         {title:"Доступы", field:"pr3"},
                         {title:"Канал трафика", field:"canal"},
                         {title:"Ключ PR", field:"key_pr"},
@@ -421,30 +397,13 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                         {title:"utm_campaign", field:"utm_campaign"},
                         {title:"utm_term", field:"utm_term"},
                         {title:"utm_content", field:"utm_content"},
-
-
                         {title:"Дата - Последнее действие", field:"data_on"},
                         {title:"Дата - Вход", field:"data_t"},
-
-
-
-
-
-
-
-
-
-
-
-
-                      
                     ],
                 });
-
                 var fieldEl = document.getElementById("filter-field");
                 var typeEl = document.getElementById("filter-type");
                 var valueEl = document.getElementById("filter-value");
-
                 function updateFilter() {
                     var filterVal = fieldEl.value;
                     var typeVal = typeEl.value;
@@ -453,32 +412,26 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                         table.setFilter(filterVal, typeVal, valueVal);
                     }
                 }
-
                 fieldEl.addEventListener("change", updateFilter);
                 typeEl.addEventListener("change", updateFilter);
                 valueEl.addEventListener("keyup", updateFilter);
-
                 document.getElementById('filter-clear').addEventListener('click', function() {
                     fieldEl.value = "";
                     typeEl.value = "=";
                     valueEl.value = "";
                     table.clearFilter();
                 });
-
                 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);
                 });
-
                 document.getElementById("take-for-yourself").addEventListener("click", function() {
                     var tableData = table.getData("active");
                     var jsonData = JSON.stringify(tableData, null, 2);