상태 class 수정.

master
강석 최 2022-03-14 10:38:51 +09:00
parent 8cb819d3c3
commit 4bdbbdeac3
5 changed files with 34 additions and 55 deletions

View File

@ -112,13 +112,11 @@
<td class="td_date"><c:out value="${item.save_date}"/></td> <td class="td_date"><c:out value="${item.save_date}"/></td>
<td> <td>
<c:choose> <c:choose>
<c:when test="${item.status eq '0'}"><span class="card-warning">수집</span> </c:when> <c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
<c:when test="${item.status eq '1'}"><span <c:when test="${item.status eq '1'}"><span class="status-bar status-danger">검증실패</span> </c:when>
class="card-default">검증실패</span> </c:when> <c:when test="${item.status eq '2'}"><span class="status-bar status-warning">검증</span> </c:when>
<c:when test="${item.status eq '2'}"><span class="card-warning">검증</span> </c:when> <c:when test="${item.status eq '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
<c:when test="${item.status eq '3'}"><span <c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
class="card-default">반영실패</span> </c:when>
<c:when test="${item.status eq '4'}"><span class="card-success">반영</span> </c:when>
</c:choose> </c:choose>
</td> </td>
</tr> </tr>

View File

@ -18,11 +18,11 @@
<div class="col-4 collectionInfo" style="display: none;"> <div class="col-4 collectionInfo" style="display: none;">
<h5><i class="bi bi-dot"></i> 작성자 정보</h5> <h5><i class="bi bi-dot"></i> 작성자 정보</h5>
<div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0"> <div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
<label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">소속</label> <label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">소속</label>
<div class="col-8 border-bottom"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly> <input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly>
</div> </div>
<label for="name" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">이름</label> <label for="name" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">이름</label>
<div class="col-8 border-bottom"> <div class="col-8 border-bottom">
<input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly> <input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly>
</div> </div>
@ -35,35 +35,35 @@
<div class="col-8 collectionInfo" style="display: none;"> <div class="col-8 collectionInfo" style="display: none;">
<h5><i class="bi bi-dot"></i> 지도 정보</h5> <h5><i class="bi bi-dot"></i> 지도 정보</h5>
<div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0"> <div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
<label for="layer_id" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">레이어 ID</label> <label for="layer_id" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">레이어 ID</label>
<div class="col-4 border-bottom"> <div class="col-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly> <input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly>
</div> </div>
<label for="save_date" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">수집일</label> <label for="save_date" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">수집일</label>
<div class="col-4 border-bottom"> <div class="col-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly> <input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly>
</div> </div>
<label for="region" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">지역</label> <label for="region" class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">지역</label>
<div class="col-4 border-bottom"> <div class="col-4 border-bottom">
<input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly> <input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly>
</div> </div>
<label class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">상태</label> <label class="col-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">상태</label>
<div class="col-4 border-bottom my-auto"> <div class="col-4 border-bottom my-auto">
<c:choose> <c:choose>
<c:when test="${fieldDataVO.status eq '0'}"> <c:when test="${fieldDataVO.status eq '0'}">
<span class="card-warning ms-2 w-50 text-center">수집</span> <span class="status-bar status-warning ms-2 w-50 text-center">수집</span>
</c:when> </c:when>
<c:when test="${fieldDataVO.status eq '1'}"> <c:when test="${fieldDataVO.status eq '1'}">
<span class="card-danger ms-2 w-50 text-center">검증실패</span> <span class="status-bar status-danger ms-2 w-50 text-center">검증실패</span>
</c:when> </c:when>
<c:when test="${fieldDataVO.status eq '2'}"> <c:when test="${fieldDataVO.status eq '2'}">
<span class="card-success ms-2 w-50 text-center">검증성공</span> <span class="status-bar status-success ms-2 w-50 text-center">검증성공</span>
</c:when> </c:when>
<c:when test="${fieldDataVO.status eq '3'}"> <c:when test="${fieldDataVO.status eq '3'}">
<span class="card-danger ms-2 w-50 text-center">반영실패</span> <span class="status-bar status-danger ms-2 w-50 text-center">반영실패</span>
</c:when> </c:when>
<c:when test="${fieldDataVO.status eq '4'}"> <c:when test="${fieldDataVO.status eq '4'}">
<span class="card-success ms-2 w-50 text-center">반영</span> <span class="status-bar status-success ms-2 w-50 text-center">반영</span>
</c:when> </c:when>
</c:choose> </c:choose>
</div> </div>
@ -87,8 +87,8 @@
</div> </div>
<div class="col-5"> <div class="col-5">
<h5><i class="bi bi-dot"></i> 속성 정보</h5> <h5><i class="bi bi-dot"></i> 속성 정보</h5>
<div id="fieldDataDiv"> <div id="fieldDataDiv" class="mx-2 border border-dark border-start-0 border-end-0">
<table class="table table-hover mx-2"> <table class="table table-hover">
<tbody id="fieldDataBody"> <tbody id="fieldDataBody">
</tbody> </tbody>

View File

@ -72,12 +72,9 @@
<td class="td_date"><c:out value="${item.r_date}"/></td> <td class="td_date"><c:out value="${item.r_date}"/></td>
<td> <td>
<c:choose> <c:choose>
<c:when test="${item.status eq '99'}"><span class="card-warning"><c:out <c:when test="${item.status eq '99'}"><span class="status-bar status-warning"><c:out value='승인대기'/></span></c:when>
value='승인대기'/></span></c:when> <c:when test="${item.status eq '0'}"><span class="status-bar status-success"><c:out value='승인'/></span></c:when>
<c:when test="${item.status eq '0'}"><span class="card-success"><c:out <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger"><c:out value='반려'/></span></c:when>
value='승인'/></span></c:when>
<c:when test="${item.status eq '-1'}"><span class="card-default"><c:out
value='반려'/></span></c:when>
</c:choose> </c:choose>
</td> </td>
</tr> </tr>

View File

@ -40,9 +40,9 @@
<td class="td_date">${item.r_date}</td> <td class="td_date">${item.r_date}</td>
<td> <td>
<c:choose> <c:choose>
<c:when test="${item.status eq '99'}"><span class="card-warning"><c:out value='승인대기' /></span></c:when> <c:when test="${item.status eq '99'}"><span class="status-bar status-warning"><c:out value='승인대기' /></span></c:when>
<c:when test="${item.status eq '0'}"><span class="card-success"><c:out value='승인' /></span></c:when> <c:when test="${item.status eq '0'}"><span class="status-bar status-success"><c:out value='승인' /></span></c:when>
<c:when test="${item.status eq '-1'}"><span class="card-default"><c:out value='반려' /></span></c:when> <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger"><c:out value='반려' /></span></c:when>
</c:choose> </c:choose>
</td> </td>
</tr> </tr>

View File

@ -724,42 +724,26 @@ input[type=checkbox]:disabled:checked {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
color: #ffc107; color: #ffc107;
} }
.status-bar{
.card-warning {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 0; min-width: 0;
word-wrap: break-word; word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
}
.status-warning {
background-color: #eea236; background-color: #eea236;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }
.card-success { .status-success {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #5cb85c; background-color: #5cb85c;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }
.card-default { .status-danger {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #bb2d3b; background-color: #bb2d3b;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
margin: 0.375rem 0.75rem;
} }