Update data_gc_tab.html
Browse files- data_gc_tab.html +8 -13
data_gc_tab.html
CHANGED
|
@@ -182,6 +182,7 @@
|
|
| 182 |
<button id="filter-clear">Очистить фильтр</button>
|
| 183 |
|
| 184 |
<button id="download-json">Рассылка по выбранным</button>
|
|
|
|
| 185 |
</div>
|
| 186 |
<div id="example-table"></div>
|
| 187 |
|
|
@@ -191,7 +192,6 @@
|
|
| 191 |
.then(response => response.json())
|
| 192 |
.then(data => {
|
| 193 |
console.log('Data received:', data); // Логирование данных
|
| 194 |
-
// Пользовательский форматтер для ссылки на куратора
|
| 195 |
var linkFormatter = function(cell, formatterParams, onRendered) {
|
| 196 |
var curator = cell.getValue();
|
| 197 |
var curatorLink = cell.getData().curator_link;
|
|
@@ -202,6 +202,7 @@
|
|
| 202 |
layout: "fitColumns", // fit columns to width of table
|
| 203 |
pagination: "local", // enable local pagination
|
| 204 |
paginationSize: 50, // number of rows per page
|
|
|
|
| 205 |
columns: [
|
| 206 |
{title:"Номер в списке", field:"id"},
|
| 207 |
{title:"Имя", field:"name", width:120},
|
|
@@ -259,11 +260,9 @@
|
|
| 259 |
{title:"Дата", field:"data_t"}
|
| 260 |
],
|
| 261 |
});
|
| 262 |
-
// Define variables for input elements
|
| 263 |
var fieldEl = document.getElementById("filter-field");
|
| 264 |
var typeEl = document.getElementById("filter-type");
|
| 265 |
var valueEl = document.getElementById("filter-value");
|
| 266 |
-
// Trigger setFilter function with correct parameters
|
| 267 |
function updateFilter() {
|
| 268 |
var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
|
| 269 |
var typeVal = typeEl.options[typeEl.selectedIndex].value;
|
|
@@ -271,36 +270,32 @@
|
|
| 271 |
table.setFilter(filterVal, typeVal, valueEl.value);
|
| 272 |
}
|
| 273 |
}
|
| 274 |
-
// Update filters on value change
|
| 275 |
document.getElementById("filter-field").addEventListener("change", updateFilter);
|
| 276 |
document.getElementById("filter-type").addEventListener("change", updateFilter);
|
| 277 |
document.getElementById("filter-value").addEventListener("keyup", updateFilter);
|
| 278 |
-
// Clear filters on "Clear Filters" button click
|
| 279 |
document.getElementById("filter-clear").addEventListener("click", function() {
|
| 280 |
fieldEl.value = "";
|
| 281 |
typeEl.value = "=";
|
| 282 |
valueEl.value = "";
|
| 283 |
table.clearFilter();
|
| 284 |
});
|
| 285 |
-
// Переопределяем метод table.download
|
| 286 |
table.download = function(type, filename, options) {
|
| 287 |
-
// Сохраняем старые данные
|
| 288 |
var oldData = table.getData();
|
| 289 |
-
// Получаем новые данные таблицы
|
| 290 |
var tableData = table.getData("active");
|
| 291 |
-
// Преобразуем данные в JSON-строку
|
| 292 |
var jsonData = JSON.stringify(tableData, null, 2);
|
| 293 |
-
// Выводим JSON-строку в консоль
|
| 294 |
console.log(jsonData);
|
| 295 |
-
// Очищаем старые данные
|
| 296 |
table.setData([]);
|
| 297 |
-
// Восстанавливаем старые данные
|
| 298 |
table.setData(oldData);
|
| 299 |
};
|
| 300 |
-
// Пример использования переопределенного метода
|
| 301 |
document.getElementById("download-json").addEventListener("click", function() {
|
| 302 |
table.download("json", "data.json"); // ЭТУ СТРОКУ НЕ УДАЛЯТЬ!!! ЕЁ НАДО ПЕРЕХВАТИТЬ, А НЕ ТВОЙ КОД!!!
|
| 303 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 304 |
})
|
| 305 |
.catch(error => console.error('Error fetching data:', error));
|
| 306 |
});
|
|
|
|
| 182 |
<button id="filter-clear">Очистить фильтр</button>
|
| 183 |
|
| 184 |
<button id="download-json">Рассылка по выбранным</button>
|
| 185 |
+
<button id="take-for-yourself">Взять себе</button> <!-- Добавлена вторая кнопка -->
|
| 186 |
</div>
|
| 187 |
<div id="example-table"></div>
|
| 188 |
|
|
|
|
| 192 |
.then(response => response.json())
|
| 193 |
.then(data => {
|
| 194 |
console.log('Data received:', data); // Логирование данных
|
|
|
|
| 195 |
var linkFormatter = function(cell, formatterParams, onRendered) {
|
| 196 |
var curator = cell.getValue();
|
| 197 |
var curatorLink = cell.getData().curator_link;
|
|
|
|
| 202 |
layout: "fitColumns", // fit columns to width of table
|
| 203 |
pagination: "local", // enable local pagination
|
| 204 |
paginationSize: 50, // number of rows per page
|
| 205 |
+
selectable: true, // enable row selection
|
| 206 |
columns: [
|
| 207 |
{title:"Номер в списке", field:"id"},
|
| 208 |
{title:"Имя", field:"name", width:120},
|
|
|
|
| 260 |
{title:"Дата", field:"data_t"}
|
| 261 |
],
|
| 262 |
});
|
|
|
|
| 263 |
var fieldEl = document.getElementById("filter-field");
|
| 264 |
var typeEl = document.getElementById("filter-type");
|
| 265 |
var valueEl = document.getElementById("filter-value");
|
|
|
|
| 266 |
function updateFilter() {
|
| 267 |
var filterVal = fieldEl.options[fieldEl.selectedIndex].value;
|
| 268 |
var typeVal = typeEl.options[typeEl.selectedIndex].value;
|
|
|
|
| 270 |
table.setFilter(filterVal, typeVal, valueEl.value);
|
| 271 |
}
|
| 272 |
}
|
|
|
|
| 273 |
document.getElementById("filter-field").addEventListener("change", updateFilter);
|
| 274 |
document.getElementById("filter-type").addEventListener("change", updateFilter);
|
| 275 |
document.getElementById("filter-value").addEventListener("keyup", updateFilter);
|
|
|
|
| 276 |
document.getElementById("filter-clear").addEventListener("click", function() {
|
| 277 |
fieldEl.value = "";
|
| 278 |
typeEl.value = "=";
|
| 279 |
valueEl.value = "";
|
| 280 |
table.clearFilter();
|
| 281 |
});
|
|
|
|
| 282 |
table.download = function(type, filename, options) {
|
|
|
|
| 283 |
var oldData = table.getData();
|
|
|
|
| 284 |
var tableData = table.getData("active");
|
|
|
|
| 285 |
var jsonData = JSON.stringify(tableData, null, 2);
|
|
|
|
| 286 |
console.log(jsonData);
|
|
|
|
| 287 |
table.setData([]);
|
|
|
|
| 288 |
table.setData(oldData);
|
| 289 |
};
|
|
|
|
| 290 |
document.getElementById("download-json").addEventListener("click", function() {
|
| 291 |
table.download("json", "data.json"); // ЭТУ СТРОКУ НЕ УДАЛЯТЬ!!! ЕЁ НАДО ПЕРЕХВАТИТЬ, А НЕ ТВОЙ КОД!!!
|
| 292 |
});
|
| 293 |
+
document.getElementById("take-for-yourself").addEventListener("click", function() {
|
| 294 |
+
var selectedData = table.getSelectedData(); // Получаем выбранные данные
|
| 295 |
+
var jsonData = JSON.stringify(selectedData, null, 2);
|
| 296 |
+
console.log("Вторая кнопка: Взять себе"); // Сообщение для подтверждения, что это вторая кнопка
|
| 297 |
+
console.log(jsonData); // Выводим JSON-строку в консоль
|
| 298 |
+
});
|
| 299 |
})
|
| 300 |
.catch(error => console.error('Error fetching data:', error));
|
| 301 |
});
|