openNAMU__openNAMU/views/marisa/js/skin_set.js

function get_post() {
    var check = document.getElementById('strike');
    if(check.value === 'normal') {
        document.cookie = 'del_strike=0;';
    } else if(check.value === 'change') {
        document.cookie = 'del_strike=1;';
    } else {
        document.cookie = 'del_strike=2;';
    }

    check = document.getElementById('bold');
    if(check.value === 'normal') {
        document.cookie = 'del_bold=0;';
    } else if(check.value === 'change') {
        document.cookie = 'del_bold=1;';
    } else {
        document.cookie = 'del_bold=2;';
    }

    check = document.getElementById('include');
    if(check.checked === true) {
        document.cookie = 'include_link=1;';
    } else {
        document.cookie = 'include_link=0;';
    }

    check = document.getElementById('invert');
    if(check.checked === true) {
        document.cookie = 'invert=1;';
    } else {
        document.cookie = 'invert=0;';
    }

    check = document.getElementById('category');
    if(check.value === 'bottom') {
        document.cookie = 'category_set=0;';
    } else {
        document.cookie = 'category_set=1;';
    }

    history.go(0);
}

function main_load() {
    var head_data = document.querySelector('head');
    if(cookies.match(regex_data('del_strike'))) {
        if(cookies.match(regex_data('del_strike'))[1] === '1') {
            head_data.innerHTML += '<style>s { text-decoration: none; } s:hover { background-color: transparent; }</style>';
        } else if(cookies.match(regex_data('del_strike'))[1] === '2') {
            head_data.innerHTML += '<style>s { display: none; }</style>';
        }
    }

    if(cookies.match(regex_data('del_bold'))) {
        if(cookies.match(regex_data('del_bold'))[1] === '1') {
            head_data.innerHTML += '<style>b { font-weight: normal; }</style>';
        } else if(cookies.match(regex_data('del_bold'))[1] === '2') {
            head_data.innerHTML += '<style>b { display: none; }</style>';
        }
    }

    if(
        cookies.match(regex_data('include_link')) &&
        cookies.match(regex_data('include_link'))[1] === '1'
    ) {
        head_data.innerHTML += '<style>#include_link { display: inline; }</style>';
    }

    if(
        cookies.match(regex_data('invert')) &&
        cookies.match(regex_data('invert'))[1] === '1'
    ) {
        head_data.innerHTML += '<link rel="stylesheet" href="/views/marisa/css/dark.css?ver=5">';
    }

    if(
        cookies.match(regex_data('category_set')) &&
        cookies.match(regex_data('category_set'))[1] === '1'
    ) {
        var get_category = document.getElementById('cate_all');
        if(get_category) {
            var backup_category = get_category.innerHTML;
            var in_data = document.getElementById('in_data_0').innerHTML;
            get_category.innerHTML = '';

            backup_category = backup_category.replace('<hr>', '') + '<hr>';

            document.getElementById('in_data_0').innerHTML = backup_category + in_data;
        }
    }
}

function regex_data(data) {
    return new RegExp('(?:^|; )' + data + '=([^;]*)');
}

var cookies = document.cookie;

function skin_set() {
    if(window.location.pathname === '/skin_set') {
        var set_language = {
            "en-US" : {
                "default" : "Default",
                "change_to_normal" : "Change to normal text",
                "delete" : "Delete",
                "include_link" : "Using include link",
                "save" : "Save",
                "strike" : "Strike",
                "bold" : "Bold",
                "other" : "Other",
                "darkmode" : "Darkmode",
                "where_category" : "Set category location",
                "bottom" : "Bottom",
                "top" : "Top"
            }, "ko-KR" : {
                "default" : "기본값",
                "change_to_normal" : "일반 텍스트로 변경",
                "delete" : "삭제",
                "include_link" : "틀 링크 사용",
                "save" : "저장",
                "strike" : "취소선",
                "bold" : "볼드체",
                "other" : "기타",
                "darkmode" : "다크모드",
                "where_category" : "분류 위치 설정",
                "bottom" : "아래",
                "top" : "위"
            }
        }

        var language = cookies.match(regex_data('language'))[1];
        var user_language = cookies.match(regex_data('user_language'))[1];
        if(user_language in set_language) {
            language = user_language;
        }

        if(!language in set_language) {
            language = "en-US";
        }

        var data = document.getElementById("main_skin_set");
        var set_data = {};

        var strike_list = [
            ['0', 'normal', set_language[language]['default']],
            ['1', 'change', set_language[language]['change_to_normal']],
            ['2', 'delete', set_language[language]['delete']]
        ];
        set_data["strike"] = '';
        var i = 0;
        while(1) {
            if(strike_list[i]) {
                if(
                    cookies.match(regex_data('del_strike')) && 
                    cookies.match(regex_data('del_strike'))[1] === strike_list[i][0]
                ) {
                    set_data["strike"] = '<option value="' + strike_list[i][1] + '">' + strike_list[i][2] + '</option>' + set_data["strike"];
                } else {
                    set_data["strike"] += '<option value="' + strike_list[i][1] + '">' + strike_list[i][2] + '</option>';
                }

                i += 1;
            } else {
                break;
            }
        }

        var bold_list = [
            ['0', 'normal', set_language[language]['default']],
            ['1', 'change', set_language[language]['change_to_normal']],
            ['2', 'delete', set_language[language]['delete']]
        ];
        set_data["bold"] = '';
        var i = 0;
        while(1) {
            if(bold_list[i]) {
                if(
                    cookies.match(regex_data('del_bold')) && 
                    cookies.match(regex_data('del_bold'))[1] === bold_list[i][0]
                ) {
                    set_data["bold"] = '<option value="' + bold_list[i][1] + '">' + bold_list[i][2] + '</option>' + set_data["bold"];
                } else {
                    set_data["bold"] += '<option value="' + bold_list[i][1] + '">' + bold_list[i][2] + '</option>';
                }

                i += 1;
            } else {
                break;
            }
        }

        if(
            cookies.match(regex_data('include_link')) &&
            cookies.match(regex_data('include_link'))[1] === '1'
        ) {
            set_data["include"] = "checked";
        }

        if(
            cookies.match(regex_data('invert')) &&
            cookies.match(regex_data('invert'))[1] === '1'
        ) {
            set_data["invert"] = "checked";
        }

        var category_list = [
            ['0', 'bottom', set_language[language]['bottom']],
            ['1', 'top', set_language[language]['top']],
        ];
        set_data["category"] = '';
        var i = 0;
        while(1) {
            if(category_list[i]) {
                if(
                    cookies.match(regex_data('category_set')) && 
                    cookies.match(regex_data('category_set'))[1] === category_list[i][0]
                ) {
                    set_data["category"] = '<option value="' + category_list[i][1] + '">' + category_list[i][2] + '</option>' + set_data["category"];
                } else {
                    set_data["category"] += '<option value="' + category_list[i][1] + '">' + category_list[i][2] + '</option>';
                }

                i += 1;
            } else {
                break;
            }
        }


        data.innerHTML = ' \
            <h2>' + set_language[language]['strike'] + '</h2> \
            <hr class="main_hr"> \
            <select id="strike" name="strike"> \
                ' + set_data["strike"] + ' \
            </select> \
            <h2>' + set_language[language]['bold'] + '</h2> \
            <select id="bold" name="bold"> \
                ' + set_data["bold"] + ' \
            </select> \
            <h2>' + set_language[language]['where_category'] + '</h2> \
            <select id="category" name="category"> \
                ' + set_data["category"] + ' \
            </select> \
            <hr class="main_hr"> \
            <h2>' + set_language[language]['other'] + '</h2> \
            <input ' + set_data["include"] + ' type="checkbox" id="include" name="include" value="include"> ' + set_language[language]['include_link'] + ' \
            <hr class="main_hr"> \
            <input ' + set_data["invert"] + ' type="checkbox" id="invert" name="invert" value="invert"> ' + set_language[language]['darkmode'] + ' \
            <hr class="main_hr"> \
            <button onclick="get_post();">' + set_language[language]['save'] + '</button> \
        ';
    }
}