Update data_gc_tab.html

data_gc_tab.html

@@ -249,8 +249,9 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
         <input id="filter-value2" type="text" placeholder="Значение фильтра 2">
 
         <button id="filter-clear">Очистить фильтр</button>
- <button id="download-xlsx">Скачать в XLSX</button>
-        <button id="download-json">Рассылка по выбранным</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> <!-- Добавлена вторая кнопка -->
     </div>
     <div id="example-table"></div>
@@ -258,7 +259,7 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
 <script>
    vkBridge.send('VKWebAppInit');
     document.addEventListener('DOMContentLoaded', function() {
-        fetch('https://irdelsol-psy.hf.space/data_gc_tab_out?api_sys=fasSd345D')
+        fetch('https://dmtuit-psy2.hf.space/data_gc_tab_out?api_sys=fasSd345D')
             .then(response => response.json())
             .then(data => {
                 console.log('Data received:', data); // Логирование данных
@@ -327,7 +328,30 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
 
 
 
-
+                            {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;">`;
+                                }
+                            }},
 
 
 
@@ -446,6 +470,23 @@ return link + `<img src="${imageUrl3}" alt="WhatsApp" style="width: 98px; height
                 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"});
@@ -459,19 +500,27 @@ document.getElementById("download-xlsx").addEventListener("click", function(){
                     table.clearFilter();
                 });
 
-                function handleDownloadJson() {
+                function handleDownloadRass() {
                     var tableData = table.getData("active");
                     var jsonData = JSON.stringify(tableData, null, 2);
                     console.log("Данные для рассылки:", jsonData);
                 }
 
+
+
+
+
+
+
+
+              
                 function handleTakeForYourself() {
                     var tableData = table.getData("active");
                     var jsonData = JSON.stringify(tableData, null, 2);
                     console.log("Данные для себя:", jsonData);
                 }
 
-                document.getElementById("download-json").addEventListener("click", handleDownloadJson);
+                document.getElementById("download-rass").addEventListener("click", handleDownloadRass);
                 document.getElementById("take-for-yourself").addEventListener("click", handleTakeForYourself);
             })
             .catch(error => console.error('Error fetching data:', error));