Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Project_Bookmarket_따라하기 전체 다운로드
파일 목록
Project_Bookmarket_따라하기 > BookMarket/src/main/resources/templates/orderList.html Lines 99 | 5.9 KB
다운로드 

                        <html>
<head>
    <meta charset="UTF-8">
    <title>주문 목록</title>
    <link href="/BookMarket/css/bootstrap.min.css" rel="stylesheet">
    <script src="/BookMarket/js/controllers.js"></script>
</head>
<body>
<div class="container py-4">
    <header class="py-3 mb-4 border-bottom">
        <div class="container d-flex flex-wrap justify-content-center">
            <a href="/BookMarket/home" class="d-flex align-items-center link-body-emphasis text-body-emphasis text-decoration-none mb-3 mb-lg-0 me-lg-auto">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-book-half me-2" viewBox="0 0 16 16">
                    <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
                </svg>
                <span class="fs-4">BookMarket</span>
            </a>
        </div>
    </header>

    <div class="p-5 mb-4 bg-body-tertiary rounded-3">
        <div class="container-fluid py-5">
            <h1 class="display-5 fw-bold">주문 목록</h1>
            <p class="col-md-8 fs-4">BookMarket</p>
        </div>
    </div>

    <div class="row align-items-md-stretch">
        <div class="text-end" style="padding-right:30px">
            <form action="/BookMarket/logout" method="POST">
                <input type="submit" class="btn btn-sm btn-success" value="Logout"/>
            </form>
        </div>
        <div class="col-md-12">
            <form name="clearform" method="post">
                <input type="hidden" name="_method" value="delete"/>
                <a th:href="@{/order/deleteAll}" class="btn btn-danger" style="float:left">삭제하기</a>
            </form>
        </div>
        <div style="padding-top: 50px">
            <div class="text-end" style="padding-right:30px">전체 주문수: [[${totalItems}]]</div>
            <table class="table table-hover">
                <tr>
                    <th><a th:href="@{'/order/page?pageNum=' + ${currentPage} + '&sortField=orderId&sortDir=' + ${reverseSortDir}}">주문 ID</a></th>
                    <th><a th:href="@{'/order/page?pageNum=' + ${currentPage} + '&sortField=customerId&sortDir=' + ${reverseSortDir}}">고객 ID</a></th>
                    <th><a th:href="@{'/order/page?pageNum=' + ${currentPage} + '&sortField=shipping_id&sortDir=' + ${reverseSortDir}}">배송지</a></th>
                    <th><a th:href="@{'/order/page?pageNum=' + ${currentPage} + '&sortField=grandTotal&sortDir=' + ${reverseSortDir}}">총액</a></th>
                    <th>비고</th>
                </tr>
                <form name="removeForm" id="removeForm" method="post">
                    <input type="hidden" name="_method" value="delete"/>
                    <div th:each="order:${orderList}">
                        <tr>
                            <td th:text="${order.orderId}"></td>
                            <td th:text="${order.customer.id}"></td>
                            <td th:text="${order.shipping.address.addressname}"></td>
                            <td th:text="${order.grandTotal}"></td>
                            <td>
                                <a th:href="@{'/order/view/' + ${order.orderId}}"><span class="badge text-bg-secondary" th:text="상세보기"></span></a>
                                <a th:href="@{'/order/edit/' + ${order.orderId}}"><span class="badge text-bg-info" th:text="수정"></span></a>
                                <a th:href="@{'/order/delete/' + ${order.orderId}}"><span class="badge text-bg-danger" th:text="삭제"></span></a>
                            </td>
                        </tr>
                    </div>
                </form>
            </table>
            <div>&nbsp;</div>
            <div><i>Sorted by [[${sortField}]] in [[${sortDir}]] order</i></div>
            <div>&nbsp;</div>

            <div th:if="${totalPages > 1}" class="text-center"> <a th:if="${currentPage > 1}" th:href="@{'/order/page?pageNum=1' + '&sortField=' + ${sortField} + '&sortDir=' + ${sortDir}}">First</a>
                <span th:unless="${currentPage > 1}">First</span>

                &nbsp;&nbsp;
                <a th:if="${currentPage > 1}" th:href="@{'/order/page?pageNum=' + (${currentPage - 1}) + '&sortField=' + ${sortField} + '&sortDir=' + ${sortDir}}">Previous</a>
                <span th:unless="${currentPage > 1}">Previous</span>

                &nbsp;&nbsp;
                <span th:each="i: ${#numbers.sequence (1, totalPages)}">
                    <a th:if="${currentPage != i}" th:href="@{'/order/page?pageNum=' + ${i} + '&sortField=' + ${sortField} + '&sortDir=' + ${sortDir}}">[[${i}]]</a>
                    <span th:unless="${currentPage != i}">[[${i}]]</span>
                    &nbsp;
                </span>

                <a th:if="${currentPage < totalPages}" th:href="@{'/order/page?pageNum=' + (${currentPage + 1}) + '&sortField=' + ${sortField} + '&sortDir=' + ${sortDir}}">Next</a>
                <span th:unless="${currentPage < totalPages}">Next</span>

                &nbsp;&nbsp;
                <a th:if="${currentPage < totalPages}" th:href="@{'/order/page?pageNum=' + ${totalPages} + '&sortField=' + ${sortField} + '&sortDir=' + ${sortDir}}">Last</a>
                <span th:unless="${currentPage < totalPages}">Last</span>
            </div>
        </div>
        <footer class="pt-3 mt-4 text-body-secondary border-top">
            <span class="text-body-secondary">&copy; BookMarket</span>
        </footer>
    </div>
</div>
</body>
</html>