Update bas_vk_tab.html

bas_vk_tab.html

@@ -185,28 +185,28 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
         <h1>WhatsMasterCRM</h1>
     </div>
     <div>
-<select id="filter-field">
-    <option></option>
-    <option value="id">Номер в списке</option>
-    <option value="name">Имя</option>
-    <option value="phone">WhatsApp</option>
-    <option value="vk_id">Ссылка на VK</option>
-    <option value="chat_id">Ссылка на Tg</option>
-    <option value="gc_url">Ссылка на пользователя в GC</option>
-    <option value="b_city">Город</option>
-    <option value="email">Email</option>
-    <option value="b_mess">Реплики</option>          
-    <option value="curator">Куратор</option>
-    <option value="shop_st">Статус покупки</option>
-    <option value="ws_stop">Стутус подписки</option>
-    <option value="web_st">Вебинары</option>
-    <option value="fin_prog">Прогрес по воронке</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>
+        <select id="filter-field">
+            <option></option>
+            <option value="id">Номер в списке</option>
+            <option value="name">Имя</option>
+            <option value="phone">WhatsApp</option>
+            <option value="vk_id">Ссылка на VK</option>
+            <option value="chat_id">Ссылка на Tg</option>
+            <option value="gc_url">Ссылка на пользователя в GC</option>
+            <option value="b_city">Город</option>
+            <option value="email">Email</option>
+            <option value="b_mess">Реплики</option>          
+            <option value="curator">Куратор</option>
+            <option value="shop_st">Статус покупки</option>
+            <option value="ws_stop">Стутус подписки</option>
+            <option value="web_st">Вебинары</option>
+            <option value="fin_prog">Прогрес по воронке</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>
 
         <select id="filter-type">
             <option value="=">=</option>
@@ -224,7 +224,7 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
         <button id="download-xlsx">Скачать в XLSX</button>
         <button id="download-json">Рассылка по выбранным</button>
         <button id="take-for-yourself">Взять себе</button>
-        <button id="download-csv">Скачать CSV</button> <!-- Добавлена кнопка для скачивания CSV -->
+        <button id="download-json-new">Скачать JSON</button> <!-- Новая кнопка для скачивания JSON -->
     </div>
     <div id="example-table"></div>
 
@@ -242,7 +242,6 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                         var curatorLink = cell.getData().curator_link;
                         return `<a href="${curatorLink}" target="_blank">${curator}</a>`;
                     };
-
                     var table = new Tabulator("#example-table", {
                         data: data,
                         layout: "fitColumns",
@@ -351,17 +350,14 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                             {title:"Дата", field:"data_t", width:95},
                         ],
                     });
-
                     // Clear filter
                     document.getElementById('filter-clear').addEventListener('click', function() {
                         table.clearFilter(true);
                     });
-
                     // Download XLSX functionality
                     document.getElementById('download-xlsx').addEventListener('click', function() {
                         table.download("xlsx", "data.xlsx");
                     });
-
                     // Download JSON functionality
                     document.getElementById('download-json').addEventListener('click', function() {
                         var selectedRows = table.getSelectedData();
@@ -375,12 +371,18 @@ button:hover, #filter-clear:hover, #download-json:hover, #take-for-yourself:hove
                         a.click();
                         URL.revokeObjectURL(url);
                     });
-
-                    // Download CSV functionality
-                    document.getElementById('download-csv').addEventListener('click', function() {
-                        table.download("csv", "data.csv");
+                    // New Download JSON functionality
+                    document.getElementById('download-json-new').addEventListener('click', function() {
+                        var jsonData = JSON.stringify(data);
+                        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';
+                        document.body.appendChild(a);
+                        a.click();
+                        URL.revokeObjectURL(url);
                     });
-
                     // Take for yourself functionality
                     document.getElementById('take-for-yourself').addEventListener('click', function() {
                         var selectedRows = table.getSelectedData();