인터페이스 화면 기능 및 UI 개선
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user