openNAMU__openNAMU/views/main_css/js/render_namumark.js

function get_link_state(data, i = 0) { 
    var get_class = document.getElementsByClassName(data + 'link_finder')[i];
    if(get_class) {
        if(get_class.href.match(/^#/)) {
            document.getElementsByClassName(data + 'link_finder')[i].id = "";
        } else {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", get_class.href.replace('/w/', '/api/w/').replace(/#([^#]*)/, '') + "?exist=1");
            xhr.send();

            xhr.onreadystatechange = function() {
                if(this.readyState === 4 && this.status === 200) {
                    if(JSON.parse(this.responseText)['exist'] !== '1') {
                        document.getElementsByClassName(data + 'link_finder')[i].id = "not_thing";
                    } else {
                        document.getElementsByClassName(data + 'link_finder')[i].id = "";
                    }
                }
            }
        }

        get_link_state(data, i + 1);
    }
}

function load_image_link(data) {
    data.innerHTML = '' +
        '<img   style="' + data.getAttribute('under_style') + '" ' + 
                'alt="' + data.getAttribute('under_alt') + '" ' + 
                'src="' + data.getAttribute('under_src') + '">' +
    '';
}

function get_file_state(data, i = 0) {      
    // 개인적인 생각엔 이 부분 개편 필요
    var get_class = document.getElementsByClassName(data + 'file_finder')[i];
    if(get_class) {            
        if(get_class.getAttribute('under_href') === 'out_link') {
            if(
                document.cookie.match(main_css_regex_data('main_css_image_set')) &&
                document.cookie.match(main_css_regex_data('main_css_image_set'))[1] === '1'
            ) {
                document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                    '<a href="' + get_class.getAttribute('under_src') + '" ' +
                        'title="' + get_class.getAttribute('under_src') + '">' + 
                        '(External image link)' + 
                    '</a>' +
                '';
            } else if(
                document.cookie.match(main_css_regex_data('main_css_image_set')) &&
                document.cookie.match(main_css_regex_data('main_css_image_set'))[1] === '2'
            ) {
                document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                    '<a href="javascript:void(0);" ' +
                        'onclick="load_image_link(this); this.onclick = \'\';" ' + 
                        'under_style="' + get_class.getAttribute('under_style') + '" ' +
                        'under_alt="' + get_class.getAttribute('under_alt') + '" ' +
                        'under_src="' + get_class.getAttribute('under_src') + '" ' +
                        'title="' + get_class.getAttribute('under_src') + '">' + 
                        '(External image load)' + 
                    '</a>' +
                '';
            } else {
                document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                    '<img   style="' + get_class.getAttribute('under_style') + '" ' + 
                            'alt="' + get_class.getAttribute('under_alt') + '" ' + 
                            'src="' + get_class.getAttribute('under_src') + '">' +
                '';
            }
        } else {
            var file_type = get_class.getAttribute('under_src').split('.');
            var file_name = file_type.slice(0, file_type.length - 1).join('.');
            file_type = file_type[file_type.length - 1].toLowerCase();
            
            var xhr = new XMLHttpRequest();
            xhr.open("GET", '/api/sha224/' + file_name);
            xhr.send();
            
            xhr.onreadystatechange = function() {
                if(this.readyState === 4 && this.status === 200) {
                    file_name = JSON.parse(this.responseText)['data'];
                    
                    var xhr_2 = new XMLHttpRequest();
                    xhr_2.open("GET", '/api/image/' + file_name + '.' + file_type);
                    xhr_2.send();

                    xhr_2.onreadystatechange = function() {
                        if(this.readyState === 4 && this.status === 200) {
                            if(JSON.parse(this.responseText)['exist'] !== '1') {
                                document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                                    '<a href="' + get_class.getAttribute('under_href') + '" ' + 
                                        'id="not_thing">' +
                                        '(' + get_class.getAttribute('under_alt') + ')' +
                                    '</a>' +
                                '';
                            } else {
                                if(
                                    document.cookie.match(main_css_regex_data('main_css_image_set')) &&
                                    document.cookie.match(main_css_regex_data('main_css_image_set'))[1] === '1'
                                ) {
                                    document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                                        '<a href="/image/' + file_name + '.' + file_type + '">' +
                                            '(' + get_class.getAttribute('under_alt') + ')' +
                                        '</a>' +
                                    '';
                                } else if(
                                    document.cookie.match(main_css_regex_data('main_css_image_set')) &&
                                    document.cookie.match(main_css_regex_data('main_css_image_set'))[1] === '2'
                                ) {
                                    document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                                        '<a href="javascript:void(0);" ' +
                                            'onclick="load_image_link(this); this.onclick = \'\';" ' + 
                                            'under_style="' + get_class.getAttribute('under_style') + '" ' +
                                            'under_alt="' + get_class.getAttribute('under_alt') + '" ' +
                                            'under_src="/image/' + file_name + '.' + file_type + '">' + 
                                            '(' + get_class.getAttribute('under_alt') + ' load)' +
                                        '</a>' +
                                    '';
                                } else {
                                    document.getElementsByClassName(data + 'file_finder')[i].innerHTML = '' +
                                        '<img   style="' + get_class.getAttribute('under_style') + '" ' + 
                                                'alt="' + get_class.getAttribute('under_alt') + '" ' + 
                                                'src="/image/' + file_name + '.' + file_type + '">' +
                                    '';
                                }
                            }
                        }
                    }
                }
            }
        }

        get_file_state(data, i + 1);
    }
}

function load_include(name_doc, name_ob, data_include, name_org = '') {
    var change = '';
    for(var key in data_include) {
        change += '' +
            '@' + data_include[key][0].replace('&', '<amp>') + '@,' + 
            data_include[key][1].replace(',', '<comma>').replace('&', '<amp>') + ',' +
        ''
    }
    
    var url = '' +
        "/api/w/" + encodeURI(name_doc) + 
        "?include=" + name_ob + 
        "&change=" + change +
        '&name_org=' + name_org +
    '';

    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.send();

    xhr.onreadystatechange = function() {
        if(this.readyState === 4 && this.status === 200) {
            if(this.responseText === "{}\n") {
                document.getElementById(name_ob).innerHTML = "";
                document.getElementsByClassName(name_ob)[0].href = "/w/" + do_url_change(name_doc); 
                document.getElementsByClassName(name_ob)[0].id = "not_thing";
            } else {
                var data_load = JSON.parse(this.responseText);
                document.getElementById(name_ob).innerHTML = data_load['data'];
                eval(data_load['js_data']);
            }
        }
    }
}

function page_count() {
    var url = "/api/title_index";

    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.send();

    xhr.onreadystatechange = function() {
        if(this.readyState === 4 && this.status === 200) {
            var i = 0;
            while(document.getElementsByClassName('all_page_count')[i]) {
                document.getElementsByClassName('all_page_count')[i].innerHTML = JSON.parse(this.responseText)['count'];
                
                i += 1;
            }
        }
    }
}

function do_open_folding(data, element = '') {
    var fol = document.getElementById(data);
    if(fol.style.display === '' || (fol.style.display === 'inline-block' || fol.style.display === 'block')) {
        document.getElementById(data).style.display = 'none';
    } else {
        document.getElementById(data).style.display = 'block';
    }
    
    if(element != '') {
        var fol_data = element.innerHTML;
        if(fol_data != '(-)') {
            element.innerHTML = '(-)';
        } else {
            element.innerHTML = '(+)';
        }
    }
}

function do_open_foot(name, num = 0) {
    var found_include = name.match(/^(include_(?:[0-9]+)\-)/);
    if(found_include) {
        var include_name = name.replace(/^(?:include_(?:[0-9]+)\-)/, '');
        var front_data = found_include[1];
    } else {
        var include_name = name;
        var front_data = '';
    }

    if(
        document.cookie.match(main_css_regex_data('main_css_footnote_set')) &&
        document.cookie.match(main_css_regex_data('main_css_footnote_set'))[1] === '1'
    ) {
        if(num === 1) {
            document.getElementById(front_data + 'r' + include_name).focus();
        } else {
            var get_data = document.getElementById(front_data + include_name).innerHTML;
            var org_data = document.getElementById(front_data + 'd' + include_name).innerHTML;
            if(org_data === '') {
                document.getElementById(front_data + 'd' + include_name).innerHTML = '' +
                    '<a href="#' + front_data + 'c' + include_name + '">(Go)</a> ' + get_data +
                '';
                document.getElementById(front_data + 'd' + include_name).className = 'spead_footnote';
            } else {
                document.getElementById(front_data + 'd' + include_name).innerHTML = '';
                document.getElementById(front_data + 'd' + include_name).className = '';
            }
        }
    } else {
        document.getElementById(front_data + 'r' + include_name).style.color = 'red';
        document.getElementById(front_data + 'c' + include_name).style.color = (num === 1 ? 'inherit' : 'red');
        document.getElementById(front_data + (num === 1 ? 'r' : 'c') + include_name).focus();
    }
}