From 8236ac1e54cbe342222c32d06c4e1496880e3d82 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: Wed, 16 Mar 2022 10:00:47 +0900
Subject: [PATCH] no message

---
 src/main/webapp/WEB-INF/jsp/admin/history.jsp | 170 ++++++++++++------
 1 file changed, 117 insertions(+), 53 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/history.jsp b/src/main/webapp/WEB-INF/jsp/admin/history.jsp
index b7aa866..0157cf5 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/history.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/history.jsp
@@ -7,68 +7,132 @@
 <script src="<c:url value="/js/admin/history.js"/>"></script>
 
 <div class="section_title">
-    <!-- <p>지도사용 이력</p> -->
+  <!-- <p>지도사용 이력</p> -->
 </div>
 
 <div class="section_content">
-    <h1 class="h4 m-3">지도사용 이력</h1>
-    <form:form commandName="UseHistorySearchVO" name="searchForm" action="/admin/history" method="get">
+  <h1 class="h4 m-3">지도사용 이력</h1>
+  <form:form commandName="UseHistorySearchVO" name="searchForm" action="/admin/history" method="get">
 
-    <div class="row justify-content-end bg-white mx-3 py-2">
-        <div class="col-auto row">
-            <div class="col-auto">
-                <select class="form-select" name="searchCondition">
-                    <option value="all" ${UseHistorySearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
-                    <option value="name" ${UseHistorySearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
-                    <option value="company" ${UseHistorySearchVO.searchCondition eq 'company'?'selected':''}>소속</option>
-                    <option value="req_area" ${UseHistorySearchVO.searchCondition eq 'req_area'?'selected':''}>위치</option>
-                </select>
-            </div>
-            <div class="col-auto">
-                <input type="text" class="form-control" name="searchKeyword" value="${UseHistorySearchVO.searchKeyword}"/>
-            </div>
-            <div class="col-auto">
-                <input class="btn btn-outline-secondary" type="submit" value="검색"/>
-            </div>
-        </div>
+  <div class="row justify-content-end bg-white mx-3 py-2">
+    <div class="col-12 col-sm-4 row">
+      <div class="col-12 col-sm-4">
+        <select class="form-select" name="searchCondition">
+          <option value="all" ${UseHistorySearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
+          <option value="name" ${UseHistorySearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
+          <option value="company" ${UseHistorySearchVO.searchCondition eq 'company'?'selected':''}>소속</option>
+          <option value="req_area" ${UseHistorySearchVO.searchCondition eq 'req_area'?'selected':''}>위치</option>
+        </select>
+      </div>
+      <div class="col-8 col-sm-5">
+        <input type="text" class="form-control" name="searchKeyword" value="${UseHistorySearchVO.searchKeyword}"/>
+      </div>
+      <div class="col-4 col-sm-3">
+        <input class="btn btn-outline-secondary w-100" type="submit" value="검색"/>
+      </div>
     </div>
+  </div>
 
 
-    <div class="row m-3 p-2 bg-white">
-        <table class="table table-hover text-center">
-            <thead>
+  <div class="row m-3 p-2 bg-white">
+    <div class="col-12 d-none d-sm-block">
+      <table class="table table-hover text-center">
+        <thead>
+        <tr>
+          <th>소속</th>
+          <th>담당자</th>
+          <th>동작</th>
+          <th>위치</th>
+          <th>날짜</th>
+        </tr>
+        </thead>
+        <tbody>
+        <c:if test="${count >= 1}">
+          <c:forEach var="item" items="${useHistoryList}">
             <tr>
-                <th>위치</th>
-                <th>소속</th>
-                <th>담당자</th>
-                <th>날짜</th>
+              <td><c:out value="${item.company}"/></td>
+              <td><c:out value="${item.name}"/></td>
+              <td>
+                <c:choose>
+                  <c:when test="${item.log_type eq '0'}">
+                    <span class="status-bar status-success w-50 mx-auto">로그인</span>
+                  </c:when>
+                  <c:when test="${item.log_type eq '1'}">
+                    <span class="status-bar status-danger w-50 mx-auto">로그아웃</span>
+                  </c:when>
+                  <c:when test="${item.log_type eq '2'}">
+                    <span class="status-bar status-warning w-50 mx-auto">지도사용</span>
+                  </c:when>
+                </c:choose>
+              </td>
+              <td><c:out value="${item.reqArea}"/></td>
+              <td class="td_date"><c:out value="${item.logDate}"/></td>
             </tr>
-            </thead>
-            <tbody>
-            <c:if test="${count >= 1}">
-                <c:forEach var="item" items="${useHistoryList}">
-                    <tr>
-                        <td><c:out value="${item.reqArea}"/></td>
-                        <td><c:out value="${item.company}"/></td>
-                        <td><c:out value="${item.name}"/></td>
-                        <td class="td_date"><c:out value="${item.logDate}"/></td>
-                    </tr>
-                </c:forEach>
-            </c:if>
-            <c:if test="${count == 0}">
-                <tr>
-                    <td colspan="5">요청한 목록이 없습니다.</td>
-                </tr>
-            </c:if>
-            </tbody>
-        </table>
+          </c:forEach>
+        </c:if>
+        <c:if test="${count == 0}">
+          <tr>
+            <td colspan="5">요청한 목록이 없습니다.</td>
+          </tr>
+        </c:if>
+        </tbody>
+      </table>
     </div>
-    <div class="text-page">
-        <form:hidden path="pageIndex"/></form:form>
-        <nav aria-label="Page navigation">
-            <ul class="pagination justify-content-center">
-                <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/>
-            </ul>
-        </nav>
+
+    <div class="col-12 d-block d-sm-none">
+      <table class="table table-hover text-center">
+        <tbody class="border-0 border-top border-bottom border-2 border-dark">
+          <c:if test="${count >= 1}">
+            <c:forEach var="item" items="${useHistoryList}">
+            <tr class="border-bottom">
+              <th class="bg-secondary" style="--bs-bg-opacity: .5">소속</th>
+              <td><c:out value="${item.company}"/></td>
+            </tr>
+            <tr class="border-bottom">
+              <th class="bg-secondary" style="--bs-bg-opacity: .5">담당자</th>
+              <td><c:out value="${item.name}"/></td>
+            </tr>
+            <tr class="border-bottom">
+              <th class="bg-secondary" style="--bs-bg-opacity: .5">동작</th>
+              <td>
+                <c:choose>
+                  <c:when test="${item.log_type eq '0'}">
+                    <span class="status-bar status-success">로그인</span>
+                  </c:when>
+                  <c:when test="${item.log_type eq '1'}">
+                    <span class="status-bar status-danger">로그아웃</span>
+                  </c:when>
+                  <c:when test="${item.log_type eq '2'}">
+                    <span class="status-bar status-warning">지도사용</span>
+                  </c:when>
+                </c:choose>
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <th class="bg-secondary" style="--bs-bg-opacity: .5">위치</th>
+              <td><c:out value="${item.reqArea}"/></td>
+            </tr>
+            <tr class="border-0 border-bottom border-2 border-dark">
+              <th class="bg-secondary" style="--bs-bg-opacity: .5">날짜</th>
+              <td class="td_date"><c:out value="${item.logDate}"/></td>
+            </tr>
+            </c:forEach>
+          </c:if>
+          <c:if test="${count == 0}">
+            <tr>
+              <td colspan="5">요청한 목록이 없습니다.</td>
+            </tr>
+          </c:if>
+        </tbody>
+      </table>
     </div>
+  </div>
+  <div class="text-page">
+    <form:hidden path="pageIndex"/></form:form>
+    <nav aria-label="Page navigation">
+      <ul class="pagination justify-content-center">
+        <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/>
+      </ul>
+    </nav>
+  </div>
 </div>