static.js.ui_lib.js Maven / Gradle / Ivy

Go to download
/*
 * Copyright 2020 EPAM Systems
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License.  You may obtain a copy
 * of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

location.params = function(params_set, params_append, params_subtract) {
    let obj = {}, i, parts, len, key, value;

    const _params = location.search.substr(1).split('&');

    for (i = 0, len = _params.length; i < len; i++) {
        parts = _params[i].split('=');
        if (! parts[0]) {
            continue;
        }
        if (parts[1]) {
            obj[parts[0]] = parts[1].split(',');
        } else {
            obj[parts[0]] = true;
        }
    }

    for (key in params_set) {
        value = params_set[key];
        key = encodeURIComponent(key);
        if (typeof value === 'undefined' || value == null) {
            delete obj[key];
        } else {
            obj[key] = [encodeURIComponent(value)];
        }
    }
    for (key in params_append) {
        value = encodeURIComponent(params_append[key]);
        key = encodeURIComponent(key);
        if (obj[key] != null) {
            if (obj[key].indexOf(value) < 0) {
                obj[key].push(value);
            }
        } else {
            obj[key] = [value];
        }
    }
    for (key in params_subtract) {
        value = encodeURIComponent(params_subtract[key]);
        key = encodeURIComponent(key);
        if (obj[key] != null && obj[key].indexOf(value) >= 0) {
            obj[key].splice(obj[key].indexOf(value), 1);
            if (obj[key].length === 0) {
                delete obj[key];
            }
        }
    }

    parts = [];
    for (key in obj) {
        parts.push(key + (obj[key] === true ? '' : '=' + obj[key]));
    }

    location.search = parts.join('&');
};

function hidePopoverIfClickedOutside(e) {
    $('[data-bs-toggle="popover"],[data-original-title]').each(function () {
        //the 'is' for buttons that trigger popups
        //the 'has' for icons within a button that triggers a popup
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            (($(this).popover('hide').data('bs.popover')||{}).inState||{}).click = false  // fix for BS 3.3.6
        }
    });
}

const prettyJson = (object) => {
    let result = JSON.stringify(object,null, 1);
    result=result.replaceAll('\{','')
        .replaceAll('\}','')
        .replaceAll('\,','')
        .replaceAll('\"','') ;
    return result;
}

const prettyJson2 = (object) => {
    let result = '';
    const properties= Object.getOwnPropertyNames(object);
    if(properties!==null && properties.length>0) {
        for(let ii=0;ii'+object[properties[ii]]+'' + (ii < properties.length - 1 ? '
' : '');
        }
    }
    return result;
}

let infoModal;
let dataModal;
let faqModal;
let confirmModal;
let exceptionModal;

$(document).ready(function() {
    if(document.getElementById("infoModal")!==null) {
        infoModal = new bootstrap.Modal(document.getElementById("infoModal"));
    }
    if(document.getElementById("dataModal")!==null) {
        dataModal = new bootstrap.Modal(document.getElementById("dataModal"));
    }
    if(document.getElementById("faqModal")!==null) {
        faqModal = new bootstrap.Modal(document.getElementById("faqModal"));
    }
    if(document.getElementById("confirmModal")!==null) {
        confirmModal = new bootstrap.Modal(document.getElementById("confirmModal"));
    }
    if(document.getElementById("exceptionModal")!==null) {
        exceptionModal = new bootstrap.Modal(document.getElementById("exceptionModal"));
    }
})

function showInfo(type,infoHeader,infoText) {

    if(infoModal) {
        let headerClass = "info-modal-header-info";
        let textClass = "info-modal-text-info";
        let buttonClass = "btn-success";

        if (type === "error") {
            headerClass = "info-modal-header-danger";
            textClass = "info-modal-text-danger";
            buttonClass = "btn-danger";
        }
        const header = document.getElementById('infoModalHeader');
        header.textContent = infoHeader;
        header.classList.add(headerClass);

        const text = document.getElementById('infoModalText');
        text.textContent = infoText;
        text.classList.add(textClass)

        document.getElementById('infoModalCloseButton').classList.add(buttonClass);

        infoModal.show();
    }
}

function showData(dialogHeader,dialogText) {

    const headerClass = "data-modal-header";
    const textClass = "data-modal-text";

    const header = document.getElementById('dataModalHeader');
    header.textContent = dialogHeader;
    header.classList.add(headerClass);

    const textContentElement = document.getElementById('dataModalTextContent');
    textContentElement.innerHTML='';

    if(isHTML(dialogText)) {
        dialogText = removeInjections(dialogText);
        const newDivElement = document.createElement("div");
        newDivElement.innerHTML = stripLinkQuotes(dialogText);
        textContentElement.append(newDivElement);
    } else {
        const newPreElement = document.createElement("pre");
        newPreElement.textContent = dialogText;
        textContentElement.append(newPreElement);
        newPreElement.classList.add(textClass);
    }

    document.getElementById('dataModalCopyButton').onclick = (event) => {
        copyText(dialogText, event.target)
    };

    dataModal.show();
}

function showException(dialogHeader,dialogText) {

    const headerClass = "data-modal-header";

    const header = document.getElementById('exceptionModalHeader');
    header.textContent = dialogHeader;
    header.classList.add(headerClass);

    const textContentElement = document.getElementById('exceptionModalTextContent');
    textContentElement.innerHTML='';

    const newDivElement = document.createElement("div");
    newDivElement.innerHTML = dialogText;
    textContentElement.append(newDivElement);

    document.getElementById('exceptionModalCopyButton').onclick = (event) => {
        copyText(dialogText, event.target);
    };

    exceptionModal.show();
}

function removeInjections(text) {
    const patternInlineScript = new RegExp('(.)*<\/script([^\S\t\n\r])*>','gmi');
    const patternRemoteScriptShort = new RegExp('','gmi');
    const patternRemoteScriptFull = new RegExp('','gmi');
    return text
        .replaceAll(patternInlineScript, "")
        .replaceAll(patternRemoteScriptShort,"")
        .replaceAll(patternRemoteScriptFull,"");
}

function stripLinkQuotes(text) {
   return text.replaceAll(""","'");
}

const isHTML = (text) => {
//     if(text.indexOf('-1) {
//         return false;
//     }
//     try {
//         const fragment = new DOMParser().parseFromString(text,"text/html");
//         return fragment.body.children.length>0
//     } catch(error) {  }
    return false;
}

function showFaq(dialogHeader, htmlPage) {

    const headerClass = "data-modal-header";

    const header = document.getElementById('faqModalHeader');
    header.textContent = dialogHeader;
    header.classList.add(headerClass);

    const newDivElement = document.createElement("div");
    $(newDivElement)
        .html("")
        .load(htmlPage);

    const textContentElement = document.getElementById('faqModalTextContent');
    textContentElement.innerHTML='';
    textContentElement.append(newDivElement);

    faqModal.show();

}

function showConfirm(headerText, bodyText, successCallback) {

    if(confirmModal) {

        const header = document.getElementById('confirmModalHeader');
        header.textContent = headerText;
        header.classList.add("confirm-modal-header-info");

        const text = document.getElementById('confirmModalText');
        text.textContent = bodyText;
        text.classList.add("confirm-modal-text-info")

        const okButton = document.getElementById('confirmModalOkButton');
        // clone node strips dom element from any earlier added listeners,
        // this is the only way to enforce it to execute only one, current, listener
        const okButtonClone = okButton.cloneNode(true);
        okButton.parentNode.replaceChild(okButtonClone, okButton);
        okButtonClone.classList.add("btn-primary");
        okButtonClone.addEventListener('click', successCallback, true);

        const cancelButton = document.getElementById('confirmModalCloseButton');
        cancelButton.classList.add("btn-primary");

        confirmModal.show();

    }

}


function printArray(data) {
    let formatedArray='';
    if (data && data.length > 0) {
        for (let ii = 0; ii < data.length; ii++) {
            formatedArray += data[ii] + ((ii < data.length - 1) ? '
' : '');
        }
    }
    return formatedArray;
}

function printLink(pattern,data) {
    return '\n' +
        '   '+data+'\n' +
        '';
}

function printLinksArray (pattern,data) {
    let links = '';
    if (data && data.length>0) {
        for(let ii=0;ii' : '');
        }
    }
    return links;
}

const toggleFullScreen = ( mode ) => {

    const container = document.getElementById('recordTableContainer');
    const scrollBody = document.getElementsByClassName('dataTables_scrollBody')[0];
    const fullScreenButton = document.getElementById('full-screen-button');
    const fullScreenItem = document.getElementById('fullScreen');

    if(mode==='maximize') {
        container.classList.add("full-screen");
        scrollBody.style.minHeight = "80vh"
        fullScreenButton.innerHTML = "Exit full screen ";
        if(fullScreenItem!==null) {fullScreenItem.value = true;}
    } else {
        container.classList.remove("full-screen");
        scrollBody.style.minHeight = "45vh"
        fullScreenButton.innerHTML = "Full screen ";
        if(fullScreenItem!==null) {fullScreenItem.value = false;}
    }
}

function initFullScreenButton(dataTable) {
    const filters = document.getElementsByClassName('dataTables_filter');
    if(filters && filters.length>0) {
        const fullScreenButton = document.createElement("button");
        fullScreenButton.setAttribute("id", "full-screen-button");
        fullScreenButton.innerHTML = "Full screen ";
        fullScreenButton.classList.add("full-screen-button", "btn", "btn-sm", "btn-secondary");
        filters[0].appendChild(fullScreenButton);

        fullScreenButton.addEventListener('click',  () => {
            if ($('#recordTableContainer')[0].classList.contains("full-screen")) {
                toggleFullScreen('minimize');
            } else {
                toggleFullScreen('maximize');
            }
            if(dataTable) {
                dataTable.columns.adjust();
            }
        });

    }

}

function toggleStacktrace() {
    const stacktraceItem = document.querySelector("#stacktrace");
    if(stacktraceItem.classList.contains("d-none")) {
        stacktraceItem.classList.remove("d-none");
    } else {
        stacktraceItem.classList.add("d-none");
    }
}