// (2020.5.16, 차재복, Cha Jae Bok, cjbword@gmailcom)
// 코드 창 보이기 (ajax 호출 처리)
function embed_display(id, type, current) {
let tid = document.getElementById('tid_'+id);
// 기존에 요소 존재하면(펼쳐 있으면) 숨김
if (tid) {
// show or hide (block or none)
itemShowHide(tid, current);
} else {
if (type == '1' || type == '2') {
// url 및 method
let url = '../reform/display.php?id='+id+'&type='+type;
// type='1' (code), type='2' (manual)
let method = 'get';
// ajax 호출
let xhr = new XMLHttpRequest();
xhr.open(method, url);
xhr.onreadystatechange = function() {
// ajax 통신 성공이면,
if (xhr.readyState === 4 && xhr.status === 200) {
if (xhr.responseText == false) {
alert('서버 처리 에러 ('+url+')');
return;
}
// 응답된 데이터의 배열 내 객체화 : [{},{},...]
let data = JSON.parse(xhr.responseText);
// (편집자용) 추후 add를 위한 빈 객체를 배열 끝에 삽입시켜 둠
let date = new Date();
let yy = date.getFullYear();
let mm = date.getMonth() + 1;
mm = (mm<10 ? '0'+mm : mm);
let dd = date.getDate();
dd = (dd<10 ? '0'+dd : dd);
let dateStr = yy+'-'+mm+'-'+dd;
data.push({'type':'','no':'','date':dateStr,'code':''});
// 화면 내 보이기 위한 요소 및 그 하위 요소들 생성
let createdElement = table_make(id, data, type);
// table 요소를 실제 DOM 트리에 적용하면, 화면에 실제 보임
insertAfter(current, createdElement);
// 클릭 요소 (∨,∧) 바꿈
current.innerHTML = current.innerText.replace('∨','∧');
}
};
xhr.send();
} else if (type == '4') {
// div 요소 생성
let div = document.createElement('div');
div.id = 'tid_' + id;
div.style.border = '1px gray solid';
div.style.padding = '10px';
// div 요소를 실제 DOM 트리에 적용하면, 화면에 실제 보임
insertAfter(current, div);
let page = 1;
let url = "/test/reform/special.php?bare=1&ch="+id;
let method = "get";
let dir = 'reform';
let file = 'special.php';
let ch = id;
let parms = {'url' : url,'method' : method, 'dir' : dir, 'file' : file, 'ch' : ch};
pageBreakDisplayAjax(div, page, parms);
}
}
}
// 코드,메뉴얼 table 요소 make
function table_make(id, data, type) {
// 전달된 data 객체 내 필요 항목 : data[i].type, data[i].no, data[i].date, data[i].code
// table 요소 생성
let table = document.createElement('table');
table.id = 'tid_' + id;
// 입력 데이터 수 만큼 tr,td 생성
for (let i = 0; i < data.length; i++) {
// table tr 생성
let tr = document.createElement('tr');
tr.id = 'tr_'+id+'_'+i; // tr_(table id)_(tr 순서번호 i)
// (편집자용) 추후 add를 위해, 끝에 빈 tr을 보이지 않게 함
if ( i==(data.length-1) ) tr.style.display ='none';
// 좌측 td 생성 및 스타일
let td1 = document.createElement('td');
td1.style.border = '1px solid navy';
td1.style.padding = '5px';
td1.style.fontSize = '13px';
// 좌측 td 내 타이틀 텍스트 (사용자 유형에 따라 달리 처리)
// 메뉴얼 : (data[i].type : 지식구축,운용개발,운용환경 등)
// 코드 : (data[i].type : 일상언어,C,Java,의사코드,Javascript,HTML 등)
if (glob_var.user_type == 0) { // 일반 사용자용 텍스트
let text1 = document.createTextNode(data[i].type);
td1.appendChild(text1);
} else if (glob_var.user_type > 0) { // 편집자용 input 텍스트
// input 생성 및 이름
let input = document.createElement('input');
input.id = 'input_'+id+'_'+data[i].no; // 편집 대상 요소의 id 지정
input.size = 10;
input.value = data[i].type;
td1.appendChild(input);
}
// 좌측 td 내 date
td1.appendChild(document.createElement('br'));
let text_date = document.createTextNode('('+data[i].date+')');
let text_span = document.createElement('span');
text_span.id = 'cdate_'+data[i].no;
text_span.style.fontSize = '13px';
text_span.appendChild(text_date);
td1.appendChild(text_span);
// (편집자용) uodate용,add용 button 생성
if (glob_var.user_type > 0) {
td1.appendChild(document.createElement('br'));
let btn_update;
let tr_id = 'tr_'+id+'_'+i;
// add
if (i == (data.length-1)) {
btn_update = editor_update_btn(id, data[i].no, type, 'add'); // type : (1 : code, 2 : manual), sub_type : 'add'
// update
} else {
btn_update = editor_update_btn(id, data[i].no, type); // type : (1 : code, 2 : manual), sub_type : 없음
}
td1.appendChild(btn_update);
}
// (편집자용) add용 button 생성
if (glob_var.user_type > 0 && i == (data.length-2)) {
// 줄바꿈
td1.appendChild(document.createElement('br'));
td1.appendChild(document.createElement('br'));
// let btn_add = editor_add_btn(data[i].no, type, tr); // type : (1 : code, 2 : manual)
// add용 button
let btn_add = document.createElement('button');
btn_add.tr_id = 'tr_'+id+'_'+(i+1);
let btn_text = document.createTextNode('Add');
btn_add.appendChild(btn_text);
btn_add.addEventListener('click', function(e) {
let target_tr = document.getElementById(e.target.tr_id);
if (target_tr.style.display == 'none') target_tr.style.display = '';
else if (target_tr.style.display == '') target_tr.style.display = 'none';
});
td1.appendChild(btn_add);
}
// 우측 td 생성
let td2 = document.createElement('td');
td2.style.border = '1px solid navy';
td2.style.padding = '10px';
td2.style.fontSize = '13px';
td2.style.whiteSpace = 'pre-wrap';
td2.style.lineHeight = '150%';
// (편집자용) 우측 td 내 텍스트 또는 textarea 생성 및 이름
if (glob_var.user_type == 0) { // 일반 사용자용 텍스트
let text2 = document.createTextNode(data[i].code);
td2.appendChild(text2);
} else if (glob_var.user_type > 0) { // 편집자용 input 텍스트
// textarea 생성
let textarea2 = document.createElement('textarea');
textarea2.style.border = '1px solid navy';
textarea2.id = 'area_'+id+'_'+data[i].no; // 편집 대상 요소의 id 지정
textarea2.style.padding = '5px';
textarea2.style.fontSize = '13px';
textarea2.style.lineHeight = '150%';
textarea2.style.whiteSpace = 'pre-wrap';
// textarea의 rows,cols 설정
if (data[i].code) {
let rows = data[i].code.match(/\n/g); // 줄 카운트
if(rows != null) textarea2.setAttribute('rows', rows.length+1);
}
textarea2.setAttribute('cols',100);
// textarea 내 텍스트
textarea2.textContent = data[i].code;
td2.appendChild(textarea2);
}
// tr 내 td1,td2 추가
tr.appendChild(td1);
tr.appendChild(td2);
// table 내 tr 추가
table.appendChild(tr);
}
return table;
}
// 특정검색 div 요소 make
function div_make(id, data) {
// div 요소 생성
let div = document.createElement('div');
div.id = 'did_' + id;
let url = "/test/reform/special.php?ch="+id;
let method = "get";
let out = div;
textAjax(url, out, method);
return div;
}
// reform table 편집 창 내용 보이기 (ajax 호출 처리)
function table_edit(id) {
var xhr = new XMLHttpRequest();
xhr.open('GET','../reform/reform_item.php?ch=show&id='+id);
xhr.onreadystatechange = function() {
// ajax 통신 성공이면,
if (xhr.readyState === 4 && xhr.status === 200) {
// 숨겨진 form 나타나게 함
var form_elem = document.getElementById('form_'+id);
form_elem.style.display = 'block';
// textarea 위치 파악
var textarea = document.getElementById('textarea_'+id);
// textarea rows 파악 및 적용
var rows = xhr.responseText.match(/\n/g);
if(rows != null) textarea.setAttribute('rows',rows.length+1);
// textarea에 ajax 수신 결과 text 출력
textarea.innerHTML = xhr.responseText;
// show/hide (이벤트리스너 파기 및 재지정)
var current = document.getElementById('edit_ptr');
show_hide(current, form_elem);
}
};
xhr.send();
}