HANYANG_REACT/www/ksvc/inc/js/boardBtn.js

86 lines
2.0 KiB
JavaScript

/*
* Overview 메뉴얼 클래스
* 라이브러리: Quill (미니멀한 게시판 라이브러리)
* PARAMS: menu_code (각 페이지의 메뉴코드 - global에서 정의되어 있음.), memberId(작성자ID = 로그인한 ID)
*/
class MenualClass {
async init() {
const quill = new Quill("#editor", {
modules: {
toolbar: "#toolbar",
},
theme: "snow",
});
await this.getData();
}
getData() {
return ajax_json({
url: "/inc/common.ajax.php",
type: "POST",
data: {
mode: "getSiteMenuList",
menu_code: menu_code,
},
success: (data) => {
if (data.code) {
const manualObj = data.manual[0]
document.querySelector(".ql-editor").innerHTML = manualObj.manual_con;
} else {
kuls_alert(data.mesg);
}
},
error: (req, status, err) => {
kuls_alert(err.message);
},
complete: () => {},
});
}
putData() {
const contents = document.querySelector(".ql-editor").innerHTML;
ajax_json({
url: "/inc/common.ajax.php",
data: {
mode: "putSiteMenual",
member_id: memberId,
menu_code: menu_code,
contents: contents,
},
success: (data) => {
if (data.code !== 'E') {
kuls_success("저장되었습니다.");
} else {
kuls_alert(data.mesg);
this.getData()
}
},
error: (req, status, err) => {
kuls_alert(err.message);
},
complete: () => {},
});
}
}
const Manual = new MenualClass();
$(".board-btn").on("click", function (e) {
$(".board").removeClass("expand");
$(".board").toggleClass("on");
Manual.init();
});
// 아이콘 교체 및 메뉴얼 크기 변경
$(".expand-button").on("click", function (e) {
$(".board").toggleClass("expand");
$(".bi").toggleClass("bi-arrows-angle-expand");
$(".bi").toggleClass("bi-arrows-angle-contract");
});
$(".board-submit").on("click", function (e) {
Manual.putData();
});