v0.0.2
- Раздельная динамическая загрузка групп и номеров по каждой группе - Реализован поиск номера телефона по активной (раскрытой) группе
This commit is contained in:
parent
815b5a6b6a
commit
cf3962d71d
|
@ -1,3 +1,5 @@
|
||||||
# daster
|
# daster
|
||||||
|
|
||||||
Управление диалпланом
|
Dialplan Asterisk - управление диалпланом
|
||||||
|
|
||||||
|
![mainpage](images/mainpage.png)
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 87 KiB |
77
js/script.js
77
js/script.js
|
@ -1,11 +1,10 @@
|
||||||
|
var numbers = [];
|
||||||
|
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
message = new Message;
|
message = new Message;
|
||||||
|
|
||||||
// (new divNotFoundNumbers).push("Загрузка...");
|
|
||||||
|
|
||||||
$("button").button();
|
$("button").button();
|
||||||
$("#tabs").tabs();
|
$("#tabs").tabs();
|
||||||
// $("#accordion-numbers").accordion();
|
|
||||||
|
|
||||||
// $(".addNumber").click(() => {
|
// $(".addNumber").click(() => {
|
||||||
// numberAdd()
|
// numberAdd()
|
||||||
|
@ -13,12 +12,19 @@ $(document).ready(function () {
|
||||||
|
|
||||||
$("body").fadeTo(500, 1);
|
$("body").fadeTo(500, 1);
|
||||||
|
|
||||||
// getData("Список номеров успешно загружен");
|
|
||||||
|
|
||||||
$(".search").on("input", function () {
|
$(".search").on("input", function () {
|
||||||
// showNumbers(numbers.filter(e => e.id.includes($(this).val())))
|
showNumbers(
|
||||||
|
$("#accordion-numbers .ui-accordion-content-active"),
|
||||||
|
numbers.filter(e => e.number.includes($(this).val()))
|
||||||
|
)
|
||||||
|
}).on("focus", function () {
|
||||||
|
if ($(this).val())
|
||||||
|
showNumbers(
|
||||||
|
$("#accordion-numbers .ui-accordion-content-active"),
|
||||||
|
numbers.filter(e => e.number.includes($(this).val()))
|
||||||
|
);
|
||||||
}).keydown(function (e) {
|
}).keydown(function (e) {
|
||||||
// e.key == "Escape" && ($(this).val(""), showNumbers())
|
e.key == "Escape" && ($(this).val(""), showNumbers($("#accordion-numbers .ui-accordion-content-active")))
|
||||||
});
|
});
|
||||||
|
|
||||||
loadData();
|
loadData();
|
||||||
|
@ -52,7 +58,7 @@ function isJSON(str) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
request('listsgroups', 'json').then(data => {
|
request('listsgroups', 'text').then(data => {
|
||||||
data.error ? message.error(data.message) : generateListsGroups(data);
|
data.error ? message.error(data.message) : generateListsGroups(data);
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
message.error(error.message);
|
message.error(error.message);
|
||||||
|
@ -60,12 +66,7 @@ function loadData() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function generateListsGroups(data) {
|
function generateListsGroups(data) {
|
||||||
let numbers = $("#tabs-numbers");
|
$("#tabs-numbers").html(data);
|
||||||
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({
|
$("#accordion-numbers").accordion({
|
||||||
heightStyle: "content",
|
heightStyle: "content",
|
||||||
create: function( event, ui ) {
|
create: function( event, ui ) {
|
||||||
|
@ -78,13 +79,57 @@ function generateListsGroups(data) {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function generateGroupNumbers(panel) {
|
async function generateGroupNumbers(panel) {
|
||||||
request('groupnumbers', 'text', { group: panel.data("group-name") }).then(data => {
|
request('groupnumbers', 'json', { group: panel.data("group-name") }).then(data => {
|
||||||
if (isJSON(data) && JSON.parse(data).error)
|
if (isJSON(data) && JSON.parse(data).error)
|
||||||
message.error(JSON.parse(data).message);
|
message.error(JSON.parse(data).message);
|
||||||
else {
|
else {
|
||||||
panel.html(data);
|
numbers = data;
|
||||||
|
showNumbers(panel);
|
||||||
}
|
}
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
message.error(error.message);
|
message.error(error.message);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showNumbers(panel, data = numbers) {
|
||||||
|
(new divNotFoundNumbers).remove();
|
||||||
|
let body = panel.find('.body').html('');
|
||||||
|
$(data).each((i, j) => {
|
||||||
|
let row = $(`<tr class="row" data-number="${j.id}"></tr>`);
|
||||||
|
row.append(`<td>${j.number}</td>`);
|
||||||
|
row.append(`<td>${j.list}</td>`);
|
||||||
|
row.append(`<td>${j.all_cc}</td>`);
|
||||||
|
row.append(`<td>${j.white_cc}</td>`);
|
||||||
|
row.append(`<td>${j.black_cc}</td>`);
|
||||||
|
row.append(`<td>${j.comment}</td>`);
|
||||||
|
body.append(row);
|
||||||
|
|
||||||
|
row.click(function(){
|
||||||
|
// numberEdit($(this).data('number'));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!body.children().length)
|
||||||
|
(new divNotFoundNumbers).push();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function divNotFoundNumbers() {
|
||||||
|
let notFound = $('.failNumbers');
|
||||||
|
let divTable = $('.body-rows');
|
||||||
|
let divFound = $('<div class="failNumbers"></div>');
|
||||||
|
|
||||||
|
divFound.css({
|
||||||
|
"color": "#333",
|
||||||
|
"text-align": "center",
|
||||||
|
"padding": "20px 0 20px 0"
|
||||||
|
});
|
||||||
|
|
||||||
|
this.push = function(text = 'Нет номеров') {
|
||||||
|
divTable.append(divFound.html(text));
|
||||||
|
}
|
||||||
|
|
||||||
|
this.remove = function() {
|
||||||
|
notFound.remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -7,6 +7,5 @@ import singlog;
|
||||||
|
|
||||||
void groupnumbers(HTTPServerRequest req, HTTPServerResponse res) {
|
void groupnumbers(HTTPServerRequest req, HTTPServerResponse res) {
|
||||||
auto jsr = req.json;
|
auto jsr = req.json;
|
||||||
auto listNumbers = getListNumbers(jsr["group"].get!string);
|
res.writeJsonBody(getListNumbers(jsr["group"].get!string).serializeToJson());
|
||||||
render!("group-numbers-list.dt", listNumbers)(res);
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,7 +5,6 @@ import response;
|
||||||
import data;
|
import data;
|
||||||
|
|
||||||
void listsgroups(HTTPServerRequest req, HTTPServerResponse res) {
|
void listsgroups(HTTPServerRequest req, HTTPServerResponse res) {
|
||||||
// auto jsr = req.json;
|
auto listGroups = getListGroups();
|
||||||
|
render!("group-numbers-list.dt", listGroups)(res);
|
||||||
res.writeJsonBody(getListGroups().serializeToJson());
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
module version_;
|
module version_;
|
||||||
|
|
||||||
enum dasterVersion = "v0.0.1";
|
enum dasterVersion = "v0.0.2";
|
||||||
|
|
|
@ -1,6 +1,10 @@
|
||||||
- import structures;
|
- import structures;
|
||||||
|
|
||||||
table
|
div#accordion-numbers
|
||||||
|
- foreach (group; listGroups)
|
||||||
|
h3 #{group.comment}
|
||||||
|
div.group-content(data-group-name='#{group.name}')
|
||||||
|
table
|
||||||
thead.head
|
thead.head
|
||||||
tr
|
tr
|
||||||
th Номер
|
th Номер
|
||||||
|
@ -9,14 +13,6 @@ table
|
||||||
th Белые звонки
|
th Белые звонки
|
||||||
th Черные звонки
|
th Черные звонки
|
||||||
th Комментарий
|
th Комментарий
|
||||||
div.body-rows
|
div.body-rows
|
||||||
table
|
table
|
||||||
tbody.body
|
tbody.body
|
||||||
- foreach (number; listNumbers)
|
|
||||||
tr.row
|
|
||||||
td #{number.number}
|
|
||||||
td #{number.list}
|
|
||||||
td #{number.all_cc}
|
|
||||||
td #{number.white_cc}
|
|
||||||
td #{number.black_cc}
|
|
||||||
td #{number.comment}
|
|
||||||
|
|
Loading…
Reference in New Issue