openNAMU__openNAMU/views/main_css/js/route/thread.js

// 폐지하고 다시 SSR 방식으로 전환 예정
function opennamu_do_thread_make(topic_num, type_do = 'top', some = '', where = 'top_topic') {
    let url = '';
    if(type_do === 'top') {
        url = "/api/thread/" + topic_num + "/top";
    } else if(type_do === 'main') {
        url = "/api/thread/" + topic_num;
    } else {
        url = "/api/thread/" + topic_num + some;
    }

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

    xhr.onreadystatechange = function() {
        if(this.readyState === 4 && this.status === 200) {
            let data_t = JSON.parse(this.responseText);
            
            let start = 0;
            let key_v = '/normal/1';
            let admin = '';
            let ip_first = '';
            
            let data_all = '';
            let data_all_js = '';
            
            let count = 0;
            for(let key in data_t) {
                let data_a = '';
                
                if(start === 0) {
                    admin = data_t['data_main']['admin'];
                    ip_first = data_t['data_main']['ip_first'];
                
                    start = 1;
                }
                
                if(key === 'data_main') {
                    continue;
                }
                
                key_v = '/normal/' + String(Number(key) + 1);
                
                let color_b = '';
                let color_t = '';
                
                let ip = data_t[key]['ip_pas'];
                let ip_o = data_t[key]['ip'];
                let blind = data_t[key]['blind'];
                let data_i_pas = data_t[key]['data_pas'][0];
                let data_get_list = [];

                if(data_i_pas === '') {
                    data_i_pas = '<br>';
                } else {
                    let load_thread_regex = /&lt;topic_a&gt;((?:(?!&lt;\/topic_a&gt;).)+)&lt;\/topic_a&gt;/g;

                    data_get_list = data_i_pas.match(load_thread_regex);

                    data_i_pas = data_i_pas.replace(load_thread_regex, '<a href="$1">$1</a>');
                    data_i_pas = data_i_pas.replace(/&lt;topic_call&gt;@((?:(?!&lt;\/topic_call&gt;).)+)&lt;\/topic_call&gt;/g, '<a href="/w/user:$1">@$1</a>');
                }
                
                if(blind === 'O') {
                    color_b = 'opennamu_comment_blind';
                } else {
                    color_b = 'opennamu_comment_blind_not';
                }
                
                if(blind === 'O') {
                    ip += ' <a href="/list/admin/auth_use/' + opennamu_do_url_encode('blind (code ' + topic_num + '#' + key) + '/1">(B)</a>';
                    
                    if(admin === '1') {
                        ip += ' <a href="javascript:opennamu_do_open_comment(\'' + key + '\');">(O)</a>';
                    }
                }
                
                if(admin === '1' || blind !== 'O') {
                    ip += ' <a href="/thread/' + topic_num + '/comment/' + key + '/tool">(T)</a>';
                }
                
                if(type_do === 'top') {
                    color_t = 'opennamu_comment_color_red';
                } else if(blind === '1') {
                    color_t = 'opennamu_comment_color_blue';
                } else if(blind === 'O') {
                    color_t = 'opennamu_comment_color_gray';
                } else if(ip_o === ip_first) {
                    color_t = 'opennamu_comment_color_green';
                } else {
                    color_t = 'opennamu_comment_color_default';
                }
                
                data_a += '' + 
                    '<table class="opennamu_comment">' + 
                        '<tr>' + 
                            '<td class="' + color_t + '">' + 
                                '<a href="#thread_shortcut" id="' + key + '">#' + key + '</a> ' + 
                                ip + 
                                '<span style="float: right;">' + data_t[key]['date'] + '</span>' + 
                            '</td>' + 
                        '</tr>' + 
                        '<tr>' + 
                            '<td class="' + color_b + '" id="opennamu_comment_data_' + key + '">' + 
                                '<div class="opennamu_comment_scroll">' + data_i_pas + '</div>' + 
                            '</td>' + 
                        '</tr>' +
                    '</table>' + 
                    '<hr class="main_hr">' + 
                ''

                document.getElementById(where).innerHTML += data_a;
                
                count += 1;
                data_all_js += data_t[key]['data_pas'][1] + '\n';
                
                if(count > 100) {
                    eval(data_all_js);
                    
                    count = 0;
                    data_all_js = '';
                }
            }
            
            eval(data_all_js);
            
            if(type_do === 'top') {
                opennamu_do_thread_make(topic_num, 'main', '', 'main_topic');
            } else if(type_do === 'main') {
                let data_url_v = window.location.hash.replace(/^#/, '');
                if(data_url_v !== '') {
                    if(document.getElementById(data_url_v)) {
                        document.getElementById(data_url_v).focus();
                    }
                }
                
                opennamu_do_thread_make(topic_num, 're', key_v, where);
            } else if(type_do === 're') {
                setTimeout(function() {
                    if(start === 0) {
                        opennamu_do_thread_make(topic_num, 're', some, where);
                    } else {
                        opennamu_do_thread_make(topic_num, 're', key_v, where);
                    }
                }, 2000);
            }
        }
    }
}

function opennamu_do_open_comment(key) {
    let element_state = document.getElementById('opennamu_comment_data_' + key).style.display;
    if(!element_state || element_state === 'none') {
        document.getElementById('opennamu_comment_data_' + key).style.display = 'block';
    } else {
        document.getElementById('opennamu_comment_data_' + key).style.display = 'none';
    }
}

if(window.location.pathname.match(/^\/(thread|thread_preview)\//)) {
    let thread_num = window.location.pathname.match(/^\/(?:thread|thread_preview)\/([0-9]+)/)[1];

    opennamu_do_thread_make(thread_num);
} else if(window.location.pathname.match(/^\/topic\//)) {
    for(let for_a = 0; document.getElementsByClassName('topic_pre')[for_a]; for_a++) {
        let thread_num = document.getElementsByClassName('topic_pre')[for_a].id;
        thread_num = thread_num.match(/^opennamu_thread_([0-9]+)/)[1];

        opennamu_do_thread_make(thread_num, "list", "/normal/1", "opennamu_thread_" + thread_num);

        let xhr = new XMLHttpRequest();
        xhr.open("GET", "/api/thread/" + thread_num + "/length");
        xhr.send();

        xhr.onreadystatechange = function() {
            if(this.readyState === 4 && this.status === 200) {
                let thread_length = JSON.parse(this.responseText)['length'];
                if(thread_length !== '1') {
                    opennamu_do_thread_make(thread_num, "list", "/normal/" + thread_length, "opennamu_thread_back_" + thread_num);
                }
            }
        }
    }
}