fix: 신청서 접수 화면 필드 폭 조정
parent
9c92aa1f04
commit
ab9aa77140
@ -1,62 +1,62 @@
|
||||
/**************************************************************************
|
||||
* 그리드 내부 이미지 첨부
|
||||
**************************************************************************/
|
||||
function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo){
|
||||
|
||||
let fileInputEl = document.createElement("input");
|
||||
fileInputEl.name = fileInputElName;
|
||||
fileInputEl.type = "file";
|
||||
fileInputEl.setAttribute("hidden","hidden");
|
||||
fileInputEl.setAttribute("accept","image/*")
|
||||
tdEl.appendChild(fileInputEl);
|
||||
|
||||
if(fileInfo != null){
|
||||
fileInputEl.dataset.url = fileInfo.URL;
|
||||
fileInputEl.dataset.fileNm = fileInfo.FILE_NM;
|
||||
fileInputEl.dataset.mimeType = fileInfo.MIME_TYPE;
|
||||
fileInputEl.dataset.fileId = fileInfo.FILE_ID;
|
||||
}
|
||||
|
||||
let uploadButtonEl = document.createElement("button");
|
||||
uploadButtonEl.type = "button";
|
||||
uploadButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
|
||||
uploadButtonEl.textContent = "등록";
|
||||
tdEl.appendChild(uploadButtonEl);
|
||||
|
||||
let viewButtonEl = document.createElement("button");
|
||||
viewButtonEl.type = "button";
|
||||
viewButtonEl.classList.add("btn","btn-primary","w-px-50", "mx-1");
|
||||
viewButtonEl.setAttribute("hidden","hidden");
|
||||
viewButtonEl.textContent = "보기";
|
||||
tdEl.appendChild(viewButtonEl);
|
||||
|
||||
$(fileInputEl).on("change", function(){
|
||||
if(this.files != null && this.files.length > 0){
|
||||
$(uploadButtonEl).text("수정");
|
||||
$(viewButtonEl).removeAttr("hidden");
|
||||
} else if(this.dataset.url != null){
|
||||
$(uploadButtonEl).text("수정");
|
||||
$(viewButtonEl).removeAttr("hidden");
|
||||
} else {
|
||||
$(uploadButtonEl).text("등록");
|
||||
$(viewButtonEl).attr("hidden","hidden");
|
||||
}
|
||||
});
|
||||
|
||||
$(uploadButtonEl).on("click", function(){
|
||||
$(fileInputEl).click();
|
||||
});
|
||||
|
||||
$(viewButtonEl).on("click", function(){
|
||||
|
||||
let viewUrl = "";
|
||||
if(fileInputEl.files.length != 0){
|
||||
viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
|
||||
} else {
|
||||
viewUrl = fileInputEl.dataset.url;
|
||||
}
|
||||
window.open(viewUrl, "이미지", "width=500, height=500");
|
||||
});
|
||||
|
||||
$(fileInputEl).trigger("change");
|
||||
}
|
||||
* 그리드 내부 이미지 첨부
|
||||
**************************************************************************/
|
||||
function fnMakeGridImageViewer(tdEl, fileInputElName, fileInfo) {
|
||||
|
||||
let fileInputEl = document.createElement("input");
|
||||
fileInputEl.name = fileInputElName;
|
||||
fileInputEl.type = "file";
|
||||
fileInputEl.setAttribute("hidden", "hidden");
|
||||
fileInputEl.setAttribute("accept", "image/*")
|
||||
tdEl.appendChild(fileInputEl);
|
||||
|
||||
if (fileInfo != null) {
|
||||
fileInputEl.dataset.url = fileInfo.URL;
|
||||
fileInputEl.dataset.fileNm = fileInfo.FILE_NM;
|
||||
fileInputEl.dataset.mimeType = fileInfo.MIME_TYPE;
|
||||
fileInputEl.dataset.fileId = fileInfo.FILE_ID;
|
||||
}
|
||||
|
||||
let uploadButtonEl = document.createElement("button");
|
||||
uploadButtonEl.type = "button";
|
||||
uploadButtonEl.classList.add("btn", "btn-primary", "w-px-50", "mx-1");
|
||||
uploadButtonEl.textContent = "등록";
|
||||
tdEl.appendChild(uploadButtonEl);
|
||||
|
||||
let viewButtonEl = document.createElement("button");
|
||||
viewButtonEl.type = "button";
|
||||
viewButtonEl.classList.add("btn", "btn-primary", "w-px-50", "mx-1");
|
||||
viewButtonEl.setAttribute("hidden", "hidden");
|
||||
viewButtonEl.textContent = "보기";
|
||||
tdEl.appendChild(viewButtonEl);
|
||||
|
||||
$(fileInputEl).on("change", function () {
|
||||
if (this.files != null && this.files.length > 0) {
|
||||
$(uploadButtonEl).text("변경");
|
||||
$(viewButtonEl).removeAttr("hidden");
|
||||
} else if (this.dataset.url != null) {
|
||||
$(uploadButtonEl).text("변경");
|
||||
$(viewButtonEl).removeAttr("hidden");
|
||||
} else {
|
||||
$(uploadButtonEl).text("등록");
|
||||
$(viewButtonEl).attr("hidden", "hidden");
|
||||
}
|
||||
});
|
||||
|
||||
$(uploadButtonEl).on("click", function () {
|
||||
$(fileInputEl).click();
|
||||
});
|
||||
|
||||
$(viewButtonEl).on("click", function () {
|
||||
|
||||
let viewUrl = "";
|
||||
if (fileInputEl.files.length != 0) {
|
||||
viewUrl = (window.URL || window.webkitURL).createObjectURL(fileInputEl.files[0]);
|
||||
} else {
|
||||
viewUrl = fileInputEl.dataset.url;
|
||||
}
|
||||
window.open(viewUrl, "이미지", "width=500, height=500");
|
||||
});
|
||||
|
||||
$(fileInputEl).trigger("change");
|
||||
}
|
||||
|
Loading…
Reference in New Issue