init
This commit is contained in:
Rinjae
@@ -0,0 +1,343 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" %>
|
||||
<%@ page import="java.io.*" %>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ include file="/jsp/common/include/localemessage.jsp" %>
|
||||
<%
|
||||
response.setHeader("Pragma", "No-cache");
|
||||
response.setHeader("Cache-Control", "no-cache");
|
||||
response.setHeader("Expires", "0");
|
||||
|
||||
%>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
|
||||
<jsp:include page="/jsp/common/include/css.jsp"/>
|
||||
<jsp:include page="/jsp/common/include/script.jsp"/>
|
||||
<link href="<c:url value="/addon/bootstrap-5.3.2/css/bootstrap.min.css"/>" rel="stylesheet"/>
|
||||
<script src="<c:url value="/addon/bootstrap-5.3.2/js/bootstrap.bundle.min.js"/>"></script>
|
||||
<!-- FilePond stylesheet -->
|
||||
<link href="<c:url value="/addon/filepond/filepond.min.css"/>" rel="stylesheet">
|
||||
<!-- FilePond JavaScript library -->
|
||||
<script src="<c:url value="/addon/filepond/filepond.min.js"/>"></script>
|
||||
<!-- FilePond plugin for file validation -->
|
||||
<script src="<c:url value="/addon/filepond/plugin/filepond-plugin-file-validate-type.min.js"/>"></script>
|
||||
<script language="javascript">
|
||||
var url = '<c:url value="/onl/transaction/apim/apiInterfaceMan.json"/>';
|
||||
var url_view = '<c:url value="/onl/transaction/apim/apiInterfaceMan.view"/>';
|
||||
var url_file = '<c:url value="/onl/transaction/apim/apiInterfaceMan.file"/>';
|
||||
|
||||
var selectName = "searchEaiBzwkDstcd"; // selectBox Name
|
||||
function init(callback) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
dataType: "json",
|
||||
data: {cmd: 'LIST_COMBO'},
|
||||
success: function (json) {
|
||||
new makeOptions("BIZCODE", "BIZNAME").setObj($("select[name=searchEaiBzwkDstcd]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.bizList).setFormat(codeName3OptionFormat).rendering();
|
||||
|
||||
setSearchable(selectName); // 콤보에 searchable 설정
|
||||
putSelectFromParam();
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
error: function (e) {
|
||||
alert(e.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function detail() {
|
||||
var postData = getSearchForJqgrid("cmd", "LIST"); //jqgrid에서는 object 로
|
||||
$("#grid").setGridParam({url: url, postData: postData}).trigger("reloadGrid");
|
||||
}
|
||||
|
||||
function search() {
|
||||
var postData = getSearchForJqgrid("cmd", "LIST"); //jqgrid에서는 object 로
|
||||
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
|
||||
}
|
||||
|
||||
function ioFormatter(cellvalue, options, rowObject) {
|
||||
var serviceType = sessionStorage["serviceType"];
|
||||
if (cellvalue == "I") {
|
||||
return "타발";
|
||||
} else if (cellvalue == "O") {
|
||||
return "당발";
|
||||
}
|
||||
}
|
||||
|
||||
function adapterNameShortFormatter(cellvalue, options, rowObject) {
|
||||
if (cellvalue == null || cellvalue == '')
|
||||
return ''
|
||||
return cellvalue.substring(1, 4);
|
||||
}
|
||||
|
||||
function list() {
|
||||
detail()
|
||||
var gridPostData = getSearchForJqgrid("cmd", "LIST"); //jqgrid에서는 object 로
|
||||
$('#grid').jqGrid({
|
||||
datatype: "json",
|
||||
mtype: 'POST',
|
||||
url: url,
|
||||
postData: gridPostData,
|
||||
colNames: ['업무구분',
|
||||
'API 명(*)',
|
||||
'API 설명',
|
||||
'요청',
|
||||
'응답',
|
||||
'작성자',
|
||||
'가상응답여부',
|
||||
'변경일시(*)',
|
||||
'SyncAsyncType',
|
||||
],
|
||||
colModel: [{name: 'eaiBzwkDstcd', align: 'center', width: '40', sortable: false},
|
||||
{name: 'eaiSvcName', align: 'left', width: '100', sortable: true},
|
||||
{name: 'eaiSvcDesc', align: 'left', sortable: false},
|
||||
{name: 'fromAdapter', align: 'center', width: '40', formatter: adapterNameShortFormatter, sortable: false},
|
||||
{name: 'toAdapter', align: 'center', width: '40', formatter: adapterNameShortFormatter, sortable: false},
|
||||
{name: 'author', align: 'center', width: '60', sortable: false},
|
||||
{name : 'simYn', align : 'center' , width:'40', hidden: true },
|
||||
{name : 'lastModifiedDate', align : 'center' , width:'40', sortable: true},
|
||||
{name: 'syncAsyncType', align: 'center', width: '40', hidden: true},
|
||||
],
|
||||
jsonReader: {
|
||||
repeatitems: false
|
||||
},
|
||||
pager: $('#pager'),
|
||||
page: '${param.page}',
|
||||
rowNum: '${rmsDefaultRowNum}',
|
||||
autoheight: true,
|
||||
height: $("#container").height(),
|
||||
autowidth: true,
|
||||
viewrecords: true,
|
||||
multiselect: true,
|
||||
multiboxonly: false,
|
||||
rowList: eval('[${rmsDefaultRowList}]'),
|
||||
ondblClickRow: function (rowId) {
|
||||
var rowData = $(this).getRowData(rowId);
|
||||
let key = rowData['eaiSvcName'];
|
||||
const syncAsyncType = rowData['syncAsyncType'];
|
||||
if (syncAsyncType === 'syncAsync') {
|
||||
const sendRecvType = key.charAt(key.length - 2); // 끝에서 두 번째 문자 추출
|
||||
if (sendRecvType === 'R') {
|
||||
// 문자열의 시작 부분부터 끝에서 세 번째 문자까지 추출
|
||||
var start = key.substring(0, key.length - 2);
|
||||
// 문자열의 마지막 문자 추출
|
||||
var end = key.charAt(key.length - 1);
|
||||
// 시작 부분, 새로운 문자 'S', 그리고 마지막 부분을 결합
|
||||
key = start + 'S' + end;
|
||||
}
|
||||
}
|
||||
|
||||
var url2 = url_view;
|
||||
url2 += '?cmd=DETAIL';
|
||||
url2 += '&page=' + $(this).getGridParam("page");
|
||||
url2 += '&returnUrl=' + getReturnUrl();
|
||||
url2 += '&menuId=' + '${param.menuId}';
|
||||
//검색값
|
||||
url2 += '&' + getSearchUrl();
|
||||
//key값
|
||||
url2 += '&eaiSvcName=' + key;
|
||||
goNav(url2);
|
||||
},
|
||||
onSortCol :function(sidx,colnum,sort_order){
|
||||
var gridPostData = getSearchForJqgrid("cmd","LIST");
|
||||
var sortorder="";
|
||||
if( sort_order == "")
|
||||
sortorder ='asc';
|
||||
else
|
||||
sortorder = sort_order;
|
||||
gridPostData["sortName"] =sidx;
|
||||
gridPostData["sortOrder"]=sortorder;
|
||||
$("#grid").setGridParam({ url:url, postData: gridPostData, sortname:sidx, sortorder:sortorder, page:"1"}).trigger("reloadGrid");
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
init(list);
|
||||
|
||||
resizeJqGridWidth('grid', 'content_middle', '1000');
|
||||
|
||||
$("#btn_search").click(function () {
|
||||
search();
|
||||
});
|
||||
$("#btn_new").click(function () {
|
||||
var url2 = url_view;
|
||||
url2 += '?cmd=DETAIL';
|
||||
url2 += '&page=' + $("#grid").getGridParam("page");
|
||||
url2 += '&returnUrl=' + getReturnUrl();
|
||||
url2 += '&menuId=' + '${param.menuId}';
|
||||
//검색값
|
||||
url2 += '&' + getSearchUrl();
|
||||
//key값
|
||||
url2 += '&eaiSvcName=';
|
||||
|
||||
goNav(url2);
|
||||
});
|
||||
|
||||
$("input[name^=search]").keydown(function (key) {
|
||||
if (key.keyCode == 13) {
|
||||
$("#btn_search").click();
|
||||
}
|
||||
});
|
||||
|
||||
function callDownload(interfaceId){
|
||||
const url = '<c:url value="/loader.do" />';
|
||||
const postData = [];
|
||||
postData.push({ name: "cmd" , value: 'interface'});
|
||||
postData.push({ name: "control" , value:"downloadfull"});
|
||||
postData.push({ name: "interfaceId" , value: interfaceId});
|
||||
return new Promise((resolve, reject) => {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: postData,
|
||||
success: function (response) {
|
||||
resolve(response);
|
||||
},
|
||||
error: function (error) {
|
||||
reject(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
async function deployDownload(interfaceId){
|
||||
try {
|
||||
let response = await callDownload(interfaceId);
|
||||
return response.trim();
|
||||
} catch (error) {
|
||||
window.alert(interfaceId+' download error '+JSON.stringify(error));
|
||||
}
|
||||
}
|
||||
|
||||
$("#btn_download").click(async function(){
|
||||
const rowIds = $('#grid').jqGrid('getGridParam', 'selarrrow');
|
||||
let successCount = 0;
|
||||
let failedCount = 0;
|
||||
for(let i = 0; i < rowIds.length; i++){
|
||||
const rowData = $("#grid").getRowData(rowIds[i]);
|
||||
const response = await deployDownload(rowData['eaiSvcName']);
|
||||
if(response != null && response.includes('success')){
|
||||
successCount++;
|
||||
}else{
|
||||
failedCount++
|
||||
}
|
||||
}
|
||||
window.alert('이관 대상 API 성공['+successCount+']건, 실패['+failedCount+']건 서버에 다운로드 완료');
|
||||
});
|
||||
|
||||
buttonControl();
|
||||
|
||||
FilePond.registerPlugin(FilePondPluginFileValidateType);
|
||||
// FilePond 인스턴스 생성
|
||||
const pond = FilePond.create(document.querySelector('.filepond'), {
|
||||
instantUpload: false, // 파일을 즉시 업로드하지 않음
|
||||
allowRevert: false,
|
||||
acceptedFileTypes: ['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/json'],
|
||||
// 서버 설정
|
||||
server: {
|
||||
process: {
|
||||
url: url_file + '?cmd=LIST_IMPORT_FILE&serviceType=' + sessionStorage["serviceType"],
|
||||
method: 'POST',
|
||||
// 필요한 경우 headers나 다른 설정 추가
|
||||
},
|
||||
// revert, load, restore, fetch 설정 (필요한 경우)
|
||||
},
|
||||
// 다른 필요한 옵션 추가
|
||||
});
|
||||
|
||||
pond.on('processfiles', () => {
|
||||
// 여기에 모든 파일 업로드 완료 후 실행할 코드를 작성
|
||||
console.debug('모든 파일의 처리가 완료되었습니다.');
|
||||
$('#btn_search').click();
|
||||
});
|
||||
|
||||
// "업로드 시작" 버튼 클릭 이벤트 핸들러
|
||||
document.getElementById('uploadButton').addEventListener('click', function () {
|
||||
pond.processFiles(); // 선택된 모든 파일을 업로드
|
||||
});
|
||||
|
||||
// 모달 닫기 이벤트 핸들러
|
||||
$('#uploadModal').on('hidden.bs.modal', function (e) {
|
||||
pond.removeFiles(); // 모달이 닫힐 때 파일 목록에서 모든 파일 제거
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="right_box">
|
||||
<div class="content_top">
|
||||
<ul class="path">
|
||||
<li><a href="#">${rmsMenuPath}</a></li>
|
||||
</ul>
|
||||
</div><!-- end content_top -->
|
||||
<div class="content_middle" id="content_middle">
|
||||
<div class="search_wrap">
|
||||
<button type="button" class="cssbtn" id="btn_download" level="W" status="DETAIL"><i class="material-icons">cloud_download</i> 이관</button>
|
||||
<button type="button" class="cssbtn" id="btn_import" level="R" data-bs-toggle="modal"
|
||||
data-bs-target="#uploadModal"><i
|
||||
class="material-icons">upload</i> <%=localeMessage.getString("button.import")%>
|
||||
</button>
|
||||
<button type="button" class="cssbtn" id="btn_new" level="W"><i
|
||||
class="material-icons">add</i> <%= localeMessage.getString("button.new") %>
|
||||
</button>
|
||||
<button type="button" class="cssbtn" id="btn_search" level="R"><i
|
||||
class="material-icons">search</i> <%= localeMessage.getString("button.search") %>
|
||||
</button>
|
||||
</div>
|
||||
<div class="title" id="title">${rmsMenuName}</div>
|
||||
<table class="search_condition" cellspacing=0;>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th style="width:180px;">업무구분명</th>
|
||||
<td>
|
||||
<select name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}"></select>
|
||||
</td>
|
||||
<th style="width:180px;">API 명</th>
|
||||
<td>
|
||||
<input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}">
|
||||
</td>
|
||||
<th style="width:180px;">API설명</th>
|
||||
<td>
|
||||
<input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="help-text" style="color:#666; font-size:12px; margin-top:5px;">(*) : 정렬가능항목</div>
|
||||
<table id="grid"></table>
|
||||
<div id="pager"></div>
|
||||
</div><!-- end content_middle -->
|
||||
</div><!-- end right_box -->
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="uploadModalLabel" aria-hidden="true">
|
||||
<!-- 모달 내용 -->
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title"><i class="material-icons"
|
||||
style="vertical-align: sub; font-size: 25px">publish</i> <%=localeMessage.getString("button.import")%>
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<input type="file" class="filepond" name="file" multiple data-allow-reorder="true"
|
||||
data-max-file-size="3MB" data-max-files="10">
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button id="uploadButton" class="btn btn-primary">IMPORT <%=localeMessage.getString("button.execute")%>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user