Notice
Recent Posts
Recent Comments
Link
투케이2K
62. (TWOK/UTIL) [Web/JavaScript] C_SweetAlert - SweetAlert 팝업창 표시 수행 유틸 파일 본문
투케이2K 유틸파일
62. (TWOK/UTIL) [Web/JavaScript] C_SweetAlert - SweetAlert 팝업창 표시 수행 유틸 파일
투케이2K 2022. 6. 30. 12:41[설 명]
프로그램 : Web / JavaScript
설 명 : C_SweetAlert - SweetAlert 팝업창 표시 수행 유틸 파일
[소스 코드]
/**
* // -----------------------------------------
* [C_SweetAlert 설명]
* // -----------------------------------------
* 1. SweetAlert 팝업창 수행 유틸 파일
* // -----------------------------------------
* 2. CDN 연결 : <script type="text/javascript" src="../경로/C_SweetAlert.js"></script>
* // -----------------------------------------
* 3. 필요 HTML CDN 추가 :
*
* <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
*
* // -----------------------------------------
* 4. style 커스텀 width 사이즈 설정 필요 (header 태그 내부 style 선언)
* <style>
.swal-custom-width { width: 280px !important; }
.swal-footer { text-align: center; }
.swal-modal { text-align: center; }
.swal-text { text-align: center; }
* </style>
* // -----------------------------------------
* 5. C_SweetAlert_Toast : 2초 후 사라지는 토스트 메시지 팝업창
* // -----------------------------------------
* 6. C_SweetAlert_Info_OK : 일반 정보 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* 7. C_SweetAlert_Info_OK_CANCLE : 일반 정보 표시 팝업창 활성 (확인 , 취소 버튼)
* // -----------------------------------------
* 8. C_SweetAlert_Info_CallBack : 일반 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* 9. C_SweetAlert_Success_OK : 성공 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* 10. C_SweetAlert_Success_OK_CANCLE : 성공 표시 팝업창 활성 (확인 , 취소 버튼)
* // -----------------------------------------
* 11. C_SweetAlert_Success_CallBack : 성공 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* 12. C_SweetAlert_Warm_OK : 경고 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* 13. C_SweetAlert_Warm_OK_CANCLE : 경고 표시 팝업창 활성 (확인 , 취소 버튼)
* // -----------------------------------------
* 14. C_SweetAlert_Warm_CallBack : 경고 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* 15. C_SweetAlert_Error_OK : 에러 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* 16. C_SweetAlert_Error_OK_CANCLE : 에러 표시 팝업창 활성 (확인 , 취소 버튼)
* // -----------------------------------------
* 17. C_SweetAlert_Error_CallBack : 에러 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* 18. C_SweetAlert_Text_OK_CANCLE : 텍스트 입력 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* */
// [C_SweetAlert_Toast 메소드 정의]
function C_SweetAlert_Toast(type_Data, message_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Toast 메소드 설명]
* // -----------------------------------------
* 설 명 : 2초 후 사라지는 토스트 메시지 팝업창
* // -----------------------------------------
* INPUT : C_SweetAlert_Toast(0, "내용 입니다");
* // -----------------------------------------
* TYPE : 0 = 일반 메시지 표시 / 1 = 정보 메시지 표시 / 2 = 성공 메시지 표시 / 3 = 경고 메시지 표시 / 4 = 에러 메시지 표시
* // -----------------------------------------
* */
// [변수 선언]
var c_type = "";
var c_message = "";
// [로직 수행 실시]
try {
// [타입 체크] c_title = String(title_Data);
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (type_Data == "0" || type_Data == 0){
c_type = "";
}
else if (type_Data == "1" || type_Data == 1){
c_type = "info";
}
else if (type_Data == "2" || type_Data == 2){
c_type = "success";
}
else if (type_Data == "3" || type_Data == 3){
c_type = "warning";
}
else if (type_Data == "4" || type_Data == 4){
c_type = "error";
}
else {
c_type = "";
}
// [널 체크]
if (c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""){
// [팝업창 생성 실시]
//*
swal({
text: c_message, // 내용
timer: 2000,
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: c_type, // info, success, warning, error
button: false // ok 버튼 명칭
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Toast] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Toast] : [START]");
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Info_OK 메소드 정의]
function C_SweetAlert_Info_OK(title_Data, message_Data, ok_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Info_OK 메소드 설명]
* // -----------------------------------------
* 설 명 : 일반 정보 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Info_OK("알림", "내용 입니다", "확인");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "info", // info, success, warning, error
button: c_ok // ok 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_OK] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Info_OK] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_OK] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Info_OK_CANCLE 메소드 정의]
function C_SweetAlert_Info_OK_CANCLE(title_Data, message_Data, ok_Data, no_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Info_OK_CANCLE 메소드 설명]
* // -----------------------------------------
* 설 명 : 일반 정보 표시 팝업창 활성 (확인, 취소 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Info_OK_CANCLE("알림", "내용 입니다", "확인", "취소");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "info", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
} // 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_OK_CANCLE] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_OK_CANCLE] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Info_OK_CANCLE] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_OK_CANCLE] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Info_CallBack 메소드 정의]
function C_SweetAlert_Info_CallBack(title_Data, message_Data, ok_Data, no_Data, callback){
/**
* // -----------------------------------------
* [C_SweetAlert_Info_CallBack 메소드 설명]
* // -----------------------------------------
* 설 명 : 일반 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* INPUT :
C_SweetAlert_Info_CallBack("알림", "내용을 입력해주세요", "확인", "취소", function (callback) {
if (callback == true) {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_CallBack] : [callback] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_CallBack] : [callback] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "info", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
}, // 버튼 명칭
closeOnClickOutside: false // 외부 영역 클릭 시 닫기 방지
})
.then(function(isConfirm){
// [콜백 리턴 실시]
callback(isConfirm);
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Info_CallBack] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Info_CallBack] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Success_OK 메소드 정의]
function C_SweetAlert_Success_OK(title_Data, message_Data, ok_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Info_OK 메소드 설명]
* // -----------------------------------------
* 설 명 : 성공 정보 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Success_OK("알림", "내용 입니다", "확인");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "success", // info, success, warning, error
button: c_ok // ok 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_OK] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Success_OK] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_OK] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Success_OK_CANCLE 메소드 정의]
function C_SweetAlert_Success_OK_CANCLE(title_Data, message_Data, ok_Data, no_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Success_OK_CANCLE 메소드 설명]
* // -----------------------------------------
* 설 명 : 성공 표시 팝업창 활성 (확인, 취소 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Success_OK_CANCLE("알림", "내용 입니다", "확인", "취소");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "success", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
} // 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_OK_CANCLE] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_OK_CANCLE] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Success_OK_CANCLE] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_OK_CANCLE] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Success_CallBack 메소드 정의]
function C_SweetAlert_Success_CallBack(title_Data, message_Data, ok_Data, no_Data, callback){
/**
* // -----------------------------------------
* [C_SweetAlert_Success_CallBack 메소드 설명]
* // -----------------------------------------
* 설 명 : 성공 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* INPUT :
C_SweetAlert_Success_CallBack("알림", "내용을 입력해주세요", "확인", "취소", function (callback) {
if (callback == true) {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_CallBack] : [callback] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_CallBack] : [callback] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "success", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
}, // 버튼 명칭
closeOnClickOutside: false // 외부 영역 클릭 시 닫기 방지
})
.then(function(isConfirm){
// [콜백 리턴 실시]
callback(isConfirm);
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Success_CallBack] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Success_CallBack] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Warm_OK 메소드 정의]
function C_SweetAlert_Warm_OK(title_Data, message_Data, ok_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Warm_OK 메소드 설명]
* // -----------------------------------------
* 설 명 : 경고 정보 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Warm_OK("알림", "내용 입니다", "확인");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "warning", // info, success, warning, error
button: c_ok // ok 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_OK] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Warm_OK] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_OK] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Warm_OK_CANCLE 메소드 정의]
function C_SweetAlert_Warm_OK_CANCLE(title_Data, message_Data, ok_Data, no_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Warm_OK_CANCLE 메소드 설명]
* // -----------------------------------------
* 설 명 : 경고 표시 팝업창 활성 (확인, 취소 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Warm_OK_CANCLE("알림", "내용 입니다", "확인", "취소");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "warning", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
} // 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_OK_CANCLE] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_OK_CANCLE] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Warm_OK_CANCLE] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_OK_CANCLE] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Warm_CallBack 메소드 정의]
function C_SweetAlert_Warm_CallBack(title_Data, message_Data, ok_Data, no_Data, callback){
/**
* // -----------------------------------------
* [C_SweetAlert_Warm_CallBack 메소드 설명]
* // -----------------------------------------
* 설 명 : 경고 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* INPUT :
C_SweetAlert_Warm_CallBack("알림", "내용을 입력해주세요", "확인", "취소", function (callback) {
if (callback == true) {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_CallBack] : [callback] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_CallBack] : [callback] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "warning", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
}, // 버튼 명칭
closeOnClickOutside: false // 외부 영역 클릭 시 닫기 방지
})
.then(function(isConfirm){
// [콜백 리턴 실시]
callback(isConfirm);
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Warm_CallBack] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Warm_CallBack] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Error_OK 메소드 정의]
function C_SweetAlert_Error_OK(title_Data, message_Data, ok_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Error_OK 메소드 설명]
* // -----------------------------------------
* 설 명 : 에러 정보 표시 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Error_OK("알림", "내용 입니다", "확인");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "error", // info, success, warning, error
button: c_ok // ok 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_OK] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Error_OK] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_OK] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Error_OK_CANCLE 메소드 정의]
function C_SweetAlert_Error_OK_CANCLE(title_Data, message_Data, ok_Data, no_Data){
/**
* // -----------------------------------------
* [C_SweetAlert_Error_OK_CANCLE 메소드 설명]
* // -----------------------------------------
* 설 명 : 에러 표시 팝업창 활성 (확인, 취소 버튼)
* // -----------------------------------------
* INPUT : C_SweetAlert_Error_OK_CANCLE("알림", "내용 입니다", "확인", "취소");
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "error", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
} // 버튼 명칭
})
.then(function(isConfirm){
if (isConfirm == true){
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_OK_CANCLE] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_OK_CANCLE] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Error_OK_CANCLE] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_OK_CANCLE] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Error_CallBack 메소드 정의]
function C_SweetAlert_Error_CallBack(title_Data, message_Data, ok_Data, no_Data, callback){
/**
* // -----------------------------------------
* [C_SweetAlert_Error_CallBack 메소드 설명]
* // -----------------------------------------
* 설 명 : 에러 정보 표시 팝업창 활성 (확인 , 취소 버튼 클릭 콜백 리턴)
* // -----------------------------------------
* INPUT :
C_SweetAlert_Error_CallBack("알림", "내용을 입력해주세요", "확인", "취소", function (callback) {
if (callback == true) {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_CallBack] : [callback] : [OK 버튼 클릭]");
console.log("=========================================");
console.log("");
}
else {
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_CallBack] : [callback] : [NO 버튼 클릭]");
console.log("=========================================");
console.log("");
}
});
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
if (String(typeof no_Data).toLowerCase().trim() == "object"){
c_no = JSON.stringify(no_Data);
}
else {
c_no = String(no_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""
&& c_no != null
&& String(typeof c_no).toLowerCase().trim() != "undefined"
&& c_no != "undefined"
&& c_no != "null"
&& c_no != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "error", // info, success, warning, error
buttons: {
confirm: c_ok,
cancel: c_no
}, // 버튼 명칭
closeOnClickOutside: false // 외부 영역 클릭 시 닫기 방지
})
.then(function(isConfirm){
// [콜백 리턴 실시]
callback(isConfirm);
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Error_CallBack] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Error_CallBack] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
// [C_SweetAlert_Text_OK_CANCLE 메소드 정의]
function C_SweetAlert_Text_OK_CANCLE(title_Data, message_Data, ok_Data, callback){
/**
* // -----------------------------------------
* [C_SweetAlert_Text_OK_CANCLE 메소드 설명]
* // -----------------------------------------
* 설 명 : 텍스트 입력 팝업창 활성 (확인 버튼)
* // -----------------------------------------
* INPUT :
*
C_SweetAlert_Text_OK_CANCLE("알림", "내용을 입력해주세요", "확인", function (callback) {
if (callback != null
&& String(typeof callback).toLowerCase().trim() != "undefined"
&& callback != "undefined"
&& callback != "null"
&& callback != "") {
// [입력 데이터 확인]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Text_OK_CANCLE] : [callback] : " + callback);
console.log("=========================================");
console.log("");
}
else {
// [입력 없음]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Text_OK_CANCLE] : [callback] : [NO DATA]");
console.log("=========================================");
console.log("");
}
});
* // -----------------------------------------
* */
// [변수 선언]
var c_title = "";
var c_message = "";
var c_ok = "";
var c_no = "";
// [로직 수행 실시]
try {
// [타입 체크]
if (String(typeof title_Data).toLowerCase().trim() == "object"){
c_title = JSON.stringify(title_Data);
}
else {
c_title = String(title_Data);
}
if (String(typeof message_Data).toLowerCase().trim() == "object"){
c_message = JSON.stringify(message_Data);
}
else {
c_message = String(message_Data);
}
if (String(typeof ok_Data).toLowerCase().trim() == "object"){
c_ok = JSON.stringify(ok_Data);
}
else {
c_ok = String(ok_Data);
}
// [널 체크]
if (c_title != null
&& String(typeof c_title).toLowerCase().trim() != "undefined"
&& c_title != "undefined"
&& c_title != "null"
&& c_title != ""
&& c_message != null
&& String(typeof c_message).toLowerCase().trim() != "undefined"
&& c_message != "undefined"
&& c_message != "null"
&& c_message != ""
&& c_ok != null
&& String(typeof c_ok).toLowerCase().trim() != "undefined"
&& c_ok != "undefined"
&& c_ok != "null"
&& c_ok != ""){
// [팝업창 생성 실시]
//*
swal({
title: c_title, // 제목
text: c_message, // 내용
content: {
element: 'input',
attributes: {
defaultValue: "",
}
}, // 입력 설정
className : 'swal-custom-width', // 커스텀 사이즈 수행 시 css 명칭
icon: "", // info, success, warning, error
button: c_ok // 버튼 명칭
})
.then(function(textValue){
// [콜백 반환 실시]
callback(textValue);
});
// */
}
}
catch (exception) {
console.error("[C_SweetAlert_Text_OK_CANCLE] : [EXCEPTION] : " + exception.message);
}
///* [로그 출력 실시]
console.log("");
console.log("=========================================");
console.log("[C_SweetAlert_Text_OK_CANCLE] : [START]");
console.log("[INPUT] : [TITLE] : " + c_title);
console.log("[INPUT] : [MESSAGE] : " + c_message);
console.log("=========================================");
console.log("");
// */
};
[첨부 파일]
반응형
'투케이2K 유틸파일' 카테고리의 다른 글
Comments