Update data_gc_tab.html

data_gc_tab.html

@@ -233,6 +233,33 @@
 
         <input id="filter-value" type="text" placeholder="Значение фильтра">
 
+        <select id="filter-field2">
+            <option></option>
+            <option value="id">Номер в списке</option>
+            <option value="name">Имя</option>
+            <option value="phone">WhatsApp</option>
+            <option value="email">Email</option>
+            <option value="b_mess">Реплики</option>          
+            <option value="curator">Куратор</option>
+            <option value="shop_st">Статус покупки</option>
+            <option value="ad_url">Ссылка на пользователя в GC</option>
+            <option value="vk_id">Ссылка на VK</option>
+            <option value="chat_id">Ссылка на Tg</option>
+            <option value="ws_stop">Стутус подписки</option>
+            <option value="web_st">Вебинары</option>
+            <option value="fin_prog">Прогрес по воронке</option>
+            <option value="pr1">pr1</option>
+            <option value="pr2">pr2</option>
+            <option value="pr3">pr3</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>
+
+        <input id="filter-value2" type="text" placeholder="Значение фильтра 2">
+
         <button id="filter-clear">Очистить фильтр</button>
 
         <button id="download-json">Рассылка по выбранным</button>
@@ -240,10 +267,6 @@
     </div>
     <div id="example-table"></div>
 
-
-
-
-
 <script>
    vkBridge.send('VKWebAppInit');
     document.addEventListener('DOMContentLoaded', function() {
@@ -329,22 +352,16 @@
                         {title:"Статус WhatsApp", field:"ws_st"},
                         {title:"Стутус подписки", field:"ws_stop"},
                         {title:"Вебинары-присутствовал", field:"web_st", formatter:"star", formatterParams:{stars:7}, hozAlign:"center", width:120},
-
-
 {title:"Вебинары-досмотрел до конца", field:"b_fin", formatter:function(cell, formatterParams, onRendered){
     var value = cell.getValue();
     var icon;
-
     if (value === 'True') {
         icon = ' <img src="https://i.ibb.co/7zKrd5G/Screenshot-75.jpg" width="30" height="14" />'; // Иконка для активного статуса
     } else {
         icon = ''; // Пустая строка для неактивного статуса или если значение не определено
     }
-
     return icon;
 }, width:100},                      
-
-
                       
                         {title:"Прогрес по воронке", field:"fin_prog", formatter:"progress", formatterParams:{color:["#00dd00", "orange", "rgb(255,0,0)"]}, sorter:"number", width:100},
                         {title:"pr1", field:"pr1"},
@@ -360,42 +377,58 @@
                 var fieldEl = document.getElementById("filter-field");
                 var typeEl = document.getElementById("filter-type");
                 var valueEl = document.getElementById("filter-value");
+                var fieldEl2 = document.getElementById("filter-field2");
+                var valueEl2 = document.getElementById("filter-value2");
+
                 function updateFilter() {
-                    var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
-                    var typeVal = typeEl.options[typeEl.selectedIndex].value;
-                    if (filterVal) {
-                        table.setFilter(filterVal, typeVal, valueEl.value);
+                    var filterVal1 = fieldEl.value;
+                    var typeVal1 = typeEl.value;
+                    var valueVal1 = valueEl.value;
+
+                    var filterVal2 = fieldEl2.value;
+                    var valueVal2 = valueEl2.value;
+
+                    if (filterVal1 && filterVal2) {
+                        table.setFilter([
+                            { field: filterVal1, type: typeVal1, value: valueVal1 },
+                            { field: filterVal2, type: "=", value: valueVal2 }
+                        ]);
                     }
                 }
+
                 document.getElementById("filter-field").addEventListener("change", updateFilter);
                 document.getElementById("filter-type").addEventListener("change", updateFilter);
                 document.getElementById("filter-value").addEventListener("keyup", updateFilter);
+                document.getElementById("filter-field2").addEventListener("change", updateFilter);
+                document.getElementById("filter-value2").addEventListener("keyup", updateFilter);
+
                 document.getElementById("filter-clear").addEventListener("click", function() {
                     fieldEl.value = "";
                     typeEl.value = "=";
                     valueEl.value = "";
+                    fieldEl2.value = "";
+                    valueEl2.value = "";
                     table.clearFilter();
                 });
+
                 function handleDownloadJson() {
                     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("take-for-yourself").addEventListener("click", handleTakeForYourself);
             })
             .catch(error => console.error('Error fetching data:', error));
     });
 </script>
-
-
-
-  
 </body>
 
 </html>