You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org" lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Adjustment File Management System</title>
<!-- Include CSS --> <link rel="stylesheet" type="text/css" th:href="@{/css/body-form-styles.css}"> <link rel="stylesheet" type="text/css" th:href="@{/css/datatable-styles.css}"> <link rel="stylesheet" type="text/css" th:href="@{/css/home-styles.css}"> <link rel="stylesheet" type="text/css" th:href="@{/css/view-file-styles.css}"> <link rel="stylesheet" type="text/css" th:href="@{/css/btn-secondary-styles.css}">
<!-- CSRF Tokens --> <meta name="_csrf" th:content="${_csrf.token}" /> <meta name="_csrf_header" th:content="${_csrf.headerName}" />
<!-- Header Fragment --> <th:block th:replace="~{fragments/header :: header}"></th:block>
</head>
<body> <!-- Navigation --> <th:block th:replace="~{fragments/navbar :: navbar(${curPage})}"></th:block>
<div class="container"> <div class="form-container"> <div class="header-row"> <button class="back-button" onclick="goBack()">← Back</button> </div> <h2 class="form-title">Elcot OC Remainders Details</h2> <!-- Button and Filter Bar --> <div class="row mb-3"> <!-- Adds spacing and a responsive layout --> <div class="col-12 col-md-8 mb-2 mb-md-0"> <!-- Buttons on the left --> <div class="btn-group" role="group" aria-label="Options"> <button type="button" th:onclick="|window.location.href='@{/oc-file/add-oc-file}'|" class="btn btn-secondary"> <i class="fa-solid fa-file-pen"></i> Add OC File </button> <button class="btn btn-secondary" id="export-excel" name="export-excel"> <i class="fas fa-file-excel"></i> Export Excel </button> <button class="btn btn-secondary" id="export-pdf" name="export-pdf"> <i class="fas fa-file-pdf"></i> Export PDF </button> </div> </div> <!-- <div class="col-12 col-md-8 mb-2 mb-md-0" style="padding-top:5px">
</div> --> </div> <div class="row mb-3"> <div class="col-md-6 form-group"> <label for="filter-file-num" id="filter-file-num-lbl">Filter By File Number : </label> <input list="file-num-list" class="form-control" id="filter-file-num" name="filter-file-num" autocomplete="off" placeholder="Select File Number"> <datalist id="file-num-list"> <!-- Options will be filled by JavaScript --> </datalist> </div> <div class="col-md-6 form-group"> <label for="filter-vend-name" id="filter-vend-name-lbl">Filter By Vendor Name : </label> <input list="vend-name-list" class="form-control" id="filter-vend-name" name="filter-vend-name" autocomplete="off" placeholder="Select Vendor Name"> <datalist id="vend-name-list"> <!-- Options will be filled by JavaScript --> </datalist> </div> </div> <div class="row mb-3"> <div class="col-md-4" id="custom-length"></div> </div>
<div class="table-responsive"> <table class="det-table" id="oc-file-det-tbl"> <thead> <tr class="table-header"> <th>S.No</th> <th class="text-center">File Number</th> <th class="text-center">Vendor Name</th> <th class="text-center">Subject</th> <th class="text-center">Upload Date</th> <th class="text-center">OC File</th> </tr> </thead> <tbody> <tr th:each="ocFile : ${ocFileDataList}" th:attr="data-file-num=${ocFile.fileDataNum}"> <!-- <tr th:each="ocFile : ${ocFileDataList}" th:attr="data-file-num=${ocFile.fileDataNum}"
onclick="if(!event.target.closest('button')) window.location.href='/file/view-file-det?file-num=' + this.dataset.fileNum" style="cursor: pointer;"> --> <td></td> <!-- File Number --> <td class="text-center" th:text="${ocFile.fileDataNum}"></td> <!-- Vendor Name --> <td th:text="${ocFile.vendName != null and ocFile.vendName != '-' ? ocFile.vendName : 'None'}"> </td> <!-- Subject --> <td th:text="${ocFile.ocFileSub}"></td> <!-- Upload Date --> <td th:with="uplDate=${#dates.format(ocFile.ocFileUplDate, 'dd-MM-yyyy')}" th:text="${ocFile.ocFileUplDate != null and uplDate != '01-01-1970' ? uplDate : 'N/A'}"> </td> <!-- OC File Link --> <td class="text-center"> <button th:attr="data-path=${ocFile.ocFilePath}, data-file-num=${ocFile.fileDataNum}" onclick="viewFileInModal(this.dataset.fileNum, 'OC', this.dataset.path)" class="btn" type="button"> <i class="fas fa-light fa-eye" style="cursor: pointer"></i> </button> </td> </tr> </tbody> </table> </div>
<br /> <div class="row mb-3"> <div class="col-md-4 text-center" id="custom-info"></div> <div class="col-md-8" id="custom-pagination"></div> </div> <th:block th:replace="~{fragments/export-pdf :: export-pdf}"></th:block> </div> </div>
<th:block th:replace="~{modal/pdf-modal :: pdf-modal}"></th:block>
<!-- Footer Fragment --> <th:block th:replace="~{fragments/footer :: footer}"></th:block>
<!-- Custom JS --> <script th:src="@{/js/view-oc-file-script.js}" type="text/javascript"></script></body>
</html>
|
