djb-eapim/eapim-admin
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

인터페이스 화면 기능 및 UI 개선

Browse Source
This commit is contained in:
daekuk
2025-09-29 11:19:20 +09:00
parent a621be0062
commit 5f91ae64d9
1 changed files with 47 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebContent/jsp/onl/transaction/apim/apiInterfaceManDetail.jsp
+47 -16
View File
@@ -48,6 +48,19 @@
background-color: #eeeeee; background-color: #eeeeee;
border-color: #cccccc; border-color: #cccccc;
} }
/* input-group 안에서 invalid-feedback이 차지하는 공간 없애기, 유효성검사 할 때 현재 스타일 바뀌지않게 CSS 처리 */
.input-group > .invalid-feedback {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: .25rem;
}
.input-group {
position: relative;
}
</style> </style>
<script language="javascript" > <script language="javascript" >
@@ -1319,18 +1332,34 @@
<select id="eaiBzwkDstcd" class="form-select" name="eaiBzwkDstcd" style="width: 100%"> <select id="eaiBzwkDstcd" class="form-select" name="eaiBzwkDstcd" style="width: 100%">
</select> </select>
</div> </div>
<div class="form-group col-md-3">
<label for="eaiSvcName"><span class="material-icons-outlined">badge</span> API 명</label> <div class="form-group col-md-3">
<div class="input-group"> <label for="eaiSvcName">
<input type="text" class="form-control" id="eaiSvcName" name="eaiSvcName" required> <span class="material-icons-outlined">badge</span> API 명
<span class="input-group-text" id="sendRecvTypeSpan" style="padding: 0; border: none;"> </label>
<input type="text" id="sendRecvType" name="sendRecvType" class="ignore form-control" readonly="readonly" style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;" :value="apiInterface.requestType"> <div class="input-group">
</span> <input type="text"
<span class="input-group-text" id="inOutTypeSpan" style="padding: 0; border: none;"> class="form-control"
<input type="text" id="inOutType" name="inOutType" class="ignore form-control" readonly="readonly" style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;" :value="apiInterface.wordType"> id="eaiSvcName"
</span> name="eaiSvcName"
</div> required>
</div> <span class="input-group-text" id="sendRecvTypeSpan" style="padding: 0; border: none;">
<input type="text" id="sendRecvType" name="sendRecvType"
class="ignore form-control"
readonly="readonly"
style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;"
:value="apiInterface.requestType">
</span>
<span class="input-group-text" id="inOutTypeSpan" style="padding: 0; border: none;">
<input type="text" id="inOutType" name="inOutType"
class="ignore form-control"
readonly="readonly"
style="width: 40px; text-align: center; border-radius: 0; margin-left: -1px;"
:value="apiInterface.wordType">
</span>
</div>
</div>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<label for="eaiSvcDesc"><span class="material-icons-outlined">chat</span> 설명</label> <label for="eaiSvcDesc"><span class="material-icons-outlined">chat</span> 설명</label>
<input type="text" class="form-control" id="eaiSvcDesc" name="eaiSvcDesc" required></input> <input type="text" class="form-control" id="eaiSvcDesc" name="eaiSvcDesc" required></input>
@@ -1429,6 +1458,7 @@
<option value="1">[1]오류 로그만(900)</option> <option value="1">[1]오류 로그만(900)</option>
<option value="2">[2]인바운드(100,400)</option> <option value="2">[2]인바운드(100,400)</option>
<option value="3" selected>[3]전체로그</option> <option value="3" selected>[3]전체로그</option>
<option value="4">[4]업무데이터 제외</option>
</select> </select>
</div> </div>
<div class="form-group col-md-2"> <div class="form-group col-md-2">
@@ -1500,7 +1530,8 @@
</div> </div>
</div> </div>
<div class="form-group col-md-6"> <div class="form-group col-md-6">
<div x-show="showOutboundResponse"> <!-- toAdapterUrl 겹치지 않도록 mt-3 속성 추가 -->
<div class="mt-3" x-show="showOutboundResponse">
<label for="toResponseAdapter"> <label for="toResponseAdapter">
<span class="material-icons">keyboard_return</span> <span class="material-icons">keyboard_return</span>
OUTBOUND (ASYNC) 응답 어댑터 OUTBOUND (ASYNC) 응답 어댑터
@@ -1529,8 +1560,8 @@
<%= localeMessage.getString("apiInterface.recvMethod") %> <%= localeMessage.getString("apiInterface.recvMethod") %>
</label> </label>
<select id="inboundHttpMethod" class="form-select" name="inboundHttpMethod" disabled> <select id="inboundHttpMethod" class="form-select" name="inboundHttpMethod" disabled>
<option value="get">GET</option>
<option value="post">POST</option> <option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option> <option value="put">PUT</option>
<option value="patch">PATCH</option> <option value="patch">PATCH</option>
<option value="delete">DELETE</option> <option value="delete">DELETE</option>
@@ -1579,8 +1610,8 @@
class="form-select" class="form-select"
name="inboundResponseHttpMethod" name="inboundResponseHttpMethod"
disabled> disabled>
<option value="get">GET</option>
<option value="post">POST</option> <option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option> <option value="put">PUT</option>
<option value="patch">PATCH</option> <option value="patch">PATCH</option>
<option value="delete">DELETE</option> <option value="delete">DELETE</option>
@@ -1630,8 +1661,8 @@
송신 메소드 송신 메소드
</label> </label>
<select id="outboundHttpMethod" class="form-select" name="outboundHttpMethod" disabled> <select id="outboundHttpMethod" class="form-select" name="outboundHttpMethod" disabled>
<option value="get">GET</option>
<option value="post">POST</option> <option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option> <option value="put">PUT</option>
<option value="patch">PATCH</option> <option value="patch">PATCH</option>
<option value="delete">DELETE</option> <option value="delete">DELETE</option>