|
|
|
@ -1,7 +1,16 @@
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 버튼으로 조작가능한 셀렉트박스
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
|
class FimsComponentization {
|
|
|
|
|
|
|
|
|
|
static help(){
|
|
|
|
|
console.log("fnMakeSpinnerSelect(셀렉트박스,이전버튼,다음버튼) : 특정 셀렉트박스를 버튼클릭으로 옵션 선택 가능한 셀렉트박스로 만든다.");
|
|
|
|
|
console.log("fnMakeOptionStyleSelect(셀렉트박스) : 특정 셀렉트박스를 선택된 옵션의 스타일이 적용된 셀렉트박스로 만든다.");
|
|
|
|
|
console.log("fnMakeRowSpinner(테이블row,up버튼,down버튼,스크롤컨테이너,validator) : 특정 테이블을 행 위치 이동이 가능한 테이블로 만든다.");
|
|
|
|
|
console.log("fnMakeSingleImageViewer(img태그,fileInput태그,파일경로속성명,파일이름속성명) : 특정 이미지 태그를 단일 업로드 이미지 뷰어로 만든다.");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 특정 셀렉트박스를 버튼클릭으로 옵션 선택 가능한 셀렉트박스로 만든다.
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
static fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
|
|
|
|
|
|
$(selectEl).on("animationend", function(){
|
|
|
|
|
$(selectEl).removeClass("highlight-once");
|
|
|
|
@ -24,12 +33,12 @@ function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
|
|
|
|
|
$(selectEl).addClass("highlight-once");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 선택된 옵션의 스타일이 적용된 셀렉트박스
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
function fnMakeOptionStyleSelect(selectEl){
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 특정 셀렉트박스를 선택된 옵션의 스타일이 적용된 셀렉트박스로 만든다.
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
static fnMakeOptionStyleSelect(selectEl){
|
|
|
|
|
$(selectEl).addClass("option-style-select");
|
|
|
|
|
|
|
|
|
|
selectEl.changeUI = function(){
|
|
|
|
@ -51,42 +60,12 @@ function fnMakeOptionStyleSelect(selectEl){
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
selectEl.changeUI();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 행 위치 이동 가능한 테이블
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
function getBrowserName() {
|
|
|
|
|
var agent = navigator.userAgent.toUpperCase();
|
|
|
|
|
if (agent.indexOf('TRIDENT') >= 0) {
|
|
|
|
|
return 'IE';
|
|
|
|
|
} else if (agent.indexOf('FIREFOX') >= 0) {
|
|
|
|
|
return 'FIREFOX';
|
|
|
|
|
} else if (agent.indexOf('EDG') >= 0) {
|
|
|
|
|
return 'EDGE';
|
|
|
|
|
} else if (agent.indexOf('CHROME') >= 0) {
|
|
|
|
|
return 'CHROME';
|
|
|
|
|
} else if (agent.indexOf('SAFARI') >= 0) {
|
|
|
|
|
return 'SAFARI';
|
|
|
|
|
} else {
|
|
|
|
|
return '';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const BROWSER_NAME = getBrowserName();
|
|
|
|
|
var VERTICAL_SCROLL_HEIGHT = 14;
|
|
|
|
|
switch(BROWSER_NAME){
|
|
|
|
|
case "EDGE" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 14;
|
|
|
|
|
break;
|
|
|
|
|
case "FIREFOX" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 15;
|
|
|
|
|
break;
|
|
|
|
|
case "CHROME" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 15;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function fnMakeRowSpinner(tableRowEl, upBtnEl, downBtnEl, scrollEl, validFunc){
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 특정 테이블을 행 위치 이동 가능한 테이블로 만든다.
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
static fnMakeRowSpinner(tableRowEl, upBtnEl, downBtnEl, scrollEl, validFunc){
|
|
|
|
|
|
|
|
|
|
if(validFunc != undefined && validFunc != null){
|
|
|
|
|
tableRowEl.validForComponent = validFunc;
|
|
|
|
@ -177,13 +156,14 @@ function fnMakeRowSpinner(tableRowEl, upBtnEl, downBtnEl, scrollEl, validFunc){
|
|
|
|
|
$(tbody).find("tr").removeClass("current-row");
|
|
|
|
|
$(tableRowEl).addClass("current-row");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 단일 업로드 이미지 뷰어
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
function fnMakeSingleImageViewer(imgEl, fileInputEl, dataAttributeForFilePath, dataAttributeForFileName){
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**************************************************************************
|
|
|
|
|
* 특정 이미지 태그를 단일 업로드 이미지 뷰어로 만든다.
|
|
|
|
|
**************************************************************************/
|
|
|
|
|
static fnMakeSingleImageViewer(imgEl, fileInputEl, dataAttributeForFilePath, dataAttributeForFileName){
|
|
|
|
|
|
|
|
|
|
$(imgEl).on("click", function(){
|
|
|
|
|
$(fileInputEl).click();
|
|
|
|
@ -211,5 +191,36 @@ function fnMakeSingleImageViewer(imgEl, fileInputEl, dataAttributeForFilePath, d
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static getBrowserName() {
|
|
|
|
|
var agent = navigator.userAgent.toUpperCase();
|
|
|
|
|
if (agent.indexOf('TRIDENT') >= 0) {
|
|
|
|
|
return 'IE';
|
|
|
|
|
} else if (agent.indexOf('FIREFOX') >= 0) {
|
|
|
|
|
return 'FIREFOX';
|
|
|
|
|
} else if (agent.indexOf('EDG') >= 0) {
|
|
|
|
|
return 'EDGE';
|
|
|
|
|
} else if (agent.indexOf('CHROME') >= 0) {
|
|
|
|
|
return 'CHROME';
|
|
|
|
|
} else if (agent.indexOf('SAFARI') >= 0) {
|
|
|
|
|
return 'SAFARI';
|
|
|
|
|
} else {
|
|
|
|
|
return '';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const BROWSER_NAME = FimsComponentization.getBrowserName();
|
|
|
|
|
var VERTICAL_SCROLL_HEIGHT = 14;
|
|
|
|
|
switch(BROWSER_NAME){
|
|
|
|
|
case "EDGE" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 14;
|
|
|
|
|
break;
|
|
|
|
|
case "FIREFOX" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 15;
|
|
|
|
|
break;
|
|
|
|
|
case "CHROME" :
|
|
|
|
|
VERTICAL_SCROLL_HEIGHT = 15;
|
|
|
|
|
break;
|
|
|
|
|
}
|