- JSP: OpenAPI Spec 버튼 상태 표시 및 설명 레이어 추가
- Controller: OpenAPI Spec 상태 조회 API(specStatus) 구현 - Service: API 그룹명 기본값 적용 메서드 추가 및 그룹 설명 UI 구성
This commit is contained in:
@@ -81,6 +81,19 @@
|
||||
/* iframe 모달(showModal) 콘텐츠 패딩 제거 — iframe 이 다이얼로그 폭을 최대한 사용해 내부 가로스크롤 방지 */
|
||||
.ui-dialog .ui-dialog-content { padding: 0 !important; }
|
||||
|
||||
/* OpenAPI Spec 버튼 상태 색상 (PTL_API_SPEC_INFO 기준) */
|
||||
#btn_openapi_spec.spec-exists { background:#ffe08a !important; border-color:#f0c040 !important; color:#5a4600 !important; }
|
||||
#btn_openapi_spec.spec-public { background:#b8e6a0 !important; border-color:#7cc257 !important; color:#2c4a15 !important; }
|
||||
/* 호버 상태 안내 레이어 */
|
||||
#specStatusLayer {
|
||||
position: fixed; z-index: 100000; display: none;
|
||||
background: rgba(30,30,30,0.92); color: #fff;
|
||||
padding: 8px 12px; border-radius: 6px;
|
||||
font-size: 12px; line-height: 1.6; max-width: 340px;
|
||||
white-space: pre-line; pointer-events: none;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
</style>
|
||||
<script language="javascript" >
|
||||
var isDetail = false;
|
||||
@@ -88,6 +101,7 @@
|
||||
const url_excel ='<c:url value="/onl/transaction/apim/apiInterfaceMan.excel" />';
|
||||
var url_spec = '<c:url value="/onl/transaction/apim/apiSpecMan.view"/>';
|
||||
var url_openapi_spec = '<c:url value="/onl/transaction/apim/djbApiSpecMan.view"/>';
|
||||
var url_openapi_spec_json = '<c:url value="/onl/transaction/apim/djbApiSpecMan.json"/>';
|
||||
var returnUrl ;
|
||||
let headerValues = [];
|
||||
let headerNames = [];
|
||||
@@ -540,6 +554,8 @@
|
||||
|
||||
$('#inboundHttpMethod').trigger('change');
|
||||
$('#outboundHttpMethod').trigger('change');
|
||||
|
||||
applyOpenApiSpecStatus(); // OpenAPI Spec 버튼 색상(PTL_API_SPEC_INFO)
|
||||
},
|
||||
error:function(e){
|
||||
alert(e.responseText);
|
||||
@@ -1020,10 +1036,41 @@
|
||||
var vw = $(window).width(), vh = $(window).height();
|
||||
var modalW = Math.min(vw - 12, 1720);
|
||||
var modalH = Math.min(vh - 20, 900);
|
||||
showModal(baseUrl, { title: 'OpenAPI Spec' }, modalW, modalH);
|
||||
// 스펙 편집 모달 닫힘 시 버튼 색상 재조회(공개여부/등록여부 변경 반영)
|
||||
showModal(baseUrl, { title: 'OpenAPI Spec' }, modalW, modalH, function(){ applyOpenApiSpecStatus(); });
|
||||
}
|
||||
}
|
||||
|
||||
// OpenAPI Spec 버튼 색상 = PTL_API_SPEC_INFO(api_id = getFullSvcName()) 상태.
|
||||
// - 미등록: 기본색 - 등록·비공개(display_yn≠Y): 노랑 - 등록·공개(display_yn=Y): 하늘
|
||||
function applyOpenApiSpecStatus() {
|
||||
var $btn = $('#btn_openapi_spec');
|
||||
$btn.removeClass('spec-exists spec-public').data('specMsg', '');
|
||||
var eaiSvcName = getFullSvcName();
|
||||
if (!eaiSvcName || eaiSvcName.length < 2) return;
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url_openapi_spec_json,
|
||||
dataType: 'json',
|
||||
data: { cmd: 'SPEC_STATUS', eaiSvcName: eaiSvcName },
|
||||
success: function(res) {
|
||||
var exists = res && (res.exists === true || res.exists === 'true');
|
||||
var isPublic = res && (res.displayYn === 'Y');
|
||||
var msg;
|
||||
if (!exists) {
|
||||
msg = 'OpenAPI Spec 미등록\n버튼을 눌러 스펙을 생성/편집하세요.';
|
||||
} else if (isPublic) {
|
||||
$btn.addClass('spec-public');
|
||||
msg = 'OpenAPI Spec 등록됨 · 포탈 공개중 (display_yn = Y)\n포탈 메인/문서에 노출됩니다.';
|
||||
} else {
|
||||
$btn.addClass('spec-exists');
|
||||
msg = 'OpenAPI Spec 등록됨 · 비공개 (display_yn ≠ Y)\n포탈에는 노출되지 않습니다.';
|
||||
}
|
||||
$btn.data('specMsg', msg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
makeValidate();
|
||||
// var bootstrapButton = $.fn.button.noConflict()
|
||||
@@ -1047,6 +1094,23 @@
|
||||
showOpenApiSpecPopup(e);
|
||||
});
|
||||
|
||||
// OpenAPI Spec 버튼 호버 시 현재 상태 안내 레이어
|
||||
if ($('#specStatusLayer').length === 0) {
|
||||
$('body').append('<div id="specStatusLayer"></div>');
|
||||
}
|
||||
$("#btn_openapi_spec")
|
||||
.on('mouseenter', function() {
|
||||
var msg = $(this).data('specMsg');
|
||||
if (!msg) return;
|
||||
$('#specStatusLayer').text(msg).css('display', 'block');
|
||||
})
|
||||
.on('mousemove', function(e) {
|
||||
$('#specStatusLayer').css({ left: (e.clientX + 14) + 'px', top: (e.clientY + 16) + 'px' });
|
||||
})
|
||||
.on('mouseleave', function() {
|
||||
$('#specStatusLayer').hide();
|
||||
});
|
||||
|
||||
$("#btn_modify").click(modifyApi);
|
||||
$("#btn_delete").click(function(){
|
||||
if(!confirm("삭제하시겠습니까?")){
|
||||
|
||||
Reference in New Issue
Block a user