410 lines
14 KiB
JavaScript
410 lines
14 KiB
JavaScript
/****************************************************************************
|
||
* 이벤트 조회
|
||
****************************************************************************/
|
||
function fn_selectWebTreatmentPetit(){
|
||
if(true != fn_emptyCheck(postNo)) {
|
||
modalEvent.warning("수정", "이벤트 정보가 없습니다.");
|
||
return;
|
||
}
|
||
let formData = new FormData();
|
||
formData.append("menuClass", menuClass);
|
||
formData.append("categoryDivCd", categoryDivCd);
|
||
formData.append("categoryNo", categoryNo);
|
||
formData.append("postNo", postNo);
|
||
|
||
$.ajax({
|
||
url: encodeURI('/contentsBbs/getContentsBbs.do'),
|
||
data: formData,
|
||
dataType: "json",
|
||
processData: false,
|
||
contentType: false,
|
||
type: 'POST',
|
||
async: true,
|
||
success: function(rst){
|
||
if('0'==rst.msgCode){
|
||
let data = rst.detail;
|
||
$("select[name=category]").val(data.categoryNo).prop("selected", true);
|
||
$("#categoryNo").val(data.categoryNo);
|
||
$("#title").val(data.title);
|
||
$("#content").val(data.content);
|
||
$("#hashtag").val(data.hashtag);
|
||
$("#thumbnailBottomTxt").val(data.thumbnailBottomTxt);
|
||
$("#thumbnailImg").attr("src", CDN_URL + data.thumbnailImgPath);
|
||
$("#contentsImg").attr("src", CDN_URL + data.contentImgPath);
|
||
$("#oldCrmItemId").val(data.oldCrmItemId);
|
||
$("#ordNo").val(data.ordNo);
|
||
|
||
var htmlstring = '';
|
||
rst.treatmentList.forEach((item, i) => {
|
||
htmlstring += `<div id="treatment${i}">
|
||
<input type="checkbox" id="${item.muTreatmentProcedureId}" name="treatment">
|
||
<input type="hidden" name="treatmentprocedurelist" value="${item.muTreatmentProcedureId}">
|
||
<input type="hidden" name="treatmentlist" value="${item.muTreatmentId}">
|
||
<label for="${item.muTreatmentProcedureId}">${item.treatmentProcedureName} - ${num2won(item.price)} - ${num2won(item.discountPrice)}</label>
|
||
</div>`;
|
||
});
|
||
|
||
$('#treatmentlist').append(htmlstring);
|
||
}
|
||
else{
|
||
modalEvent.danger("수정 오류", eventData.msgDesc);
|
||
}
|
||
},
|
||
error : function(xhr, status, error) {
|
||
modalEvent.danger("수정 오류", "수정 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||
},
|
||
beforeSend:function(){
|
||
|
||
},
|
||
complete:function(){
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
function num2won(x){
|
||
if (typeof x === 'undefined' || x === null) return '';
|
||
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
||
}
|
||
|
||
|
||
/****************************************************************************
|
||
* 이벤트 수정
|
||
****************************************************************************/
|
||
function fn_updateWebTreatmentPetit(){
|
||
if("Y"!=insertUseYn){
|
||
modalEvent.warning("", "등록 권한이 없습니다.");
|
||
return false;
|
||
}
|
||
|
||
let title = $("#title").val();
|
||
let content = $("#content").val();
|
||
let hashtag = $("#hashtag").val();
|
||
let thumbnailBottomTxt = $("#thumbnailBottomTxt").val();
|
||
let categoryNo = $("#categoryNo").val();
|
||
|
||
var treatmentlen = $("input[name=treatmentlist]").length;
|
||
var treatmentlist = new Array(treatmentlen);
|
||
for(var i=0; i<treatmentlen; i++){
|
||
treatmentlist[i] = $("input[name=treatmentlist]").eq(i).val();
|
||
}
|
||
|
||
var treatmentprocedurelen = $("input[name=treatmentprocedurelist]").length;
|
||
var treatmentprocedurelist = new Array(treatmentlen);
|
||
for(var i=0; i<treatmentprocedurelen; i++){
|
||
treatmentprocedurelist[i] = $("input[name=treatmentprocedurelist]").eq(i).val();
|
||
}
|
||
|
||
//let eventStartDate = $("#eventStartDate").val();
|
||
//let eventEndDate = $("#eventEndDate").val();
|
||
let file = $("#file")[0].files[0];
|
||
let content_file = $("#content_file")[0].files[0];
|
||
|
||
if(true != fn_emptyCheck(categoryNo)) {
|
||
modalEvent.warning("등록", "카테고리를 입력하세요.");
|
||
return;
|
||
}
|
||
if(true != fn_emptyCheck(title)) {
|
||
modalEvent.warning("등록", "제목을 입력하세요.");
|
||
return;
|
||
}
|
||
|
||
if(true != fn_emptyCheck(content)) {
|
||
modalEvent.warning("등록", "내용을 입력하세요.");
|
||
return;
|
||
}
|
||
if(true != fn_emptyCheck(hashtag)) {
|
||
modalEvent.warning("등록", "해시태그를 입력하세요.");
|
||
return;
|
||
}
|
||
if(true != fn_emptyCheck(thumbnailBottomTxt)) {
|
||
modalEvent.warning("등록", "썸네일 하단 내용을 입력하세요.");
|
||
return;
|
||
}
|
||
|
||
/*
|
||
if(true != fn_emptyCheck(eventStartDate)) {
|
||
modalEvent.warning("등록", "이벤트 시작일자를 입력하세요.");
|
||
return;
|
||
}
|
||
|
||
if(true != fn_emptyCheck(eventEndDate)) {
|
||
modalEvent.warning("등록", "이벤트 종료일자를 입력하세요.");
|
||
return;
|
||
}
|
||
*/
|
||
if(true != fn_emptyCheck(file)) {
|
||
if($(".img_box > img").length > 0){
|
||
|
||
}else{
|
||
modalEvent.warning("등록", "썸네일 정보가 없습니다.");
|
||
return;
|
||
}
|
||
|
||
}else{
|
||
for(let i=0; i<file.length; i++){
|
||
let fileSize = file[i].size;
|
||
if(fileSize > fn_maxFileSize()){
|
||
modalEvent.warning("", "파일정보 용량이 50MB를 넘습니다. 업로드가 불가능합니다.");
|
||
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
if(true != fn_emptyCheck(content_file)) {
|
||
if($(".file_box").text() != ''){
|
||
|
||
}else{
|
||
modalEvent.warning("등록", "컨텐츠 정보가 없습니다.");
|
||
return;
|
||
}
|
||
|
||
}else{
|
||
for(let i=0; i<content_file.length; i++){
|
||
let fileSize = content_file[i].size;
|
||
if(fileSize > fn_maxFileSize()){
|
||
modalEvent.warning("", "파일정보 용량이 50MB를 넘습니다. 업로드가 불가능합니다.");
|
||
|
||
return;
|
||
}
|
||
}
|
||
}
|
||
|
||
modalEvent.info("수정", categorytitle + " 정보를 수정하시겠습니까?", function(){
|
||
let formData = new FormData();
|
||
formData.append("menuClass", menuClass);
|
||
formData.append("categoryDivCd", categoryDivCd);
|
||
formData.append("categoryNo", categoryNo);
|
||
formData.append("postNo", postNo);
|
||
formData.append("title", title);
|
||
formData.append("content", content);
|
||
formData.append("hashtag", hashtag);
|
||
formData.append("thumbnailBottomTxt", thumbnailBottomTxt);
|
||
formData.append("treatmentlist", treatmentlist);
|
||
formData.append("treatmentprocedurelist", treatmentprocedurelist);
|
||
//formData.append("eventStartDate", eventStartDate);
|
||
//formData.append("eventEndDate", eventEndDate);
|
||
formData.append("file", file);
|
||
formData.append("content_file", content_file);
|
||
formData.append("oldCrmItemId", $("#oldCrmItemId").val());
|
||
formData.append("ordNo", $("#ordNo").val());
|
||
|
||
$.ajax({
|
||
url: encodeURI('/contentsBbs/modContentsBbs.do'),
|
||
data: formData,
|
||
dataType: "json",
|
||
processData: false,
|
||
contentType: false,
|
||
type: 'POST',
|
||
async: true,
|
||
success: function(data){
|
||
if('0'==data.msgCode){
|
||
modalEvent.success("등록 성공", data.msgDesc, function(){
|
||
fn_selectListWebTreatmentPetitIntro();
|
||
});
|
||
}
|
||
else{
|
||
modalEvent.danger("등록 오류", data.msgDesc);
|
||
}
|
||
},
|
||
error : function(xhr, status, error) {
|
||
modalEvent.danger("등록 오류", "등록 중 오류가 발생하였습니다. 잠시후 다시시도하십시오.");
|
||
},
|
||
beforeSend:function(){
|
||
|
||
},
|
||
complete:function(){
|
||
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
/****************************************************************************
|
||
* html 에디터 이미지 업로드시
|
||
****************************************************************************/
|
||
function uploadSummernoteImageFileNoticeInsert(files, editor){
|
||
Object.values(files).forEach(file => {
|
||
let formData = new FormData();
|
||
formData.append('menuClass', menuClass);
|
||
formData.append('file', file);
|
||
$.ajax({
|
||
url: encodeURI('/webtreatmentpetit/uploadFile.do'),
|
||
data: formData,
|
||
dataType: "json",
|
||
processData: false,
|
||
contentType: false,
|
||
type: 'POST',
|
||
async: true,
|
||
success: function (data) {
|
||
if ('0' == data.msgCode) {
|
||
$(editor).summernote('insertImage', data.rows.filePath, function ($image) {
|
||
});
|
||
}
|
||
},
|
||
error: function (xhr, status, error) {
|
||
modalEvent.danger('오류', '이미지 업로드 중 오류가 발생했습니다.');
|
||
},
|
||
beforeSend: function () {
|
||
// 로딩열기
|
||
$(".loading-image-layer").show();
|
||
},
|
||
complete: function () {
|
||
// 로딩닫기
|
||
$(".loading-image-layer").hide();
|
||
}
|
||
});
|
||
})
|
||
}
|
||
|
||
/****************************************************************************
|
||
* 썸네일 이미지 미리보기
|
||
****************************************************************************/
|
||
function fn_filePreview(width, height, obj){
|
||
let file = "";
|
||
if(obj == '.img_box'){
|
||
file = $("#file")[0].files[0];
|
||
} else {
|
||
file = $("#content_file")[0].files[0];
|
||
}
|
||
|
||
if(file){
|
||
$(obj).html('');
|
||
const reader = new FileReader();
|
||
|
||
reader.onload = function (e) {
|
||
// 이미지 요소를 생성하고 미리보기 추가
|
||
const img = document.createElement('img');
|
||
img.src = e.target.result;
|
||
img.style.width = width; // 원하는 크기로 조정
|
||
img.style.height = height;
|
||
$(obj).append(img);
|
||
};
|
||
|
||
// 파일을 읽기 시작
|
||
reader.readAsDataURL(file);
|
||
}
|
||
}
|
||
/****************************************************************************
|
||
* 배너 이미지 삭제
|
||
****************************************************************************/
|
||
function fn_removePreview(){
|
||
$("#file").val('');
|
||
$('.img_box').html('');
|
||
}
|
||
|
||
|
||
/****************************************************************************
|
||
* 배너 이미지 미리보기
|
||
****************************************************************************/
|
||
function fn_fileContentPreview(){
|
||
const file = $("#content_file")[0].files[0];
|
||
if(file){
|
||
$('.file_box').html(file.name);
|
||
}
|
||
}
|
||
/****************************************************************************
|
||
* 배너 이미지 삭제
|
||
****************************************************************************/
|
||
function fn_removeContentPreview(){
|
||
$("#content_file").val('');
|
||
$('.file_box').html('');
|
||
}
|
||
|
||
/****************************************************************************
|
||
* 리스트 화면으로 이동.
|
||
****************************************************************************/
|
||
function fn_selectListWebTreatmentPetitIntro(){
|
||
if("Y"==selectUseYn){
|
||
let pagingParam = "?menuClass="+menuClass;
|
||
pagingParam += "&categoryDivCd="+categoryDivCd;
|
||
fn_leftFormAction("/contentsBbs/moveContentsBbsList.do"+pagingParam);
|
||
}else{
|
||
modalEvent.warning("", "조회 권한이 없습니다.");
|
||
return false;
|
||
}
|
||
}
|
||
|
||
/****************************************************************************
|
||
* 페이지 init
|
||
****************************************************************************/
|
||
function fn_pageInit(){
|
||
// 날짜 datepicker
|
||
fn_searchDatePicker("#eventStartDate", "#eventEndDate");
|
||
|
||
$('#summernote').summernote({
|
||
height: 540,
|
||
callbacks: { //여기 부분이 이미지를 첨부하는 부분
|
||
onImageUpload : function(files) {
|
||
uploadSummernoteImageFileNoticeInsert(files, this);
|
||
}
|
||
},
|
||
});
|
||
fn_selectWebTreatmentPetit();
|
||
}
|
||
|
||
/****************************************************************************
|
||
* 페이지 event
|
||
****************************************************************************/
|
||
function fn_pageEvent(){
|
||
// 검색 input
|
||
$('.btnCancle').on("click", function(){
|
||
fn_selectListWebTreatmentPetitIntro();
|
||
});
|
||
|
||
$('.btnSave').on("click", function(){
|
||
fn_updateWebTreatmentPetit();
|
||
});
|
||
$('#delete_btn').on("click", function(){
|
||
fn_removePreview();
|
||
});
|
||
|
||
$('#file').on('change', function(e) {
|
||
fn_filePreview('800px', '450px', '.img_box');
|
||
})
|
||
$('#content_delete_btn').on("click", function(){
|
||
fn_removeContentPreview();
|
||
});
|
||
$('#content_file').on('change', function(e) {
|
||
fn_filePreview('100%', '100%', '.file_box');
|
||
})
|
||
|
||
}
|
||
|
||
/****************************************************************************
|
||
* 시술 목록 팝업
|
||
****************************************************************************/
|
||
function listOpen(){
|
||
let reqParam = {};
|
||
treatmentSelectModal.popup(function (obj, reqParam) {
|
||
const childDivCount = $("#treatmentlist > div").length;
|
||
if($("#" + obj.treatmentProcedureId).length > 0){
|
||
modalEvent.warning("", "이미 시술정보가 있습니다.");
|
||
return;
|
||
}
|
||
var htmlstring = `<div id="treatment`+childDivCount+`">
|
||
<input type="checkbox" id="`+obj.treatmentProcedureId+`" name="treatment">
|
||
<input type="hidden" name="treatmentprocedurelist" value="`+obj.treatmentProcedureId+`">
|
||
<input type="hidden" name="treatmentlist" value="`+obj.treatmentId+`">
|
||
<label for="`+obj.treatmentProcedureId+`">`+obj.treatmentNm + `-` + obj.price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + `-` + obj.discountPrice.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") +`</label>
|
||
</div>`;
|
||
$('#treatmentlist').append(htmlstring);
|
||
}, reqParam);
|
||
}
|
||
function fn_removeRow(){
|
||
$('input:checkbox[name="treatment"]').each(function() {
|
||
if(this.checked){//checked 처리된 항목의 값
|
||
$(this).parent().remove();
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
|
||
$(function(){
|
||
// 페이지 init
|
||
fn_pageInit();
|
||
|
||
// 페이지 event
|
||
fn_pageEvent();
|
||
}); |