jumpserver/apps/static/js/jumpserver.js

//jumpserver 自定义js 2015-01-29

//此函数用于checkbox的全选和反选
var checked = false;

function check_all(form) {
    var checkboxes = document.getElementById(form);
    if (checked === false) {
        checked = true;
    } else {
        checked = false;
    }
    for (var i = 0; i < checkboxes.elements.length; i++) {
        if (checkboxes.elements[i].type == "checkbox") {
            checkboxes.elements[i].checked = checked;
        }
    }
}

function checkAll(id, name) {
    var checklist = document.getElementsByName(name);
    if (document.getElementById(id).checked) {
        for (var i = 0; i < checklist.length; i++) {
            checklist[i].checked = 1;
        }
    } else {
        for (var j = 0; j < checklist.length; j++) {
            checklist[j].checked = 0;
        }
    }
}

//提取指定行的数据，JSON格式
function GetRowData(row) {
    var rowData = {};
    for (var j = 0; j < row.cells.length; j++) {
        name = row.parentNode.rows[0].cells[j].getAttribute("Name");
        if (name) {
            var value = row.cells[j].getAttribute("Value");
            if (!value) {
                value = row.cells[j].innerHTML;
            }
            rowData[name] = value;
        }
    }
    return rowData;
}

//此函数用于在多选提交时至少要选择一行
function GetTableDataBox() {
    var tabProduct = document.getElementById("editable");
    var tableData = [];
    var returnData = [];
    var checkboxes = document.getElementById("contents_form");
    var id_list = [];
    len = checkboxes.elements.length;
    for (var i = 0; i < len; i++) {
        if (checkboxes.elements[i].type == "checkbox" && checkboxes.elements[i].checked === true && checkboxes.elements[i].value != "checkall") {
            id_list.push(i);
        }
    }
    for (i in id_list) {
        tableData.push(GetRowData(tabProduct.rows[id_list[i]]));
    }

    if (id_list.length === 0) {
        alert('请至少选择一行！');
    }
    returnData.push(tableData);
    returnData.push(id_list.length);
    return returnData;
}

function move(from, to, from_o, to_o) {
    $("#" + from + " option").each(function () {
        if ($(this).prop("selected") === true) {
            $("#" + to).append(this);
            if (typeof from_o !== 'undefined') {
                $("#" + to_o).append($("#" + from_o + " option[value='" + this.value + "']"));
            }
        }
    });
}

function move_left(from, to, from_o, to_o) {
    $("#" + from + " option").each(function () {
        if ($(this).prop("selected") === true) {
            $("#" + to).append(this);
            if (typeof from_o !== 'undefined') {
                $("#" + to_o).append($("#" + from_o + " option[value='" + this.value + "']"));
            }
        }
        $(this).attr("selected", 'true');
    });
}


function selectAll() {
    // Select all check box
    $('option').each(function () {
        $(this).attr('selected', true);
    });
}


function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                // break;
            }
        }
    }
    return cookieValue;
}

function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}

function setAjaxCSRFToken() {
    let prefix = getCookie('SESSION_COOKIE_NAME_PREFIX');
    if (!prefix || [`""`, `''`].indexOf(prefix) > -1) {
        prefix = '';
    }
    var csrftoken = getCookie(`${prefix}csrftoken`);
    var sessionid = getCookie(`${prefix}sessionid`);

    $.ajaxSetup({
        beforeSend: function (xhr, settings) {
            if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                xhr.setRequestHeader("X-CSRFToken", csrftoken);
            }
        }
    });
}

function activeNav(prefix) {
    if (!prefix) {
        prefix = '/core'
    }
    var path = document.location.pathname;
    path = path.replace(prefix, '');
    var urlArray = path.split("/");
    var app = urlArray[1];
    var resource = urlArray[2];
    if (app === '') {
        $('#index').addClass('active');
    } else if (app === 'xpack' && resource === 'cloud') {
        var item = urlArray[3];
        $("#" + app).addClass('active');
        $('#' + app + ' #' + resource).addClass('active');
        $('#' + app + ' #' + resource + ' #' + item + ' a').css('color', '#ffffff');
    } else if (app === 'settings') {
        $("#" + app).addClass('active');
    } else {
        $("#" + app).addClass('active');
        $('#' + app + ' #' + resource).addClass('active');
        $('#' + app + ' #' + resource.replace(/-/g, '_')).addClass('active');
    }
}

function formSubmit(props) {
    /*
    {
      "form": $("form"),
      "data": {},
      "url": "",
      "method": "POST",
      "redirect_to": "",
      "success": function(data, textStatue, jqXHR){},
      "error": function(jqXHR, textStatus, errorThrown) {},
      "message": "",
    }
    */
    props = props || {};
    var data = props.data || props.form.serializeObject();
    var redirectTo = props.redirect_to || props.redirectTo;
    $.ajax({
        url: props.url,
        type: props.method || 'POST',
        data: JSON.stringify(data),
        contentType: props.content_type || "application/json; charset=utf-8",
        dataType: props.data_type || "json"
    }).done(function (data, textState, jqXHR) {
        if (redirectTo) {
            location.href = redirectTo;
        } else if (typeof props.success === 'function') {
            return props.success(data, textState, jqXHR);
        }
    }).fail(function (jqXHR, textStatus, errorThrown) {
        if (typeof props.error === 'function') {
            return props.error(jqXHR, textStatus, errorThrown)
        }
        if (!props.form) {
            alert(jqXHR.responseText);
            return
        }
        if (jqXHR.status === 400) {
            var errors = jqXHR.responseJSON;
            var noneFieldErrorRef = props.form.children('.alert-danger');
            if (noneFieldErrorRef.length !== 1) {
                props.form.prepend('<div class="alert alert-danger has-error" style="display: none"></div>');
                noneFieldErrorRef = props.form.children('.alert-danger');
            }
            var noneFieldErrorMsg = "";
            noneFieldErrorRef.css("display", "none");
            noneFieldErrorRef.html("");
            props.form.find(".help-block.error").html("");
            props.form.find(".form-group.has-error").removeClass("has-error");

            if (typeof errors !== "object") {
                noneFieldErrorMsg = errors;
                if (noneFieldErrorRef.length === 1) {
                    noneFieldErrorRef.css('display', 'block');
                    noneFieldErrorRef.html(noneFieldErrorMsg);
                }
                return
            }
            $.each(errors, function (k, v) {
                var fieldRef = props.form.find('[name="' + k + '"]');
                var formGroupRef = fieldRef.parents('.form-group');
                var parentRef = fieldRef.parent();
                var helpBlockRef = parentRef.children('.help-block.error');
                if (helpBlockRef.length === 0) {
                    parentRef.append('<div class="help-block error"></div>');
                    helpBlockRef = parentRef.children('.help-block.error');
                }
                if (fieldRef.length === 1 && formGroupRef.length === 1) {
                    formGroupRef.addClass('has-error');
                    var help_msg = v.join("<br/>");
                    helpBlockRef.html(help_msg);
                } else {
                    $.each(v, function (kk, vv) {
                        if (typeof vv === "object") {
                            $.each(vv, function (kkk, vvv) {
                                noneFieldErrorMsg += " " + vvv + '<br/>';
                            })
                        } else {
                            noneFieldErrorMsg += vv + '<br/>';
                        }
                    })
                }
            });
            if (noneFieldErrorRef.length === 1 && noneFieldErrorMsg !== '') {
                noneFieldErrorRef.css('display', 'block');
                noneFieldErrorRef.html(noneFieldErrorMsg);
            }
            $('.has-error :visible').get(0).scrollIntoView();
        }
    })
}

function requestApi(props) {
    // props = {url: .., body: , success: , error: , method: ,}
    props = props || {};
    var user_success_message = props.success_message;
    var default_success_message = gettext('Update is successful!');
    var user_fail_message = props.fail_message;
    var default_failed_message = gettext('An unknown error occurred while updating..');
    var flash_message = props.flash_message || true;
    if (props.flash_message === false) {
        flash_message = false;
    }
    var dataBody = props.body || props.data;
    if (typeof (dataBody) === "object") {
        dataBody = JSON.stringify(dataBody)
    }
    var headers = props.headers || {}

    $.ajax({
        url: props.url,
        type: props.method || "PATCH",
        headers: headers,
        data: dataBody,
        contentType: props.content_type || "application/json; charset=utf-8",
        dataType: props.data_type || "json"
    }).done(function (data, textStatue, jqXHR) {
        if (flash_message) {
            var msg = "";
            if (user_success_message) {
                msg = user_success_message;
            } else {
                msg = default_success_message;
            }
            toastr.success(msg);
        }
        if (typeof props.success === 'function') {
            return props.success(data);
        }
    }).fail(function (jqXHR, textStatus, errorThrown) {
        if (flash_message) {
            var msg = "";
            if (user_fail_message) {
                msg = user_fail_message;
            } else if (jqXHR.responseJSON) {
                if (jqXHR.responseJSON.error) {
                    msg = jqXHR.responseJSON.error
                } else if (jqXHR.responseJSON.msg) {
                    msg = jqXHR.responseJSON.msg
                } else if (jqXHR.responseJSON.detail) {
                    msg = jqXHR.responseJSON.detail
                }
            }
            if (msg === "") {
                msg = default_failed_message;
            }
            toastr.error(msg);
        }
        if (typeof props.error === 'function') {
            return props.error(jqXHR.responseText, jqXHR.responseJSON, jqXHR.status);
        }
    });
    // return true;
}

// Sweet Alert for Delete
function objectDelete(obj, name, url, redirectTo, title, success_message) {
    function doDelete() {
        var body = {};
        var success = function () {
            if (!redirectTo) {
                $(obj).parent().parent().remove();
            } else {
                window.location.href = redirectTo;
            }
        };
        var fail = function (responseText, responseJSON, status) {
            var errorMsg = '';
            if (responseJSON && responseJSON.error) {
                errorMsg = '';
            } else if (status === 404) {
                errorMsg = gettext("Not found")
            } else {
                errorMsg = gettext("Server error")
            }
            swal(gettext('Error'), "[ " + name + " ] " + errorMsg);
        };
        requestApi({
            url: url,
            body: JSON.stringify(body),
            method: 'DELETE',
            success_message: success_message || gettext("Delete the success"),
            success: success,
            error: fail
        });
    }

    swal({
        title: title || gettext('Are you sure about deleting it?'),
        text: " [" + name + "] ",
        type: "warning",
        showCancelButton: true,
        cancelButtonText: gettext('Cancel'),
        confirmButtonColor: "#ed5565",
        confirmButtonText: gettext('Confirm'),
        closeOnConfirm: true,
    }, function () {
        doDelete()
    });
}

function orgDelete(obj, name, url, redirectTo) {
    function doDelete() {
        var body = {};
        var success = function () {
            if (!redirectTo) {
                $(obj).parent().parent().remove();
            } else {
                window.location.href = redirectTo;
            }
        };
        var fail = function (responseText, status) {
            if (status === 400) {
                swal(gettext("Error"), "[ " + name + " ] " + gettext("The organization contains undeleted information. Please try again after deleting"), "error");
            } else if (status === 405) {
                swal(gettext("Error"), " [ " + name + " ] " + gettext("Do not perform this operation under this organization. Try again after switching to another organization"), "error");
            }
        };
        requestApi({
            url: url,
            body: JSON.stringify(body),
            method: 'DELETE',
            success_message: gettext("Delete the success"),
            success: success,
            error: fail
        });
    }

    swal({
        title: gettext("Please ensure that the following information in the organization has been deleted"),
        text: gettext("User list、User group、Asset list、Domain list、Admin user、System user、Labels、Asset permission"),
        type: "warning",
        showCancelButton: true,
        cancelButtonText: gettext('Cancel'),
        confirmButtonColor: "#ed5565",
        confirmButtonText: gettext('Confirm'),
        closeOnConfirm: true
    }, function () {
        doDelete();
    });
}

$.fn.serializeObject = function () {
    var o = {};
    var a = this.serializeArray();
    $.each(a, function () {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

function makeLabel(data) {
    return "<label class='detail-key'><b>" + data[0] + ": </b></label> " + data[1] + "</br>"
}

function parseTableFilter(value) {
    var cleanValues = [];
    if (!value) {
        return {}
    }
    var valuesArray = value.split(':');
    for (var i = 0; i < valuesArray.length; i++) {
        var v = valuesArray[i].trim();
        if (!v) {
            continue
        }
        // 如果是最后一个元素，直接push，不需要再处理了, 因为最后一个肯定不是key
        if (i === valuesArray.length - 1) {
            cleanValues.push(v);
            continue
        }
        v = v.split(' ');
        // 如果长度是1，直接push上
        // 如果长度不是1，根据空格分隔后，最后面的是key
        if (v.length === 1) {
            cleanValues.push(v[0]);
        } else {
            var leaveData = v.slice(0, -1).join(' ').trim();
            cleanValues.push(leaveData);
            cleanValues.push(v.slice(-1)[0]);
        }
    }
    var filter = {};
    var key = '';
    for (i = 0; i < cleanValues.length; i++) {
        if (i % 2 === 0) {
            key = cleanValues[i]
        } else {
            value = cleanValues[i];
            filter[key] = value
        }
    }
    return filter;
}


var jumpserver = {};
jumpserver.checked = false;
jumpserver.selected = {};
jumpserver.language = {};

function setDataTablePagerLength(num) {
    $.fn.DataTable.ext.pager.numbers_length = num;
}

jumpserver.initDataTable = function (options) {
    // options = {
    //    ele *: $('#dataTable_id'),
    //    ajax_url *: '{% url 'users:user-list-api' %}',
    //    columns *: [{data: ''}, ....],
    //    dom: 'fltip',
    //    i18n_url: '{% static "js/...../en-us.json" %}',
    //    order: [[1, 'asc'], [2, 'asc'], ...],
    //    buttons: ['excel', 'pdf', 'print'],
    //    columnDefs: [{target: 0, createdCell: ()=>{}}, ...],
    //    uc_html: '<a>header button</a>',
    //    op_html: 'div.btn-group?',
    //    paging: true
    // }
    setDataTablePagerLength(5);
    var ele = options.ele || $('.dataTable');
    var columnDefs = [
        {
            targets: 0,
            orderable: false,
            width: "20px",
            createdCell: function (td, cellData) {
                $(td).html('<input type="checkbox" class="text-center ipt_check" id=99991937>'.replace('99991937', cellData));
            }
        },
        {
            className: 'text-center',
            render: $.fn.dataTable.render.text(),
            targets: '_all'
        }
    ];
    columnDefs = options.columnDefs ? options.columnDefs.concat(columnDefs) : columnDefs;
    var select = {
        style: 'multi',
        selector: 'td:first-child'
    };
    var table = ele.DataTable({
        pageLength: options.pageLength || 15,
        dom: options.dom || '<"#uc.pull-left"><"pull-right"<"inline"l><"#fb.inline"><"inline"f><"#fa.inline">>tr<"row m-t"<"col-md-8"<"#op.col-md-6"><"col-md-6 text-center"i>><"col-md-4"p>>',
        order: options.order || [],
        // select: options.select || 'multi',
        searchDelay: 800,
        buttons: [],
        columnDefs: columnDefs,
        ajax: {
            url: options.ajax_url,
            dataSrc: ""
        },
        columns: options.columns || [],
        select: options.select || select,
        language: jumpserver.language,
        lengthMenu: [[10, 15, 25, 50, -1], [10, 15, 25, 50, "All"]]
    });
    table.on('select', function (e, dt, type, indexes) {
        var $node = table[type](indexes).nodes().to$();
        $node.find('input.ipt_check').prop('checked', true);
        jumpserver.selected[$node.find('input.ipt_check').prop('id')] = true
    }).on('deselect', function (e, dt, type, indexes) {
        var $node = table[type](indexes).nodes().to$();
        $node.find('input.ipt_check').prop('checked', false);
        jumpserver.selected[$node.find('input.ipt_check').prop('id')] = false
    }).on('draw', function () {
        $('#op').html(options.op_html || '');
        $('#uc').html(options.uc_html || '');
        $('[data-toggle="popover"]').popover({
            html: true,
            placement: 'bottom',
            trigger: 'click',
            container: 'body'
        }).on('click', function (e) {
            $('[data-toggle="popover"]').not(this).popover('hide');
        });
    });
    $('.ipt_check_all').on('click', function () {
        if ($(this).prop("checked")) {
            $(this).closest('table').find('.ipt_check').prop('checked', true);
            jumpserver.checked = true;
            table.rows({search: 'applied', page: 'current'}).select();
        } else {
            $(this).closest('table').find('.ipt_check').prop('checked', false);
            jumpserver.checked = false;
            table.rows({search: 'applied', page: 'current'}).deselect();
        }
    });

    return table;
};

jumpserver.initStaticTable = function (selector) {
    $(selector).DataTable({
        "searching": false,
        "bInfo": false,
        "paging": false,
        "order": [],
        "language": jumpserver.language
    });
};

jumpserver.initServerSideDataTable = function (options) {
    // options = {
    //    ele *: $('#dataTable_id'),
    //    ajax_url *: '{% url 'users:user-list-api' %}',
    //    select_style: 'multi',
    //    columns *: [{data: ''}, ....],
    //    dom: 'fltip',
    //    i18n_url: '{% static "js/...../en-us.json" %}',
    //    order: [[1, 'asc'], [2, 'asc'], ...],
    //    buttons: ['excel', 'pdf', 'print'],
    //    columnDefs: [{target: 0, createdCell: ()=>{}}, ...],
    //    uc_html: '<a>header button</a>',
    //    op_html: 'div.btn-group?',
    //    paging: true,
    //    paging_numbers_length: 5;
    //    hideDefaultDefs: false;
    // }
    var pagingNumbersLength = 5;
    if (options.paging_numbers_length) {
        pagingNumbersLength = options.paging_numbers_length;
    }
    setDataTablePagerLength(pagingNumbersLength);
    var ele = options.ele || $('.dataTable');
    var columnDefs = [
        {
            targets: 0,
            orderable: false,
            width: "20px",
            createdCell: function (td, cellData) {
                var data = '<input type="checkbox" class="text-center ipt_check" id=Id>'.replace('Id', cellData);
                $(td).html(data);
            }
        },
        {
            targets: '_all',
            className: 'text-center',
            render: $.fn.dataTable.render.text()
        }
    ];
    if (options.hideDefaultDefs) {
        columnDefs = [];
    }
    var select_style = options.select_style || 'multi';
    columnDefs = options.columnDefs ? options.columnDefs.concat(columnDefs) : columnDefs;
    var select = {
        style: select_style,
        selector: 'td:first-child'
    };
    var dom = '<"#uc.pull-left"> <"pull-right"<"#lb.inline"> <"inline"l> <"#fb.inline"> <"inline"f><"#fa.inline">>' +
        'tr' +
        '<"row m-t"<"col-md-8"<"#op.col-md-6"><"col-md-6 text-center"i>><"col-md-4"p>>';
    var table = ele.DataTable({
        pageLength: options.pageLength || 15,
        // dom: options.dom || '<"#uc.pull-left">fltr<"row m-t"<"col-md-8"<"#op.col-md-6"><"col-md-6 text-center"i>><"col-md-4"p>>',
        // dom: options.dom || '<"#uc.pull-left"><"pull-right"<"inline"l><"#fb.inline"><"inline"<"table-filter"f>><"#fa.inline">>tr<"row m-t"<"col-md-8"<"#op.col-md-6"><"col-md-6 text-center"i>><"col-md-4"p>>',
        dom: options.dom || dom,
        order: options.order || [],
        buttons: [],
        columnDefs: columnDefs,
        serverSide: true,
        processing: true,
        searchDelay: 800,
        oSearch: options.oSearch,
        ajax: {
            url: options.ajax_url,
            error: function (jqXHR, textStatus, errorThrown) {
                if (jqXHR.responseText && jqXHR.responseText.indexOf("%(value)s") !== -1) {
                    return
                }
                var msg = gettext("Unknown error occur");
                if (jqXHR.responseJSON) {
                    if (jqXHR.responseJSON.error) {
                        msg = jqXHR.responseJSON.error
                    } else if (jqXHR.responseJSON.msg) {
                        msg = jqXHR.responseJSON.msg
                    }
                }
                alert(msg)
            },
            data: function (data) {
                delete data.columns;
                if (data.length !== null) {
                    data.limit = data.length;
                    delete data.length;
                }
                if (data.start !== null) {
                    data.offset = data.start;
                    delete data.start;
                }
                if (data.search !== null) {
                    var searchValue = data.search.value;
                    var searchFilter = parseTableFilter(searchValue);
                    if (Object.keys(searchFilter).length === 0) {
                        data.search = searchValue;
                    } else {
                        data.search = '';
                        $.each(searchFilter, function (k, v) {
                            data[k] = v
                        })
                    }
                }
                if (data.order !== null && data.order.length === 1) {
                    var col = data.order[0].column;
                    var order = options.columns[col].data;
                    if (data.order[0].dir === "desc") {
                        order = "-" + order;
                    }
                    data.order = order;
                }
            },
            dataFilter: function (data) {
                var json = jQuery.parseJSON(data);
                json.recordsTotal = json.count;
                json.recordsFiltered = json.count;
                return JSON.stringify(json); // return JSON string
            },
            dataSrc: "results"
        },
        columns: options.columns || [],
        select: options.select || select,
        language: jumpserver.language,
        lengthMenu: options.lengthMenu || [[15, 25, 50, 9999], [15, 25, 50, 'All']]
    });
    table.selected = [];
    table.selected_rows = [];
    table.on('select', function (e, dt, type, indexes) {
        var $node = table[type](indexes).nodes().to$();
        $node.find('input.ipt_check').prop('checked', true);
        jumpserver.selected[$node.find('input.ipt_check').prop('id')] = true;
        if (type === 'row') {
            var rows = table.rows(indexes).data();
            $.each(rows, function (id, row) {
                if (row.id && $.inArray(row.id, table.selected) === -1) {
                    if (select.style === 'multi') {
                        table.selected.push(row.id);
                        table.selected_rows.push(row);
                    } else {
                        table.selected = [row.id];
                        table.selected_rows = [row];
                    }
                }
            })
        }
    }).on('deselect', function (e, dt, type, indexes) {
        var $node = table[type](indexes).nodes().to$();
        $node.find('input.ipt_check').prop('checked', false);
        jumpserver.selected[$node.find('input.ipt_check').prop('id')] = false;
        if (type === 'row') {
            var rows = table.rows(indexes).data();
            $.each(rows, function (id, row) {
                if (row.id) {
                    var index = table.selected.indexOf(row.id);
                    if (index > -1) {
                        table.selected.splice(index, 1);
                        table.selected_rows.splice(index, 1);
                    }
                }
            })
        }
    }).on('draw', function () {
        $('[data-toggle="popover"]').popover({
            html: true,
            placement: 'bottom',
            trigger: 'click',
            container: 'body'
        }).on('click', function (e) {
            $('[data-toggle="popover"]').not(this).popover('hide');
        });
        var table_data = [];
        $.each(table.rows().data(), function (id, row) {
            if (row.id) {
                table_data.push(row.id)
            }
        });

        $.each(table.selected, function (id, data) {
            var index = table_data.indexOf(data);
            if (index > -1) {
                table.rows(index).select()
            }
        });
    }).on("init", function () {
        $('#op').html(options.op_html || '');
        $('#uc').html(options.uc_html || '');
        $('#fb').html(options.fb_html || '');
        $('#fa').html(options.fa_html || '');
        $('#lb').html(options.lb_html || '');
    });
    var table_id = table.settings()[0].sTableId;
    $('#' + table_id + ' .ipt_check_all').on('click', function () {
        if (select_style !== 'multi') {
            return
        }
        if ($(this).prop("checked")) {
            $(this).closest('table').find('.ipt_check').prop('checked', true);
            table.rows({search: 'applied', page: 'current'}).select();
        } else {
            $(this).closest('table').find('.ipt_check').prop('checked', false);
            table.rows({search: 'applied', page: 'current'}).deselect();
        }
    });

    // jumpserver.table = table;
    return table;
};

/**
 * 替换所有匹配exp的字符串为指定字符串
 * @param exp 被替换部分的正则
 * @param newStr 替换成的字符串
 */
String.prototype.replaceAll = function (exp, newStr) {
    return this.replace(new RegExp(exp, "gm"), newStr);
};

/**
 * 原型：字符串格式化
 * @param args 格式化参数值
 */
String.prototype.format = function (args) {
    var result = this;
    if (arguments.length < 1) {
        return result;
    }

    var data = arguments;
    if (arguments.length == 1 && typeof (args) == "object") {
        data = args;
    }
    for (var key in data) {
        var value = data[key];
        if (undefined != value) {
            result = result.replaceAll("\\{" + key + "\\}", value);
        }
    }
    return result;
};

function setCookie(key, value, time) {
    var expires = new Date();
    if (!time) {
        time = expires.getTime() + (24 * 60 * 60 * 1000);
    }
    expires.setTime(time);
    document.cookie = key + '=' + value + ';expires=' + expires.toUTCString() + ';path=/';
}


function delCookie(key) {
    var expires = new Date();
    expires.setTime(expires.getTime() - 1);
    var val = getCookie(key);
    if (val !== null) {
        document.cookie = key + '=' + val + ";expires" + expires.toUTCString() + ';path=/';
    }
}

function createPopover(dataset, title, callback) {
    if (callback !== undefined) {
        var new_dataset = [];
        $.each(dataset, function (index, value) {
            new_dataset.push(callback(value))
        });
        dataset = new_dataset;
    }
    var data_content = dataset.join("<br>");
    var html = "<a data-toggle='popover' data-content='" + data_content + "'>" + dataset.length + "</a>";
    return html;
}


$(function () {
    (function ($) {
        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        }
    })(jQuery);
});

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}

function setUrlParam(url, name, value) {
    var urlArray = url.split("?");
    if (urlArray.length === 1) {
        url += "?" + name + "=" + value;
    } else {
        var oriParam = urlArray[1].split("&");
        var oriParamMap = {};
        $.each(oriParam, function (index, value) {
            var v = value.split("=");
            oriParamMap[v[0]] = v[1];
        });
        oriParamMap[name] = value;
        url = urlArray[0] + "?";
        var newParam = [];
        $.each(oriParamMap, function (index, value) {
            newParam.push(index + "=" + value);
        });
        url += newParam.join("&")
    }
    return url
}

// Password check rules
var rules_short_map_id = {
    'min': 'id_security_password_min_length',
    'upper': 'id_security_password_upper_case',
    'lower': 'id_security_password_lower_case',
    'number': 'id_security_password_number',
    'special': 'id_security_password_special_char'
};

var rules_id_map_label = {
    'id_security_password_min_length': gettext('Password minimum length {N} bits'),
    'id_security_password_upper_case': gettext('Must contain capital letters'),
    'id_security_password_lower_case': gettext('Must contain lowercase letters'),
    'id_security_password_number': gettext('Must contain numeric characters'),
    'id_security_password_special_char': gettext('Must contain special characters')
};

function getRuleLabel(rule) {
    var label = '';
    if (rule.key === rules_short_map_id['min']) {
        label = rules_id_map_label[rule.key].replace('{N}', rule.value)
    } else {
        label = rules_id_map_label[rule.key]
    }
    return label
}

// 校验密码-改变规则颜色
function checkPasswordRules(password, minLength) {
    if (wordMinLength(password, minLength)) {
        $('#' + rules_short_map_id['min']).css('color', 'green')
    } else {
        $('#' + rules_short_map_id['min']).css('color', '#908a8a')
    }

    if (wordUpperCase(password)) {
        $('#' + rules_short_map_id['upper']).css('color', 'green')
    } else {
        $('#' + rules_short_map_id['upper']).css('color', '#908a8a')
    }

    if (wordLowerCase(password)) {
        $('#' + rules_short_map_id['lower']).css('color', 'green')
    } else {
        $('#' + rules_short_map_id['lower']).css('color', '#908a8a')
    }

    if (wordNumber(password)) {
        $('#' + rules_short_map_id['number']).css('color', 'green')
    } else {
        $('#' + rules_short_map_id['number']).css('color', '#908a8a')
    }

    if (wordSpecialChar(password)) {
        $('#' + rules_short_map_id['special']).css('color', 'green')
    } else {
        $('#' + rules_short_map_id['special']).css('color', '#908a8a')
    }
}

// 最小长度
function wordMinLength(word, minLength) {
    //var minLength = {{ min_length }};
    var re = new RegExp("^(.{" + minLength + ",})$");
    return word.match(re)
}

// 大写字母
function wordUpperCase(word) {
    return word.match(/([A-Z]+)/)
}

// 小写字母
function wordLowerCase(word) {
    return word.match(/([a-z]+)/)
}

// 数字字符
function wordNumber(word) {
    return word.match(/([\d]+)/)
}

// 特殊字符
function wordSpecialChar(word) {
    return word.match(/[`,~,!,@,#,\$,%,\^,&,\*,\(,\),\-,_,=,\+,\{,\},\[,\],\|,\\,;,',:,",\,,\.,<,>,\/,\?]+/)
}


// 显示弹窗密码规则
function popoverPasswordRules(password_check_rules, $el) {
    var message = "";
    jQuery.each(password_check_rules, function (idx, rule) {
        message += "<li id=" + rule.key + " style='list-style-type:none;'> <i class='fa fa-check-circle-o' style='margin-right:10px;' ></i>" + getRuleLabel(rule) + "</li>";
    });
    //$('#id_password_rules').html(message);
    $el.html(message)
}

// 初始化弹窗popover
function initPopover($container, $progress, $idPassword, $el, password_check_rules, i18n_fallback) {
    options = {};
    // User Interface
    options.ui = {
        container: $container,
        viewports: {
            progress: $progress
            //errors: $('.popover-content')
        },
        showProgressbar: true,
        showVerdictsInsideProgressBar: true
    };
    options.i18n = {
        fallback: i18n_fallback,
        t: function (key) {
            var result = '';
            result = options.i18n.fallback[key];
            return result === key ? '' : result;
        }
    };
    $idPassword.pwstrength(options);
    popoverPasswordRules(password_check_rules, $el);
}


function rootNodeAddDom(ztree, callback) {
    var refreshIcon = "<a id='tree-refresh'><i class='fa fa-refresh'></i></a>";
    var rootNode = ztree.getNodes()[0];
    if (rootNode) {
        var $rootNodeRef = $("#" + rootNode.tId + "_a");
        $rootNodeRef.after(refreshIcon);
    } else {
        $rootNodeRef = $('#' + ztree.setting.treeId);
        $rootNodeRef.html(refreshIcon);
    }
    var refreshIconRef = $('#tree-refresh');
    refreshIconRef.bind('click', function () {
        ztree.destroy();
        callback()
    })
}

function htmlEscape(d) {
    return typeof d === 'string' ?
        d.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;') :
        d;
}

function objectAttrsIsList(obj, attrs) {
    attrs.forEach(function (attr) {
        if (!obj[attr]) {
            obj[attr] = []
        } else if (obj[attr] && !(obj[attr] instanceof Array)) {
            obj[attr] = [obj[attr]]
        }
    })
}

function objectAttrsIsDatetime(obj, attrs) {
    attrs.forEach(function (attr) {
        obj[attr] = toSafeDateISOStr(obj[attr]);
    })
}

function objectAttrsIsBool(obj, attrs) {
    attrs.forEach(function (attr) {
        if (!obj[attr]) {
            obj[attr] = false
        } else {
            obj[attr] = ['on', '1', 'true', 'True'].includes(obj[attr]);
        }
    })
}

function objectAttrsIsNumber(obj, attrs) {
    attrs.forEach(function (attr) {
        if (!obj[attr]) {
            obj[attr] = null;
        }
    })
}

function cleanDateStr(d) {
    for (var i = 0; i < 3; i++) {
        if (!isNaN(Date.parse(d))) {
            return d;
        }
        if (!isNaN(Number(d))) {
            return d;
        }
        switch (i) {
            case 0:
                d = d.replaceAll('-', '/');
                break;
            case 1:
                d = d.split('+')[0].trimRight();
                break;
        }
    }
    return null;
}

function safeDate(s) {
    s = cleanDateStr(s);
    return new Date(s)
}

function toSafeDateISOStr(s) {
    var d = safeDate(s);
    return d.toISOString();
}

function toSafeLocalDateStr(d) {
    var date = safeDate(d);
    // var date_s = date.toLocaleString(getUserLang(), {hour12: false});
    var date_s = date.toLocaleString(getUserLang(), {hourCycle: "h23"});
    return date_s.split("/").join('-')
}

function getUrlParams(url) {
    url = url.split("?");
    var params = "";
    if (url.length === 2) {
        params = url[1];
    }
    return params
}

function getTimeUnits(u) {
    var units = {
        "d": "天",
        "h": "时",
        "m": "分",
        "s": "秒",
    };
    if (getUserLang() === "zh-CN") {
        return units[u]
    }
    return u
}

function timeOffset(a, b) {
    var start = safeDate(a);
    var end = safeDate(b);
    var offset = (end - start) / 1000;
    return readableSecond(offset)
}

function readableSecond(offset) {
    var days = offset / 3600 / 24;
    var hours = offset / 3600;
    var minutes = offset / 60;
    var seconds = offset;

    if (days > 1) {
        return days.toFixed(1) + " " + getTimeUnits("d");
    } else if (hours > 1) {
        return hours.toFixed(1) + " " + getTimeUnits("h");
    } else if (minutes > 1) {
        return minutes.toFixed(1) + " " + getTimeUnits("m")
    } else if (seconds > 1) {
        return seconds.toFixed(1) + " " + getTimeUnits("s")
    }
    return ""
}

function readFile(ref) {
    var files = ref.prop('files');
    var hasFile = files && files.length > 0;
    if (hasFile) {
        var reader = new FileReader();//新建一个FileReader
        reader.readAsText(files[0], "UTF-8");//读取文件
        reader.onload = function (evt) { //读取完文件之后会回来这里
            ref.trigger("onload", evt.target.result);
        };
    } else {
        ref.trigger("onload", null);
    }

    return ref
}


function select2AjaxInit(option) {
    /*
    {
      selector:
      url: ,
      disabledData: ,
      displayFormat,
      idFormat,
    }
     */
    var selector = option.selector;
    var url = option.url;
    var disabledData = option.disabledData;
    var displayFormat = option.displayFormat || function (data) {
        return data.name;
    };
    var idFormat = option.idFormat || function (data) {
        return data.id;
    };

    return $(selector).select2({
        closeOnSelect: false,
        ajax: {
            url: url,
            data: function (params) {
                var page = params.page || 1;
                var query = {
                    search: params.term,
                    offset: (page - 1) * 10,
                    limit: 10
                };
                return query
            },
            processResults: function (data) {
                var results = $.map(data.results, function (v, i) {
                    var display = displayFormat(v);
                    var id = idFormat(v);
                    var d = {id: id, text: display};
                    if (disabledData && disabledData.indexOf(v.id) !== -1) {
                        d.disabled = true;
                    }
                    return d;
                });
                var more = !!data.next;
                return {results: results, pagination: {"more": more}}
            }
        },
    })

}

function usersSelect2Init(selector, url, disabledData) {
    if (!url) {
        url = '/api/v1/users/users/'
    }

    function displayFormat(v) {
        return v.name + '(' + v.username + ')';
    }

    var option = {
        url: url,
        selector: selector,
        disabledData: disabledData,
        displayFormat: displayFormat
    };
    return select2AjaxInit(option)
}


function nodesSelect2Init(selector, url, disabledData) {
    if (!url) {
        url = '/api/v1/assets/nodes/'
    }

    function displayFormat(v) {
        return v.full_value;
    }

    var option = {
        url: url,
        selector: selector,
        disabledData: disabledData,
        displayFormat: displayFormat
    };
    return select2AjaxInit(option)
}

function showCeleryTaskLog(taskId) {
    var url = '/ops/celery/task/taskId/log/'.replace('taskId', taskId);
    window.open(url, '', 'width=900,height=600')
}

function getUserLang() {
    let userLangEN = document.cookie.indexOf('django_language=en');
    if (userLangEN === -1) {
        return 'zh-CN'
    } else {
        return 'en-US'
    }
}

function initDateRangePicker(selector, options) {
    if (!options) {
        options = {}
    }
    var zhLocale = {
        format: 'YYYY-MM-DD HH:mm',
        separator: ' ~ ',
        applyLabel: "应用",
        cancelLabel: "取消",
        resetLabel: "重置",
        daysOfWeek: ["日", "一", "二", "三", "四", "五", "六"],//汉化处理
        monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
    };
    var enLocale = {
        format: "YYYY-MM-DD HH:mm",
        separator: " - ",
        applyLabel: "Apply",
        cancelLabel: "Cancel",
        resetLabel: "Reset",
        daysOfWeek: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
        monthNames: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
    };
    var defaultOption = {
        singleDatePicker: true,
        showDropdowns: true,
        timePicker: true,
        timePicker24Hour: true,
        autoApply: true,
    };
    if (getUserLang() === 'zh-CN') {
        defaultOption.locale = zhLocale;
    } else {
        // en-US
        defaultOption.locale = enLocale;
    }
    options = Object.assign(defaultOption, options);
    return $(selector).daterangepicker(options);
}

function reloadPage() {
    setTimeout(function () {
        window.location.reload();
    }, 300);
}

function isEmptyObject(obj) {
    return Object.keys(obj).length === 0
}

function getStatusIcon(status, mapping, title) {
    var navy = '<i class="fa fa-circle text-navy" title=""></i>';
    var danger = '<i class="fa fa-circle text-danger" title=""></i>';
    var warning = '<i class="fa fa-circle text-warning" title=""></i>';
    var icons = {
        navy: navy,
        danger: danger,
        warning: warning
    };
    var defaultMapping = {
        true: 'navy',
        false: 'danger',
        1: 'navy',
        0: 'danger',
        default: 'navy'
    };
    if (!mapping) {
        mapping = defaultMapping;
    }
    var name = mapping[status] || mapping['default'];
    var icon = icons[name];
    if (title) {
        icon = icon.replace('title=""', 'title="' + title + '"')
    }
    return icon;
}


function fillKey(key) {
    const KeyLength = 16
    if (key.length > KeyLength) {
        key = key.slice(0, KeyLength)
    }
    const filledKey = Buffer.alloc(KeyLength)
    const keys = Buffer.from(key)
    for (let i = 0; i < keys.length; i++) {
        filledKey[i] = keys[i]
    }
    return filledKey
}

function aesEncrypt(text, originKey) {
    const key = CryptoJS.enc.Utf8.parse(fillKey(originKey));
    return CryptoJS.AES.encrypt(text, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.ZeroPadding
    }).toString();
}

function rsaEncrypt(text, pubKey) {
    if (!text) {
        return text
    }
    const jsEncrypt = new JSEncrypt();
    jsEncrypt.setPublicKey(pubKey);
    return jsEncrypt.encrypt(text);
}

function rsaDecrypt(cipher, pkey) {
    const jsEncrypt = new JSEncrypt();
    jsEncrypt.setPrivateKey(pkey);
    return jsEncrypt.decrypt(cipher)
}


window.rsaEncrypt = rsaEncrypt
window.rsaDecrypt = rsaDecrypt

function encryptPassword(password) {
    if (!password) {
        return ''
    }
    // public key 是 base64 存储的
    let rsaPublicKeyText = getCookie('jms_public_key')
    if (!rsaPublicKeyText) {
        return password
    }
    const aesKey = (Math.random() + 1).toString(36).substring(2)
    rsaPublicKeyText = rsaPublicKeyText.replaceAll('"', '')
    const rsaPublicKey = atob(rsaPublicKeyText)
    const keyCipher = rsaEncrypt(aesKey, rsaPublicKey)
    const passwordCipher = aesEncrypt(password, aesKey)
    return `${keyCipher}:${passwordCipher}`
}


function randomString(length) {
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result = '';
    const charactersLength = characters.length;
    for (let i = 0; i < length; i++) {
        result += characters.charAt(Math.floor(Math.random() * charactersLength));
    }

    return result;
}

function testEncrypt() {
    const radio = []
    const len2 = []
    for (let i = 1; i < 4096; i++) {
        const password = randomString(i)
        const cipher = encryptPassword(password)
        len2.push([password.length, cipher.length])
        radio.push(cipher.length / password.length)
    }
    return radio
}

window.encryptPassword = encryptPassword