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.
139 lines
6.8 KiB
139 lines
6.8 KiB
<!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>
|