From 4bdbbdeac3a0c983bef8e012a41ff1597aac6461 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Mon, 14 Mar 2022 10:38:51 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=ED=83=9C=20class=20=EC=88=98=EC=A0=95?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/admin/fieldData.jsp    | 12 +++----
 .../webapp/WEB-INF/jsp/admin/fieldView.jsp    | 26 +++++++-------
 src/main/webapp/WEB-INF/jsp/admin/request.jsp |  9 ++---
 src/main/webapp/WEB-INF/jsp/map/request.jsp   |  6 ++--
 src/main/webapp/css/style.css                 | 36 ++++++-------------
 5 files changed, 34 insertions(+), 55 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
index 39a5e2e..573c114 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
@@ -112,13 +112,11 @@
               <td class="td_date"><c:out value="${item.save_date}"/></td>
               <td>
                 <c:choose>
-                  <c:when test="${item.status eq '0'}"><span class="card-warning">수집</span> </c:when>
-                  <c:when test="${item.status eq '1'}"><span
-                      class="card-default">검증실패</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="card-default">반영실패</span> </c:when>
-                  <c:when test="${item.status eq '4'}"><span class="card-success">반영</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 class="status-bar status-danger">검증실패</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 '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
+                  <c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
                 </c:choose>
               </td>
             </tr>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
index 792d994..3491dd0 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
@@ -18,11 +18,11 @@
       <div class="col-4 collectionInfo" style="display: none;">
         <h5><i class="bi bi-dot"></i> 작성자 정보</h5>
         <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">
             <input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly>
           </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">
             <input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly>
           </div>
@@ -35,35 +35,35 @@
       <div class="col-8 collectionInfo" style="display: none;">
         <h5><i class="bi bi-dot"></i> 지도 정보</h5>
         <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">
             <input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly>
           </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">
             <input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly>
           </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">
             <input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly>
           </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">
             <c:choose>
               <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 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 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 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 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:choose>
           </div>
@@ -87,8 +87,8 @@
       </div>
       <div class="col-5">
         <h5><i class="bi bi-dot"></i> 속성 정보</h5>
-        <div id="fieldDataDiv">
-          <table class="table table-hover mx-2">
+        <div id="fieldDataDiv" class="mx-2 border border-dark border-start-0 border-end-0">
+          <table class="table table-hover">
             <tbody id="fieldDataBody">
 
             </tbody>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/request.jsp b/src/main/webapp/WEB-INF/jsp/admin/request.jsp
index 7bbd231..be9c3e8 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/request.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/request.jsp
@@ -72,12 +72,9 @@
                         <td class="td_date"><c:out value="${item.r_date}"/></td>
                         <td>
                             <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 '0'}"><span class="card-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 '99'}"><span class="status-bar status-warning"><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="status-bar status-danger"><c:out value='반려'/></span></c:when>
                             </c:choose>
                         </td>
                     </tr>
diff --git a/src/main/webapp/WEB-INF/jsp/map/request.jsp b/src/main/webapp/WEB-INF/jsp/map/request.jsp
index 664acd0..69eab5f 100644
--- a/src/main/webapp/WEB-INF/jsp/map/request.jsp
+++ b/src/main/webapp/WEB-INF/jsp/map/request.jsp
@@ -40,9 +40,9 @@
                 <td class="td_date">${item.r_date}</td>
                 <td>
                   <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 '0'}"><span class="card-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 '99'}"><span class="status-bar status-warning"><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="status-bar status-danger"><c:out value='반려' /></span></c:when>
                   </c:choose>
                 </td>
               </tr>
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index 60c7695..fa88919 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -724,42 +724,26 @@ input[type=checkbox]:disabled:checked {
     margin-bottom: 0.5rem;
     color: #ffc107;
 }
-
-.card-warning {
+.status-bar{
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   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-clip: border-box;
-  border: 1px solid rgba(0, 0, 0, 0.125);
-  border-radius: 0.25rem;
-  margin: 0.375rem 0.75rem;
 }
 
-.card-success {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
+.status-success {
   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 {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  word-wrap: break-word;
+.status-danger {
   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;
 }