Update data_gc_tab.html

data_gc_tab.html

@@ -183,14 +183,18 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
             <option value="ws_stop">Стутус подписки</option>
             <option value="web_st">Вебинары</option>
             <option value="fin_prog">Прогрес по воронке</option>
-            <option value="pr1">pr1</option>
-            <option value="pr2">pr2</option>
-            <option value="pr3">pr3</option>
-            <option value="pr4">Канал трафика</option>
-            <option value="pr5">Дата</option>
+            <option value="pr1">Бонусы</option>
+            <option value="pr2">Опросы</option>
+            <option value="pr3">Доступы</option>
+            <option value="canal">Канал трафика</option>
             <option value="key_pr">Ключ PR</option>
-            <option value="canal">Канал</option>
-            <option value="data_t">Дата</option>
+            <option value="utm_source">utm_source</option>
+            <option value="utm_medium">utm_medium</option>
+            <option value="utm_campaign">utm_campaign</option>
+            <option value="utm_term">utm_term</option>
+            <option value="utm_content">utm_content</option>
+            <option value="data_on">Дата - Последнее действие</option>
+            <option value="data_t">Дата - Вход</option>
         </select>
 
         <select id="filter-type">
@@ -204,51 +208,22 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
         </select>
 
         <input id="filter-value" type="text" placeholder="Значение фильтра">
-
-        <select id="filter-field2">
-            <option></option>
-            <option value="id">Номер в списке</option>
-            <option value="name">Имя</option>
-            <option value="phone">WhatsApp</option>
-            <option value="email">Email</option>
-            <option value="b_mess">Реплики</option>          
-            <option value="curator">Куратор</option>
-            <option value="shop_st">Статус покупки</option>
-            <option value="ad_url">Ссылка на пользователя в GC</option>
-            <option value="vk_id">Ссылка на VK</option>
-            <option value="chat_id">Ссылка на Tg</option>
-            <option value="ws_stop">Стутус подписки</option>
-            <option value="web_st">Вебинары</option>
-            <option value="fin_prog">Прогрес по воронке</option>
-            <option value="pr1">pr1</option>
-            <option value="pr2">pr2</option>
-            <option value="pr3">pr3</option>
-            <option value="pr4">Канал трафика</option>
-            <option value="pr5">Дата</option>
-            <option value="key_pr">Ключ PR</option>
-            <option value="canal">Канал</option>
-            <option value="data_t">Дата</option>
-        </select>
-
-        <input id="filter-value2" type="text" placeholder="Значение фильтра 2">
-
         <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>
 
 <script>
-   vkBridge.send('VKWebAppInit');
+    vkBridge.send('VKWebAppInit');
     document.addEventListener('DOMContentLoaded', function() {
         fetch('https://diamonik7777-up-fail.hf.space/data_gc_tab_out?api_sys=fasSd345D')
             .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;
@@ -262,97 +237,87 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                     selectable: true, // enable row selection
                     columns: [
                         {title:"Номер в списке", field:"id"},
-                        {title:"Имя", field:"name", width:100},
-                      
-                      
-{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_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:"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://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/ic/whatsapp-1.png"; // Замените на URL первой картинки
+                            var imageUrl2 = "https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/ic/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.png"; // Замените на URL второй картинки
+                            var imageUrl3 = "https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/ic/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({
+                                duration: 10000,
+                                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();
@@ -372,95 +337,87 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                             }
                             return `<div style="width: 20px; height: 20px; background-color: ${color};"></div>`;
                         }},
-                        {title:"Ссылка на пользователя в GC", field:"ad_url", formatter: function(cell, formatterParams, onRendered) {
-                            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); // Удаление символа @ в начале
-                            }
-                            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"},
-                        {title:"pr3", field:"pr3"},
-                        {title:"Канал трафика", field:"pr4"},
-                        {title:"Дата", field:"pr5"},
+                        {title:"Бонусы", field:"pr1"},
+                        {title:"Опросы", field:"pr2", cellClick:function(e, cell){
+                            var data = cell.getData();
+                            const notyf = new Notyf({
+                                duration: 5000,
+                                position: {
+                                    x: 'right',
+                                    y: 'top',
+                                },
+                                types: [
+                                    {
+                                        duration: 10000,
+                                        message: 'Опросы: ' + data.pr2,
+                                    }
+                                ]
+                            });
+                            notyf.open({
+                                type: 'warning',
+                                message: 'Опросы: ' + data.pr2
+                            });
+                        }}, 
+                        {title:"Доступы", field:"pr3"},
+                        {title:"Канал трафика", field:"canal"},
                         {title:"Ключ PR", field:"key_pr"},
-                        {title:"Канал", field:"canal"},
-                        {title:"Дата", field:"data_t", width:150}
+                        {title:"utm_source", field:"utm_source"},
+                        {title:"utm_medium", field:"utm_medium"},
+                        {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");
-                var fieldEl2 = document.getElementById("filter-field2");
-                var valueEl2 = document.getElementById("filter-value2");
                 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-field").addEventListener("change", updateFilter);
-                document.getElementById("filter-type").addEventListener("change", updateFilter);
-                document.getElementById("filter-value").addEventListener("keyup", updateFilter);
-                document.getElementById("filter-field2").addEventListener("change", updateFilter);
-                document.getElementById("filter-value2").addEventListener("keyup", updateFilter);
-//trigger download of data.json file
-document.getElementById("download-json").addEventListener("click", function(){
-    table.download("json", "data.json");
-});
-              
-              
-//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() {
+                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 = "";
-                    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));
     });