91 lines
2.4 KiB
JavaScript
91 lines
2.4 KiB
JavaScript
|
$(document).ready(function () {
|
||
|
|
message = new Message;
|
||
|
|
|
||
|
|
// (new divNotFoundNumbers).push("Загрузка...");
|
||
|
|
|
||
|
|
$("button").button();
|
||
|
|
$("#tabs").tabs();
|
||
|
|
// $("#accordion-numbers").accordion();
|
||
|
|
|
||
|
|
// $(".addNumber").click(() => {
|
||
|
|
// numberAdd()
|
||
|
|
// });
|
||
|
|
|
||
|
|
$("body").fadeTo(500, 1);
|
||
|
|
|
||
|
|
// getData("Список номеров успешно загружен");
|
||
|
|
|
||
|
|
$(".search").on("input", function () {
|
||
|
|
// showNumbers(numbers.filter(e => e.id.includes($(this).val())))
|
||
|
|
}).keydown(function (e) {
|
||
|
|
// e.key == "Escape" && ($(this).val(""), showNumbers())
|
||
|
|
});
|
||
|
|
|
||
|
|
loadData();
|
||
|
|
})
|
||
|
|
|
||
|
|
async function request(query, type, queryData = {}) {
|
||
|
|
let response = await fetch('.', {
|
||
|
|
method: 'POST',
|
||
|
|
headers: {
|
||
|
|
'Content-Type': 'application/json;charset=utf-8'
|
||
|
|
},
|
||
|
|
body: JSON.stringify({
|
||
|
|
...queryData,
|
||
|
|
query: query
|
||
|
|
})
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!response.ok)
|
||
|
|
throw new Error(`Произошла неизвестаня ошибка: ${response.status}`);
|
||
|
|
|
||
|
|
const data = await response[type]();
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
|
||
|
|
function isJSON(str) {
|
||
|
|
try {
|
||
|
|
return (JSON.parse(str) && !!str);
|
||
|
|
} catch (e) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function loadData() {
|
||
|
|
request('listsgroups', 'json').then(data => {
|
||
|
|
data.error ? message.error(data.message) : generateListsGroups(data);
|
||
|
|
}).catch(error => {
|
||
|
|
message.error(error.message);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function generateListsGroups(data) {
|
||
|
|
let numbers = $("#tabs-numbers");
|
||
|
|
let group = $('<div id="accordion-numbers"></div>');
|
||
|
|
$(data).each((i, j) => {
|
||
|
|
group.append(`<h3>${j.comment}</h3><div class="group-content" data-group-name="${j.name}"></div>`);
|
||
|
|
});
|
||
|
|
numbers.append(group);
|
||
|
|
$("#accordion-numbers").accordion({
|
||
|
|
heightStyle: "content",
|
||
|
|
create: function( event, ui ) {
|
||
|
|
generateGroupNumbers(ui.panel);
|
||
|
|
},
|
||
|
|
beforeActivate: function( event, ui ) {
|
||
|
|
generateGroupNumbers(ui.newPanel);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
async function generateGroupNumbers(panel) {
|
||
|
|
request('groupnumbers', 'text', { group: panel.data("group-name") }).then(data => {
|
||
|
|
if (isJSON(data) && JSON.parse(data).error)
|
||
|
|
message.error(JSON.parse(data).message);
|
||
|
|
else {
|
||
|
|
panel.html(data);
|
||
|
|
}
|
||
|
|
}).catch(error => {
|
||
|
|
message.error(error.message);
|
||
|
|
});
|
||
|
|
}
|