Update data_gc_tab.html

data_gc_tab.html

@@ -146,39 +146,39 @@
         <h1>GetCurse - WhatsCRM</h1>
     </div>
     <div>
- <div>
-    <button id="select-row">Select "Oli Bob"</button>
-    <button id="deselect-row">Deselect "Oli Bob"</button>
-    <button id="select-all">Select All</button>
-    <button id="deselect-all">Deselect All</button>
+        <div>
+            <button id="select-row">Select "Oli Bob"</button>
+            <button id="deselect-row">Deselect "Oli Bob"</button>
+            <button id="select-all">Select All</button>
+            <button id="deselect-all">Deselect All</button>
 
-    <span id="select-stats"></span>
-</div>     
-<select id="filter-field">
-    <option></option>
-    <option value="id">Номер в списке</option>
-    <option value="name">Имя</option>
-    <option value="phone">Телефон</option>
-    <option value="email">Email</option>
-    <option value="curator">Куратор</option>
-    <option value="shop_statys_full">Статус покупки</option>
-    <option value="ad_url">Ссылка на пользователя в GC</option>
-    <option value="vk_id">Ссылка на VK</option>
-    <option value="chat_id">Ссылка на Tg</option>
-    <option value="ws_statys">Статус WhatsApp</option>
-    <option value="ws_stop">Стутус подписки</option>
-    <option value="web_statys">Вебинары</option>
-    <option value="fin_progress">Прогрес по воронке</option>
-    <option value="pr1">pr1</option>
-    <option value="pr2">pr2</option>
-    <option value="pr3">pr3</option>
-    <option value="pr4">pr4</option>
-    <option value="pr5">pr5</option>
-    <option value="key_pr">Ключ предлож.</option>
-    <option value="canal">Канал</option>
-    <option value="data_t">Дата</option>
-    <option value="n_con">n_con</option> <!-- Добавлено новое поле -->
-</select>
+            <span id="select-stats"></span>
+        </div>     
+        <select id="filter-field">
+            <option></option>
+            <option value="id">Номер в списке</option>
+            <option value="name">Имя</option>
+            <option value="phone">Телефон</option>
+            <option value="email">Email</option>
+            <option value="curator">Куратор</option>
+            <option value="shop_statys_full">Статус покупки</option>
+            <option value="ad_url">Ссылка на пользователя в GC</option>
+            <option value="vk_id">Ссылка на VK</option>
+            <option value="chat_id">Ссылка на Tg</option>
+            <option value="ws_statys">Статус WhatsApp</option>
+            <option value="ws_stop">Стутус подписки</option>
+            <option value="web_statys">Вебинары</option>
+            <option value="fin_progress">Прогрес по воронке</option>
+            <option value="pr1">pr1</option>
+            <option value="pr2">pr2</option>
+            <option value="pr3">pr3</option>
+            <option value="pr4">pr4</option>
+            <option value="pr5">pr5</option>
+            <option value="key_pr">Ключ предлож.</option>
+            <option value="canal">Канал</option>
+            <option value="data_t">Дата</option>
+            <option value="n_con">n_con</option> <!-- Добавлено новое поле -->
+        </select>
 
         <select id="filter-type">
             <option value="=">=</option>
@@ -210,68 +210,69 @@
                         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;
-            switch (status) {
-                case 'green':
-                    color = 'green';
-                    break;
-                case 'red':
-                    color = 'red';
-                    break;
-                case 'yellow':
-                    color = 'yellow';
-                    break;
-                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:"Вебинары", field:"web_statys", formatter:"star", formatterParams:{stars:7}, hozAlign:"center", width:120},
-        {title:"Прогрес по воронке", field:"fin_progress", formatter:"progress", formatterParams:{color:["#00dd00", "orange", "rgb(255,0,0)"]}, sorter:"number", width:100},
-        {title:"pr1", field:"pr1"},
-        {title:"pr2", field:"pr2"},
-        {title:"pr3", field:"pr3"},
-        {title:"pr4", field:"pr4"},
-        {title:"pr5", field:"pr5"},
-        {title:"Ключ предлож.", field:"key_pr"},
-        {title:"n_con", field:"n_con"}, // Поменять местами с `data_t`
-        {title:"Дата", field:"data_t"} // Поменять местами с `n_con`
-    ],
-});
+                    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
+                        selectable: true, // enable row selection
+                        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;
+                                switch (status) {
+                                    case 'green':
+                                        color = 'green';
+                                        break;
+                                    case 'red':
+                                        color = 'red';
+                                        break;
+                                    case 'yellow':
+                                        color = 'yellow';
+                                        break;
+                                    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:"Вебинары", field:"web_statys", formatter:"star", formatterParams:{stars:7}, hozAlign:"center", width:120},
+                            {title:"Прогрес по воронке", field:"fin_progress", formatter:"progress", formatterParams:{color:["#00dd00", "orange", "rgb(255,0,0)"]}, sorter:"number", width:100},
+                            {title:"pr1", field:"pr1"},
+                            {title:"pr2", field:"pr2"},
+                            {title:"pr3", field:"pr3"},
+                            {title:"pr4", field:"pr4"},
+                            {title:"pr5", field:"pr5"},
+                            {title:"Ключ предлож.", field:"key_pr"},
+                            {title:"n_con", field:"n_con"}, // Поменять местами с `data_t`
+                            {title:"Дата", field:"data_t"} // Поменять местами с `n_con`
+                        ],
+                    });
                     // Define variables for input elements
                     var fieldEl = document.getElementById("filter-field");
                     var typeEl = document.getElementById("filter-type");
@@ -295,37 +296,26 @@ var table = new Tabulator("#example-table", {
                         valueEl.value = "";
                         table.clearFilter();
                     });
-
-
-
                   
                     table.on("rowSelectionChanged", function(data, rows){
-  document.getElementById("select-stats").innerHTML = data.length;
-});
-
-//select row on "select" button click
-document.getElementById("select-row").addEventListener("click", function(){
-    table.selectRow(1);
-});
-
-//deselect row on "deselect" button click
-document.getElementById("deselect-row").addEventListener("click", function(){
-    table.deselectRow(1);
-});
-
-//select row on "select all" button click
-document.getElementById("select-all").addEventListener("click", function(){
-    table.selectRow();
-});
-
-//deselect row on "deselect all" button click
-document.getElementById("deselect-all").addEventListener("click", function(){
-    table.deselectRow();
-});
-
-
-
-
+                        document.getElementById("select-stats").innerHTML = data.length;
+                    });
+                    //select row on "select" button click
+                    document.getElementById("select-row").addEventListener("click", function(){
+                        table.selectRow("Oli Bob");
+                    });
+                    //deselect row on "deselect" button click
+                    document.getElementById("deselect-row").addEventListener("click", function(){
+                        table.deselectRow("Oli Bob");
+                    });
+                    //select row on "select all" button click
+                    document.getElementById("select-all").addEventListener("click", function(){
+                        table.selectRow();
+                    });
+                    //deselect row on "deselect all" button click
+                    document.getElementById("deselect-all").addEventListener("click", function(){
+                        table.deselectRow();
+                    });
                   
                     // Переопределяем метод table.download
                     table.download = function(type, filename, options) {