GGWEB/src/main/webapp/WEB-INF/jsp/admin/request.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<script src="<c:url value="/js/admin/request.js"/>"></script>

<div class="section_content">
  <h1 class="h4 m-3">지도사용 요청</h1>
  <form:form commandName="useRequestSearchVO" name="searchForm" action="/admin/request" method="get">
  <input type="hidden" name="status" value="<c:out value="${useRequestSearchVO.status}" />"/>

  <div class="row justify-content-between bg-white mx-3">
    <div class="col-auto py-2">
      <ul class="nav nav-pills"  role="tablist">
        <li role="presentation" class="nav-item ms-2">
          <a class="nav-link ${empty useRequestSearchVO.status?'active':''}" href="/admin/request">전체</a>
        </li>
        <li role="presentation" class="nav-item">
          <a class="nav-link ${useRequestSearchVO.status eq '0'?'active':''}" href="/admin/request?status=0">승인</a>
        </li>
        <li role="presentation" class="nav-item">
          <a class="nav-link ${useRequestSearchVO.status eq '-1'?'active':''}" href="/admin/request?status=-1">반려</a>
        </li>
        <li role="presentation" class="nav-item">
          <a class="nav-link ${useRequestSearchVO.status eq '99'?'active':''}" href="/admin/request?status=99">승인대기(${statusCnt})</a>
        </li>
      </ul>
    </div>

    <div class="col-auto py-2 row">
      <div class="col-12 col-sm-4">
        <select class="form-select" name="searchCondition">
          <option value="all" ${useRequestSearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
          <option value="title" ${useRequestSearchVO.searchCondition eq 'title'?'selected':''}>작업명</option>
          <option value="name" ${useRequestSearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
          <option value="company" ${useRequestSearchVO.searchCondition eq 'company'?'selected':''}>소속</option>
        </select>
      </div>
      <div class="col-8 col-sm-5">
        <input type="text" class="form-control" name="searchKeyword" value="${userSearchVO.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">
    <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>
          <th>상태</th>
        </tr>
        </thead>
        <tbody>
        <c:if test="${count >= 1}">
          <c:forEach var="item" items="${useRequestList}" varStatus="idx">
            <tr class="clickAbleObj title-td" data-idx="${item.idx}">
              <td><c:out value="${item.idx}"/></td>
                <%--                        <td ><a href="/admin/request/ <c:out value='${item.idx}' />"><c:out value="${item.title}"/></a>--%>
              <td>${item.title}</td>
              <td><c:out value="${item.company}"/></td>
              <td><c:out value="${item.name}"/></td>
              <td class="td_date"><c:out value="${item.r_date}"/></td>
              <td>
                <c:choose>
                  <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>
          </c:forEach>
        </c:if>
        <c:if test="${count == 0}">
          <tr>
            <td colspan="6">요청한 목록이 없습니다.</td>
          </tr>
        </c:if>
        </tbody>
      </table>
    </div>
    <div class="col-12 d-block d-sm-none">
      <c:if test="${count >= 1}">
        <c:forEach var="item" items="${useRequestList}" varStatus="status">
          <div class="row text-center border-0 ${status.first?'border-top':''} border-bottom border-2 border-dark clickAbleObj title-td" data-idx="${item.idx}">
            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">번호</div>
            <div class="col-8 py-1 border-bottom"><c:out value="${item.idx}"/></div>
            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">작업명</div>
            <div class="col-8 py-1 border-bottom"><c:out value="${item.title}"/></div>
            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">소속</div>
            <div class="col-8 py-1 border-bottom"><c:out value="${item.company}"/></div>
            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">담당자</div>
            <div class="col-8 py-1 border-bottom"><c:out value="${item.name}"/></div>
            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">날짜</div>
            <div class="col-8 py-1 border-bottom td_date"><c:out value="${item.r_date}"/></div>
            <div class="col-4 py-1 bg-secondary fw-bold" style="--bs-bg-opacity: .3">상태</div>
            <div class="col-8 py-1">
              <c:choose>
                <c:when test="${item.status eq '99'}"><span class="status-bar status-warning w-50 my-0 mx-auto"><c:out value='승인대기'/></span></c:when>
                <c:when test="${item.status eq '0'}"><span class="status-bar status-success w-50 my-0 mx-auto"><c:out value='승인'/></span></c:when>
                <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger w-50 my-0 mx-auto"><c:out value='반려'/></span></c:when>
              </c:choose>
            </div>
          </div>
        </c:forEach>
      </c:if>
      <c:if test="${count == 0}">
        <div class="row text-center border-0 border-top border-bottom border-2 border-dark clickAbleObj title-td" data-idx="${item.idx}">
          <div class="col-12 py-2">요청한 목록이 없습니다.</div>
        </div>
      </c:if>
    </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>


<div class="modal fade" id="adminRequestModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="adminRequestModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="adminRequestModalLabel">지도 사용 요청</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body" id="adminRequestModalBody">

      </div>
    </div>
  </div>
</div>