285 lines
11 KiB
JavaScript
285 lines
11 KiB
JavaScript
import { w2grid, w2ui, w2popup, w2alert } from 'https://cdn.jsdelivr.net/gh/vitmalina/w2ui@master/dist/w2ui.es6.min.js'
|
|
|
|
|
|
/* -------------------------------------------------
|
|
공통 유틸
|
|
------------------------------------------------- */
|
|
function destroyGrid(name) {
|
|
if (w2ui[name]) {
|
|
w2ui[name].destroy()
|
|
}
|
|
}
|
|
|
|
function loadBaseCode(mainCd) {
|
|
return fetch(`/kngil/bbs/adm_comp.php?action=base_code&main_cd=${mainCd}`)
|
|
.then(res => res.json())
|
|
.then(json => {
|
|
if (json.status !== 'success') {
|
|
throw new Error(json.message || '공통코드 로딩 실패')
|
|
}
|
|
return json.items
|
|
})
|
|
}
|
|
|
|
/* =================================================
|
|
faq 팝업 (슈퍼관리자 전용)
|
|
================================================= */
|
|
export function openfaqPopup() {
|
|
|
|
if (w2ui.faqGrid) {
|
|
w2ui.faqGrid.destroy()
|
|
}
|
|
w2popup.open({
|
|
title: 'FAQ 내용등록',
|
|
width: 900,
|
|
height: 600,
|
|
modal: true,
|
|
|
|
body: `
|
|
<div class="faq-popup">
|
|
|
|
<div style="display: flex; justify-content: flex-end; padding: 10px; gap: 5px;">
|
|
<button id="faqAdd">추가</button>
|
|
<button id="faqRemove">삭제</button>
|
|
<button id="faqSave" class="btn-faq">저장</button>
|
|
</div>
|
|
|
|
<div id="faqGrid" style="height:460px;"></div>
|
|
</div>
|
|
`,
|
|
|
|
|
|
onOpen(event) {
|
|
event.onComplete = () => {
|
|
// 1. 그리드를 생성합니다.
|
|
createfaqGrid('#faqGrid');
|
|
|
|
|
|
// 1. 추가 버튼
|
|
document.getElementById('faqAdd').onclick = () => {
|
|
const g = w2ui.faqGrid
|
|
if (!g) return
|
|
// 신규 row용 recid (음수로 충돌 방지)
|
|
const newRecid = -Date.now()
|
|
g.add({
|
|
fa_subject: '',
|
|
recid: newRecid,
|
|
__isNew: true, // ⭐ 신규 플래그
|
|
fa_content: ''
|
|
}, true)
|
|
g.select(newRecid)
|
|
g.scrollIntoView(newRecid)
|
|
|
|
};
|
|
|
|
|
|
|
|
// 삭제 버튼 이벤트 연결
|
|
const removeBtn = document.getElementById('faqRemove');
|
|
if (removeBtn) {
|
|
removeBtn.onclick = () => {
|
|
const g = w2ui.faqGrid;
|
|
if (!g) return;
|
|
|
|
// 1. 선택된 행 가져오기
|
|
const sel = g.getSelection();
|
|
if (!sel.length) {
|
|
alert('삭제할 항목을 선택하세요.');
|
|
return;
|
|
}
|
|
|
|
// 2. faq 추출
|
|
const ids = sel
|
|
.map(recid => g.get(recid)?.fa_id)
|
|
.filter(Boolean);
|
|
|
|
if (!ids.length) {
|
|
alert('삭제 가능한 항목이 없습니다.');
|
|
return;
|
|
}
|
|
|
|
// 3. 브라우저 기본 확인창 사용 (가장 확실함)
|
|
if (confirm(`선택한 ${ids.length}개의 상품을 삭제하시겠습니까?`)) {
|
|
fetch('/kngil/bbs/adm_faq_popup_delete.php', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ action: 'delete', ids: ids })
|
|
})
|
|
.then(res => {
|
|
// 서버 응답이 오면 일단 텍스트로 받아서 확인
|
|
return res.text();
|
|
})
|
|
.then(text => {
|
|
try {
|
|
const json = JSON.parse(text);
|
|
if (json.status === 'success') {
|
|
alert('삭제 완료');
|
|
loadfaqData(); // 목록 새로고침
|
|
} else {
|
|
alert(json.message || '삭제 실패');
|
|
}
|
|
} catch (e) {
|
|
console.error('응답 파싱 에러:', text);
|
|
alert('서버 응답 처리 중 오류가 발생했습니다.');
|
|
}
|
|
})
|
|
.catch(err => {
|
|
console.error('통신 에러:', err);
|
|
alert('서버와 통신할 수 없습니다.');
|
|
});
|
|
}
|
|
};
|
|
}
|
|
|
|
|
|
// 3. 저장 버튼
|
|
document.getElementById('faqSave').onclick = () => {
|
|
|
|
// 현재 사용 중인 grid
|
|
const g = w2ui.faqGrid
|
|
if (!g) return
|
|
const changes = g.getChanges()
|
|
if (!changes.length) {
|
|
w2alert('변경된 내용이 없습니다.')
|
|
return
|
|
}
|
|
const inserts = []
|
|
const updates = []
|
|
|
|
changes.forEach(c => {
|
|
const rec = g.get(c.recid)
|
|
if (!rec) return
|
|
// 🔥 핵심: 원본 rec + 변경값 c 병합
|
|
const merged = { ...rec, ...c }
|
|
if (rec.__isNew) {
|
|
// INSERT → 전체 row 필요
|
|
inserts.push(merged)
|
|
} else {
|
|
// UPDATE → PK + 변경 컬럼
|
|
updates.push({
|
|
fa_id : merged.fa_id,
|
|
fa_subject : merged.fa_subject ,
|
|
fa_content : merged.fa_content ,
|
|
use_yn : merged.use_yn,
|
|
sq_no : merged.sq_no
|
|
})
|
|
}
|
|
|
|
})
|
|
console.log('INSERTS', inserts)
|
|
console.log('UPDATES', updates)
|
|
|
|
fetch('/kngil/bbs/adm_faq_popup_save.php', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
action: 'save',
|
|
inserts,
|
|
updates
|
|
})
|
|
})
|
|
|
|
.then(res => {
|
|
// 서버가 준 응답이 괜찮은지 확인
|
|
if (!res.ok) throw new Error('서버 응답 오류');
|
|
return res.json(); // 처음부터 깔끔하게 데이터로 읽기
|
|
})
|
|
|
|
.then(json => {
|
|
// 이제 json.status를 바로 쓸 수 있습니다.
|
|
if (json.status === 'success') {
|
|
w2alert('저장 완료');
|
|
w2ui.faqGrid.save(); // 빨간 삼각형 없애기
|
|
loadfaqData(); // 목록 새로고침
|
|
} else {
|
|
w2alert(json.message || '저장 실패');
|
|
}
|
|
})
|
|
.catch(err => {
|
|
console.error('에러 발생:', err);
|
|
w2alert('처리 중 오류가 발생했습니다.');
|
|
});
|
|
|
|
};
|
|
}
|
|
}
|
|
})
|
|
}
|
|
//faq 그리드
|
|
export async function createfaqGrid(boxId) {
|
|
if (w2ui.faqGrid) w2ui.faqGrid.destroy();
|
|
destroyGrid('faqGrid')
|
|
|
|
const authItems = await loadBaseCode('BS210')
|
|
|
|
const grid = new w2grid({
|
|
|
|
name: 'faqGrid',
|
|
box: boxId,
|
|
recordHeight: 80, // ⭐ 행 높이를 80px로 설정 (3줄 정도 높이)
|
|
show: {
|
|
footer: true,
|
|
selectColumn: true,
|
|
lineNumbers: true // 행 번호를 표시하면 디버깅이 편합니다.
|
|
},
|
|
columns: [
|
|
/*
|
|
{ field: 'row_status', text: ' ', size: '30px', attr: 'align=center',
|
|
render: function (record) {
|
|
// 1. 신규 추가된 행 (recid가 임시값이거나 DB에 없는 경우)
|
|
if (record.is_new) return '<span style="color: green;">I</span>';
|
|
|
|
// 2. 수정된 데이터 (w2ui.changes 객체가 존재하는 경우)
|
|
if (record.w2ui && record.w2ui.changes) return '<span style="color: blue;">U</span>';
|
|
// 3. 일반 상태
|
|
return '<span style="color: gray;"> </span>';
|
|
}
|
|
},
|
|
*/
|
|
{ field: 'fa_id', text: 'FAID', size: '60',attr: 'align=center',style: 'text-align: center', attr: 'align=center' ,hidden: true,sortable: true}, // name 아님!
|
|
{ field: 'fa_subject', text: '질문', size: '300', editable: { type: 'text' }
|
|
,render: function(record) {
|
|
if (!record.fa_content) return '';
|
|
// 엔터값(\n)을 브라우저가 인식하는 <br>로 바꿔서 리턴
|
|
return record.fa_content.replace(/\n/g, '<br>');
|
|
}
|
|
}, // name 아님!
|
|
{ field: 'fa_content', text: '답글', size: '300', editable: { type: 'text' } }, // volume 아님!
|
|
{ field: 'sq_no', text: '순번', size: '60', attr: 'align=center',style: 'text-align: center',render: 'number:0', editable: { type: 'int' } ,sortable: true}, //
|
|
{ field: 'use_yn', text: '사용여부', size: '80px',attr: 'align=center',style: 'text-align: center', attr: 'align=center',
|
|
editable: { type: 'list', items: authItems, filter: false ,showAll: true } ,
|
|
render(record) {
|
|
const item = authItems.find(i => i.id === record.use_yn)
|
|
return item ? item.text : record.use_yn
|
|
},sortable: true
|
|
},
|
|
{ field: 'rmks', text: '비고', size: '200px', attr: 'align=center', editable: { type: 'text' } } // memo 아님!
|
|
],
|
|
records: [] // 처음엔 비워둠
|
|
});
|
|
|
|
// 데이터 호출 함수 실행
|
|
loadfaqData();
|
|
|
|
return grid;
|
|
}
|
|
|
|
|
|
// 데이터를 서버에서 불러오는 함수
|
|
async function loadfaqData() {
|
|
try {
|
|
w2ui.faqGrid.lock('조회 중...', true);
|
|
|
|
const response = await fetch('/kngil/bbs/adm_faq_popup.php'); // PHP 파일 호출
|
|
const data = await response.json();
|
|
|
|
w2ui.faqGrid.clear();
|
|
w2ui.faqGrid.add(data);
|
|
w2ui.faqGrid.unlock();
|
|
|
|
} catch (e) {
|
|
console.error(e);
|
|
w2ui.faqGrid.unlock();
|
|
w2alert('데이터 로드 실패');
|
|
}
|
|
} |