v0.0.1
Разработка: - БД скрипт с начальными данными - вывод списка номеров телефонов по группам
This commit is contained in:
parent
ca5259c638
commit
815b5a6b6a
34 changed files with 1229 additions and 49 deletions
90
js/script.js
Normal file
90
js/script.js
Normal file
|
@ -0,0 +1,90 @@
|
|||
$(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);
|
||||
});
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue