daster/js/script.js

var numbers = [];
var sms = [];
var ussd = [];

$(document).ready(function () {
    noticer = new Noticer;

    let tabs = {
        0: () => { loadNumbers() },
        1: () => { loadSMS() },
        2: () => { loadUSSD() },
        3: () => { loadServerInfo() }
    };

    let lists = {
        0: () => { showListNumbers($("#accordion-numbers .ui-accordion-content-active")) },
        1: () => { showListSMS($("#accordion-sms .ui-accordion-content-active")) },
        2: () => { showListUSSD($("#accordion-ussd .ui-accordion-content-active")) },
        3: () => {}
    };

    let groups = {
        0: () => { generateListGroupNumbers($("#accordion-numbers .ui-accordion-content-active")) },
        1: () => { generateListGroupSMS($("#accordion-sms .ui-accordion-content-active")) },
        2: () => { generateListGroupUSSD($("#accordion-ussd .ui-accordion-content-active")) },
        3: () => {}
    };

    $("button").button();
    $("#update-tab").button("option", "icon", "ui-icon-refresh");
    $("#update-group").button("option", "icon", "ui-icon-arrowrefresh-1-s");
    $("#add-number").button("option", "icon", "ui-icon-plusthick");
    $("#logout").button("option", "icon", "ui-icon-power");

    $("#tabs").tabs({
        activate: function( event, ui ) {
            lists[$(this).tabs( "option", "active" )]();
            $("#add-number").button( "option", "disabled", $(this).tabs( "option", "active" ) > 0 );
            $("#update-group").button( "option", "disabled", $(this).tabs( "option", "active" ) > 2 );
        }
    });

    $("#update-tab").click(() => {
        tabs[$("#tabs").tabs( "option", "active" )]()
    });

    $("#update-group").click(() => {
        groups[$("#tabs").tabs( "option", "active" )]()
    });

    $("#add-number").click(() => {
        addNumber($("#accordion-numbers .ui-accordion-content-active"))
    });

    $("#search").on("input", function () {
        lists[$("#tabs").tabs( "option", "active" )]()
    }).keydown(function (e) {
        e.key == "Escape" && ($(this).val(""), lists[$("#tabs").tabs( "option", "active" )]())
    });

    $("#logout").click(() => {
        request('logout', 'json').then(data => {
            data.error ? noticer.error(data.message) : (window.location.href = ".");
        }).catch(error => {
            noticer.error(error.message);
        });
    });

    loadNumbers();
    loadSMS();
    loadUSSD();
    loadServerInfo();

    $("body").fadeTo(500, 1);
})

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 isNumeric(value) {
    return /^-?\d+$/.test(value);
}

function divNotFoundNumbers(text = '') {
    let notFound = $('.notFoundNumbers');
    let divTable = $('.body-rows');
    let divNotFound = $(`<div class="notFoundNumbers">${text}</div>`);

    divNotFound.css({
        "color": "#333",
        "text-align": "center",
        "padding": "20px 0 20px 0"
    });

    this.push = function() {
        divTable.append(divNotFound);
    }

    this.remove = function() {
        notFound.remove();
    }
}

function pEmpty(text) {
    return $(`<p>${text}</p>`).css('text-align', 'center');
}

/************************************************************************************

                    Обработка таблицы с номерами телефонов

************************************************************************************/

function loadNumbers() {
    request('listnumbergroups', 'text').then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else
            generateListNumberGroups(data);
    }).catch(error => {
        noticer.error(error.message);
    });
}

function generateListNumberGroups(data) {
    if (!$(data).children().length) {
        $("#tabs-numbers").html(pEmpty('Номера телефонов отсутствуют'));
        return;
    }

    $("#tabs-numbers").html(data);
    $("#accordion-numbers").accordion({
        heightStyle: "content",
        create: function( event, ui ) {
            generateListGroupNumbers(ui.panel);
        },
        beforeActivate: function( event, ui ) {
            generateListGroupNumbers(ui.newPanel);
        }
    });
}

function generateListGroupNumbers(panel) {
    if (!$("#accordion-numbers").children().length) {
        noticer.warning("Номера телефонов отсутствуют");
        $("#tabs-numbers").html(pEmpty('Номера телефонов отсутствуют'));
        return;
    }

    request('listgroupnumbers', 'json', { group: panel.data("group-name") }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            numbers = data;
            showListNumbers(panel);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showListNumbers(panel, data = numbers.filter(e => e.number.includes($("#search").val()))) {
    (new divNotFoundNumbers).remove();
    let body = panel.find('.body').html('');
    $(data).each((i, j) => {
        let row = $(`<tr class="row" data-number="${j.number}"></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() {
            viewNumber(panel, $(this).data('number'));
        });        
    });

    if (!body.children().length)
        (new divNotFoundNumbers('Нет номеров')).push();
}

function viewNumber(panel, number) {
    request('viewnumber', 'text', {number: number}).then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else {
            showViewNumber(data, [
                {
                    id: "btn-save",
                    text: "Сохранить",
                    icon: "ui-icon-check",
                    click: function() {
                        actionNumber(panel, $(this), 'updatenumber');
                    }
                },
                {
                    id: "btn-delete",
                    text: "Удалить",
                    icon: "ui-icon-trash",
                    click: function() {
                        delNumber(panel, $(this));
                    }
                }
            ], `Редактирование номера ${number}`);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showViewNumber(data, actionButton, title) {
    let form = $(data);

    form.appendTo('body').dialog({
        title: title,
        height: 'auto',
        width: 'auto',
        resizable: false,
        modal: true,
        show: { effect: "fade", duration: 500 },
        close: function(event, ui) {
            $(this).dialog('destroy').remove()
        },
        buttons: [
            ...actionButton,
            {
                text: "Отмена",
                icon: "ui-icon-cancel",
                click: function() {
                    $(this).dialog("close");
                }
            }
        ]
    });

    $('#number-group, #number-list').selectmenu({
        width: 200
    });
}

function actionNumber(panel, currentWindow, query) {
    let pattern_number = /^\+7\d{10}$/g;

    let number = $('#number-number').val();
    let group = $('#number-group').val();
    let list = $('#number-list').val();
    let all_cc = $('#number-all-cc').val();
    let white_cc = $('#number-white-cc').val();
    let black_cc = $('#number-black-cc').val();
    let comment = $('#number-comment').val();

    let error = false;

    if (number.match(pattern_number) === null) { noticer.warning("Номер не соответствует формату +7XXXXXXXXXX"); error = true; }
    if (!isNumeric(all_cc)) { noticer.warning("Общее количество звонков должно быть числом"); error = true; }
    if (all_cc < 0) { noticer.warning("Общее количество звонков не может быть отрицательным"); error = true; }
    if (!isNumeric(white_cc)) { noticer.warning("Белое количество звонков должно быть числом"); error = true; }
    if (white_cc < 0) { noticer.warning("Белое количество звонков не может быть отрицательным"); error = true; }
    if (!isNumeric(black_cc)) { noticer.warning("Черное количество звонков должно быть числом"); error = true; }
    if (black_cc < 0) { noticer.warning("Черное количество звонков не может быть отрицательным"); error = true; }

    if (error) return;

    request(query, 'json', {
        number: number,
        group: group,
        list: list,
        all_cc: parseInt(all_cc),
        white_cc: parseInt(white_cc),
        black_cc: parseInt(black_cc),
        comment: comment
    }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else
        {
            query == 'write' ? noticer.success(`Номер ${number} был добавлен`) : noticer.success(`Номер ${number} был обновлен`);
            generateListGroupNumbers(panel);
            currentWindow.dialog("close");
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function addNumber(panel) {
    request('addnumber', 'text', { group: panel.data("group-name") }).then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else {
            showViewNumber(data, [{
                id: "btnSave",
                text: "Добавить",
                icon: "ui-icon-check",
                click: function() {
                    actionNumber(panel, $(this), 'writenumber');
                }
            }], "Добавление нового номера");
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function delNumber(panel, currentWindow) {
    let number = $('#number-number').val();

    let error = false;
    if (!number.length) { noticer.warning('Номер не может быть пуст'); error = true; }
    if (error) return;

    request('delnumber', 'json', {
        number: number
    }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            noticer.success(`Номер ${number} был удален`);
            generateListGroupNumbers(panel);
            currentWindow.dialog("close");
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

/************************************************************************************

                                Обработка таблицы с SMS

************************************************************************************/

function loadSMS() {
    request('listsmsgroups', 'text').then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else
            generateListSMSGroups(data);
    }).catch(error => {
        noticer.error(error.message);
    });
}

function generateListSMSGroups(data) {
    if (!$(data).children().length) {
        $("#tabs-sms").html(pEmpty('SMS отсутствуют'));
        return;
    }

    $("#tabs-sms").html(data);
    $("#accordion-sms").accordion({
        heightStyle: "content",
        create: function( event, ui ) {
            generateListGroupSMS(ui.panel);
        },
        beforeActivate: function( event, ui ) {
            generateListGroupSMS(ui.newPanel);
        }
    })
}

function generateListGroupSMS(panel) {
    if (!$("#accordion-sms").children().length) {
        noticer.warning("SMS отсутствуют");
        $("#tabs-sms").html(pEmpty('SMS отсутствуют'));
        return;
    }

    request('listgroupsms', 'json', { to: panel.data("to") }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            sms = data;
            showListSMS(panel);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showListSMS(panel, data = sms.filter(e => e.from.includes($("#search").val()))) {
    (new divNotFoundNumbers).remove();
    let body = panel.find('.body').html('');
    $(data).each((i, j) => {
        let row = $(`<tr class="row" data-sms-id="${j.id}"></tr>`);
        row.append(`<td class="sms-content-width">${j.date}</td>`);
        row.append(`<td class="sms-content-width">${j.from}</td>`);
        row.append(`<td>${j.text}</td>`);
        body.append(row);

        row.click(function() {
            viewSMS(panel, $(this).data('sms-id'), j.from);
        });
    });

    if (!body.children().length)
        (new divNotFoundNumbers('Нет SMS')).push();
}

function viewSMS(panel, id, number) {
    request('viewsms', 'text', {id: id}).then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else {
            showViewSMS(data, [
                {
                    id: "btn-delete",
                    text: "Удалить",
                    icon: "ui-icon-trash",
                    click: function() {
                        delSMS(panel, $(this));
                    }
                }
            ], `SMS от ${number}`);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showViewSMS(data, actionButton, title) {
    let form = $(data);

    form.appendTo('body').dialog({
        title: title,
        height: 'auto',
        width: 'auto',
        resizable: false,
        modal: true,
        show: { effect: "fade", duration: 500 },
        close: function(event, ui) {
            $(this).dialog('destroy').remove()
        },
        buttons: [
            ...actionButton,
            {
                text: "Отмена",
                icon: "ui-icon-cancel",
                click: function() {
                    $(this).dialog("close");
                }
            }
        ]
    });
}

function delSMS(panel, currentWindow) {
    let id = $('#sms-content').data('id');
    let from = $('#sms-content').data('from');

    request('delsms', 'json', {
        id: id
    }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            noticer.success(`SMS от ${from} было удалено`);
            generateListGroupSMS(panel);
            currentWindow.dialog("close");
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

/************************************************************************************

                                Обработка таблицы с USSD

************************************************************************************/

function loadUSSD() {
    request('listussdgroups', 'text').then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else
            generateListUSSDGroups(data);
    }).catch(error => {
        noticer.error(error.message);
    });
}

function generateListUSSDGroups(data) {
    if (!$(data).children().length) {
        $("#tabs-ussd").html(pEmpty('USSD отсутствуют'));
        return;
    }

    $("#tabs-ussd").html(data);
    $("#accordion-ussd").accordion({
        heightStyle: "content",
        create: function( event, ui ) {
            generateListGroupUSSD(ui.panel);
        },
        beforeActivate: function( event, ui ) {
            generateListGroupUSSD(ui.newPanel);
        }
    })
}

function generateListGroupUSSD(panel) {
    if (!$("#accordion-ussd").children().length) {
        noticer.warning("USSD отсутствуют");
        $("#tabs-ussd").html(pEmpty('USSD отсутствуют'));
        return;
    }

    request('listgroupussd', 'json', { to: panel.data("to") }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            ussd = data;
            showListUSSD(panel);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showListUSSD(panel, data = ussd) {
    (new divNotFoundNumbers).remove();
    let body = panel.find('.body').html('');
    $(data).each((i, j) => {
        let row = $(`<tr class="row" data-ussd-id="${j.id}"></tr>`);
        row.append(`<td class="ussd-content-width">${j.date}</td>`);
        row.append(`<td class="ussd-content-width-type">${j.type_comment}</td>`);
        row.append(`<td>${j.text}</td>`);
        body.append(row);

        row.click(function() {
            viewUSSD(panel, $(this).data('ussd-id'), j.type_comment);
        });
    });

    if (!body.children().length)
        (new divNotFoundNumbers('Нет USSD')).push();
}

function viewUSSD(panel, id, type) {
    request('viewussd', 'text', {id: id}).then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else {
            showViewUSSD(data, [
                {
                    id: "btn-delete",
                    text: "Удалить",
                    icon: "ui-icon-trash",
                    click: function() {
                        delUSSD(panel, $(this));
                    }
                }
            ], `USSD: ${type}`);
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showViewUSSD(data, actionButton, title) {
    let form = $(data);

    form.appendTo('body').dialog({
        title: title,
        height: 'auto',
        width: 'auto',
        resizable: false,
        modal: true,
        show: { effect: "fade", duration: 500 },
        close: function(event, ui) {
            $(this).dialog('destroy').remove()
        },
        buttons: [
            ...actionButton,
            {
                text: "Отмена",
                icon: "ui-icon-cancel",
                click: function() {
                    $(this).dialog("close");
                }
            }
        ]
    });
}

function delUSSD(panel, currentWindow) {
    let id = $('#ussd-content').data('id');

    request('delussd', 'json', {
        id: id
    }).then(data => {
        if (data.error)
            noticer.error(data.message);
        else {
            noticer.success(`USSD было удалено`);
            generateListGroupUSSD(panel);
            currentWindow.dialog("close");
        }
    }).catch(error => {
        noticer.error(error.message);
    });
}

/************************************************************************************

                        Обработка таблицы информации о сервере

************************************************************************************/

function loadServerInfo() {
    request('serverinfo', 'text').then(data => {
        if (isJSON(data) && JSON.parse(data).error)
            noticer.error(JSON.parse(data).message);
        else
            showServerInfo(data);
    }).catch(error => {
        noticer.error(error.message);
    });
}

function showServerInfo(data) {
    $("#tabs-server").html(data);
    $("#server-external-number-on").checkboxradio();
    $("#server-transparent-mode").checkboxradio();
    $("#server-button").button({ icon: "ui-icon-disk", disabled: true });

    $(".server-input").on("change paste cut keydown", () => {
        if ($("#server-button").button( "option", "disabled")) {
            noticer.warning('Некоторые параметры сервера были изменены');
            $("#server-button").button( "option", "disabled", false);
        }
    });

    $("#server-button").click(() => {
        writeServerInfo();
    });
}

function writeServerInfo() {
    let pattern_number = /^\+7\d{10}$/g;

    let internal_number = $("#server-internal-number").val();
    let external_number = $("#server-external-number").val();
    let external_number_on = $("#server-external-number-on").is(":checked");
    let transparent_mode = $("#server-transparent-mode").is(":checked");

    let error = false;

    if (external_number.match(pattern_number) === null) { noticer.warning("Внешний номер не соответствует формату +7XXXXXXXXXX"); error = true; }

    if (error) return;

    request('writeserverinfo', 'json', {
        internal_number: internal_number,
        external_number: external_number,
        external_number_on: external_number_on,
        transparent_mode: transparent_mode
    }).then(data => {
        data.error ?
            noticer.error(data.message) : 
                $("#server-button").button( "option", "disabled", true) && noticer.success("Параметры сервера были сохранены")
    }).catch(error => {
        noticer.error(error.message);
    });
}