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

This commit is contained in:
daekuk
2025-09-29 11:19:20 +09:00
parent a621be0062
commit 5f91ae64d9
@@ -48,6 +48,19 @@
background-color: #eeeeee;
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>
<script language="javascript" >
@@ -1319,18 +1332,34 @@
<select id="eaiBzwkDstcd" class="form-select" name="eaiBzwkDstcd" style="width: 100%">
</select>
</div>
<div class="form-group col-md-3">
<label for="eaiSvcName"><span class="material-icons-outlined">badge</span> API 명</label>
<div class="input-group">
<input type="text" class="form-control" id="eaiSvcName" name="eaiSvcName" required>
<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-3">
<label for="eaiSvcName">
<span class="material-icons-outlined">badge</span> API 명
</label>
<div class="input-group">
<input type="text"
class="form-control"
id="eaiSvcName"
name="eaiSvcName"
required>
<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">
<label for="eaiSvcDesc"><span class="material-icons-outlined">chat</span> 설명</label>
<input type="text" class="form-control" id="eaiSvcDesc" name="eaiSvcDesc" required></input>
@@ -1429,6 +1458,7 @@
<option value="1">[1]오류 로그만(900)</option>
<option value="2">[2]인바운드(100,400)</option>
<option value="3" selected>[3]전체로그</option>
<option value="4">[4]업무데이터 제외</option>
</select>
</div>
<div class="form-group col-md-2">
@@ -1500,7 +1530,8 @@
</div>
</div>
<div class="form-group col-md-6">
<div x-show="showOutboundResponse">
<!-- toAdapterUrl 겹치지 않도록 mt-3 속성 추가 -->
<div class="mt-3" x-show="showOutboundResponse">
<label for="toResponseAdapter">
<span class="material-icons">keyboard_return</span>
OUTBOUND (ASYNC) 응답 어댑터
@@ -1529,8 +1560,8 @@
<%= localeMessage.getString("apiInterface.recvMethod") %>
</label>
<select id="inboundHttpMethod" class="form-select" name="inboundHttpMethod" disabled>
<option value="get">GET</option>
<option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option>
<option value="patch">PATCH</option>
<option value="delete">DELETE</option>
@@ -1579,8 +1610,8 @@
class="form-select"
name="inboundResponseHttpMethod"
disabled>
<option value="get">GET</option>
<option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option>
<option value="patch">PATCH</option>
<option value="delete">DELETE</option>
@@ -1630,8 +1661,8 @@
송신 메소드
</label>
<select id="outboundHttpMethod" class="form-select" name="outboundHttpMethod" disabled>
<option value="get">GET</option>
<option value="post">POST</option>
<option value="get">GET</option>
<option value="put">PUT</option>
<option value="patch">PATCH</option>
<option value="delete">DELETE</option>