psy4

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 15

Commit

008804b

•

1 Parent(s): 9f5ea82

Update data_gc_tab.html

Browse files

Files changed (1) hide show

data_gc_tab.html +40 -30

data_gc_tab.html CHANGED Viewed

@@ -122,7 +122,6 @@
     </style>
 </head>
-<body>
 <body>
     <div id="header">
         <h1>GetCurse - WhatsCRM</h1>
@@ -163,7 +162,8 @@
         <input id="filter-value" type="text" placeholder="Значение фильтра">
         <button id="filter-clear">Очистить фильтр</button>
-        <button id="export-json">Экспортировать JSON</button>
     </div>
     <div id="example-table"></div>
@@ -173,21 +173,23 @@
                 .then(response => response.json())
                 .then(data => {
                     console.log('Data received:', data); // Логирование данных
                     var table = new Tabulator("#example-table", {
-                        data: data,
-                        layout: "fitColumns",
-                        pagination: "local",
-                        paginationSize: 50,
                         columns: [
                             {title:"Номер в списке", field:"id"},
                             {title:"Имя", field:"name"},
                             {title:"Телефон", field:"phone"},
                             {title:"Email", field:"email"},
-                            {title:"Куратор", field:"curator", formatter: function(cell, formatterParams, onRendered) {
-                                var curator = cell.getValue();
-                                var curatorLink = cell.getData().curator_link;
-                                return <a href="${curatorLink}" target="_blank">${curator}</a>;
-                            }},
                             {title:"Статус покупки", field:"shop_statys_full", formatter: function(cell, formatterParams, onRendered) {
                                 var status = cell.getValue();
                                 var color;
@@ -204,26 +206,26 @@
                                     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>;
                             }},
                             {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>;
                             }},
                             {title:"Статус WhatsApp", field:"ws_statys"},
                             {title:"Стутус подписки", field:"ws_stop"},
@@ -236,39 +238,47 @@
                             {title:"utm_content", field:"pr5"}
                         ],
                     });
-                    // Filter functionality
                     var fieldEl = document.getElementById("filter-field");
                     var typeEl = document.getElementById("filter-type");
                     var valueEl = document.getElementById("filter-value");
                     function updateFilter() {
                         var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
                         var typeVal = typeEl.options[typeEl.selectedIndex].value;
                         if (filterVal) {
                             table.setFilter(filterVal, typeVal, valueEl.value);
                         }
                     }
                     document.getElementById("filter-field").addEventListener("change", updateFilter);
                     document.getElementById("filter-type").addEventListener("change", updateFilter);
                     document.getElementById("filter-value").addEventListener("keyup", updateFilter);
                     document.getElementById("filter-clear").addEventListener("click", function() {
                         fieldEl.value = "";
                         typeEl.value = "=";
                         valueEl.value = "";
                         table.clearFilter();
                     });
-                    // Export filtered data to JSON
-                    document.getElementById("export-json").addEventListener("click", function() {
-                        var filteredData = table.getData("filtered");
-                        var jsonData = JSON.stringify(filteredData, null, 2); // Pretty print JSON
-                        console.log("Filtered data as JSON:", jsonData);
-                        var blob = new Blob([jsonData], {type: "application/json"});
-                        var url = URL.createObjectURL(blob);
-                        var a = document.createElement("a");
-                        a.href = url;
-                        a.download = "filtered_data.json";
-                        document.body.appendChild(a);
-                        a.click();
-                        document.body.removeChild(a);
                     });
                 })
                 .catch(error => console.error('Error fetching data:', error));

     </style>
 </head>
 <body>
     <div id="header">
         <h1>GetCurse - WhatsCRM</h1>
         <input id="filter-value" type="text" placeholder="Значение фильтра">
         <button id="filter-clear">Очистить фильтр</button>
+        <input type="checkbox" id="select-filtered-data-checkbox"> Выбрать отфильтрованные данные для экспорта
     </div>
     <div id="example-table"></div>
                 .then(response => response.json())
                 .then(data => {
                     console.log('Data received:', data); // Логирование данных
+                    // Пользовательский форматтер для ссылки на куратора
+                    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
+                        pagination: "local", // enable local pagination
+                        paginationSize: 50, // number of rows per page
                         columns: [
                             {title:"Номер в списке", field:"id"},
                             {title:"Имя", field:"name"},
                             {title:"Телефон", field:"phone"},
                             {title:"Email", field:"email"},
+                            {title:"Куратор", field:"curator", formatter: linkFormatter},
                             {title:"Статус покупки", field:"shop_statys_full", formatter: function(cell, formatterParams, onRendered) {
                                 var status = cell.getValue();
                                 var color;
                                     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>`;
                             }},
                             {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>`;
                             }},
                             {title:"Статус WhatsApp", field:"ws_statys"},
                             {title:"Стутус подписки", field:"ws_stop"},
                             {title:"utm_content", field:"pr5"}
                         ],
                     });
+                    // Define variables for input elements
                     var fieldEl = document.getElementById("filter-field");
                     var typeEl = document.getElementById("filter-type");
                     var valueEl = document.getElementById("filter-value");
+                    var selectFilteredDataCheckbox = document.getElementById("select-filtered-data-checkbox");
+                    // Trigger setFilter function with correct parameters
                     function updateFilter() {
                         var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
                         var typeVal = typeEl.options[typeEl.selectedIndex].value;
                         if (filterVal) {
                             table.setFilter(filterVal, typeVal, valueEl.value);
                         }
+                        if (selectFilteredDataCheckbox.checked) {
+                            var filteredData = table.getData("filtered");
+                            var jsonData = JSON.stringify(filteredData);
+                            window.filteredDataJSON = jsonData;
+                            console.log("Отфильтрованные данные преобразованы в JSON:", jsonData);
+                        }
                     }
+                    // Update filters on value change
                     document.getElementById("filter-field").addEventListener("change", updateFilter);
                     document.getElementById("filter-type").addEventListener("change", updateFilter);
                     document.getElementById("filter-value").addEventListener("keyup", updateFilter);
+                    // Clear filters on "Clear Filters" button click
                     document.getElementById("filter-clear").addEventListener("click", function() {
                         fieldEl.value = "";
                         typeEl.value = "=";
                         valueEl.value = "";
                         table.clearFilter();
                     });
+                    // Handle checkbox change for exporting filtered data
+                    selectFilteredDataCheckbox.addEventListener("change", function() {
+                        if (this.checked) {
+                            var filteredData = table.getData("filtered");
+                            var jsonData = JSON.stringify(filteredData);
+                            window.filteredDataJSON = jsonData;
+                            console.log("Отфильтрованные данные преобразованы в JSON:", jsonData);
+                        } else {
+                            window.filteredDataJSON = null;
+                            console.log("Выбор отфильтрованных данных для экспорта отменен");
+                        }
                     });
                 })
                 .catch(error => console.error('Error fetching data:', error));