Update bas_vk_tab.html

bas_vk_tab.html

@@ -219,15 +219,82 @@
                         paginationSize: 50, // number of rows per page
                         selectable: true, // enable row selection
                         columns: [
-                            {title:"Номер в списке", field:"id"},
-                            {title:"Имя", field:"name", width:120},
+                                                       {title:"Номер в списке", field:"id"},
+                            {title:"Имя", field:"name", width:100},
                             {title:"WhatsApp", field:"phone", formatter: function(cell, formatterParams, onRendered) {
                                 var phone = cell.getValue();
-                                return `<a href="https://web.whatsapp.com/send?phone=${phone}" target="_blank">${phone}</a>`;
-                            }, width:120},
-                            {title:"Город", field:"b_city", width:120},                          
-                            {title:"Email", field:"email", width:120},
-                            {title:"Куратор", field:"curator", formatter: linkFormatter},  
+                                var ws_stop = cell.getData().ws_stop; 
+                                var ws_st = cell.getData().ws_st; 
+                                var imageUrl1 = "https://i.ibb.co/YBvwFR6/whatsapp-2.png";
+                                var imageUrl2 = "https://i.ibb.co/LZx71cM/1.png";
+                                var imageUrl3 = "https://i.ibb.co/Cvn3QsK/whatsapp-3.png";
+                                var link = `<a href="https://web.whatsapp.com/send?phone=${phone}" target="_blank">`;
+                                if (ws_stop !== "1" && ws_st === "1") {
+                                    return link + `<img src="${imageUrl2}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
+                                } else if (ws_stop === "1" && ws_st === "1") {
+                                    return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height: 14px;">`;
+                                } else {
+                                    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";
+                                var imageUrlvk2 = "https://i.ibb.co/MPCGvQX/2-1.png";
+                                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 === "") {
+                                    return link1 + `<img src="${imageUrlvk1}" alt="Image" style="width: 98px; height: 14px;">`;
+                                } else {
+                                    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:"curator", formatter: linkFormatter},
                             {title:"Статус покупки", field:"shop_st", formatter: function(cell, formatterParams, onRendered) {
                                 var status = cell.getValue();
                                 var color;
@@ -244,35 +311,13 @@
                                     default:
                                         color = 'gray';
                                 }
-                                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:"Ссылка на VK", field:"vk_id", formatter: function(cell, formatterParams, onRendered) {
-                                var vk_id = cell.getValue();
-                                return `<a href="https://vk.com/id${vk_id}" target="_blank">${vk_id}</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>`;
+                                return `<div style="width: 20px; height: 20px; background-color: ${color}; border-radius: 50%;"></div>`;
                             }},
-                            {title:"Статус WhatsApp", field:"ws_st"},
-                            {title:"Стутус подписки", field:"ws_stop"},
-                            {title:"Вебинары", field:"web_st", formatter:"star", formatterParams:{stars:7}, hozAlign:"center", width:120},
-                            {title:"Прогрес по воронке", field:"fin_prog", formatter:"progress", formatterParams:{color:["#00dd00", "orange", "rgb(255,0,0)"]}, sorter:"number", width:100},
-                            {title:"pr1", field:"b_mess"},
-                            {title:"pr2", field:"pr2"},
-                            {title:"pr3", field:"pr3"},
-                            {title:"Канал трафика", field:"pr4"},
-                            {title:"Дата", field:"pr5"},
-                            {title:"Ключ PR", field:"key_pr"},
-                            {title:"Канал", field:"canal"},
-                            {title:"Дата", field:"data_t"}
+                            {title:"Канал трафика", field:"pr4", width:95},
+                            {title:"Дата", field:"pr5", width:95},
+                            {title:"Ключ PR", field:"key_pr", width:95},
+                            {title:"Канал", field:"canal", width:95},
+                            {title:"Дата", field:"data_t", width:95},
                         ],
                     });
                     var fieldEl = document.getElementById("filter-field");