Update data_gc_tab.html

data_gc_tab.html

@@ -163,7 +163,9 @@
 
         <button id="filter-clear">Очистить фильтр</button>
 
-        <input type="checkbox" id="select-filtered-data-checkbox"> Выбрать отфильтрованные данные для экспорта
+        <button id="download-json">Скачать JSON</button>
+        <button id="download-pdf">Скачать PDF</button>
+        <button id="download-csv">Скачать CSV</button>
     </div>
     <div id="example-table"></div>
 
@@ -242,7 +244,6 @@
                     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;
@@ -250,12 +251,6 @@
                         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);
@@ -268,17 +263,28 @@
                         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("Выбор отфильтрованных данных для экспорта отменен");
-                        }
+                    // Handle button click for downloading JSON
+                    document.getElementById("download-json").addEventListener("click", function() {
+                        var tableData = table.getData(); // Получаем все данные таблицы
+                        var jsonData = JSON.stringify(tableData, null, 2); // Преобразуем данные в JSON-строку
+                        var blob = new Blob([jsonData], {type: "application/json"});
+                        var url = URL.createObjectURL(blob);
+                        var a = document.createElement("a");
+                        a.href = url;
+                        a.download = "data.json";
+                        a.click();
+                        URL.revokeObjectURL(url);
+                    });
+                    // Handle button click for downloading PDF
+                    document.getElementById("download-pdf").addEventListener("click", function() {
+                        table.download("pdf", "data.pdf", {
+                            orientation:"portrait", //set page orientation to portrait
+                            title:"Example Report" //add title to report
+                        });
+                    });
+                    // Handle button click for downloading CSV
+                    document.getElementById("download-csv").addEventListener("click", function() {
+                        table.download("csv", "data.csv");
                     });
                 })
                 .catch(error => console.error('Error fetching data:', error));