diff --git a/src/main/java/net/codejava/AppController.java b/src/main/java/net/codejava/AppController.java
old mode 100755
new mode 100644
index 7714c66..afc8b28
--- a/src/main/java/net/codejava/AppController.java
+++ b/src/main/java/net/codejava/AppController.java
@@ -1,272 +1,262 @@
-package net.codejava;
-
-import java.util.List;
-import javax.servlet.http.HttpServletRequest;
-import javax.servlet.http.HttpServletResponse;
-import javax.transaction.Transactional;
-
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Value;
-import org.springframework.data.domain.Pageable;
-import org.springframework.security.core.context.SecurityContextHolder;
-import org.springframework.stereotype.Controller;
-import org.springframework.ui.Model;
-// import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.ModelAttribute;
-import org.springframework.web.bind.annotation.PathVariable;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RequestMethod;
-import org.springframework.web.servlet.ModelAndView;
-import org.springframework.web.servlet.mvc.support.RedirectAttributes;
-
-import java.io.BufferedWriter;
-import java.io.IOException;
-import java.io.OutputStreamWriter;
-import java.security.Principal;
-import java.time.LocalDate;
-
-import org.springframework.security.authentication.AuthenticationManager;
-import org.springframework.security.authentication.BadCredentialsException;
-import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
-import org.springframework.security.core.Authentication;
-import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.data.domain.PageRequest; // Add this import statement
-import org.springframework.data.domain.Page; // Add this import statement
-// import org.springframework.data.domain.Sort;
-import org.springframework.data.jpa.repository.config.EnableJpaRepositories;
-import org.springframework.dao.DuplicateKeyException;
-import java.util.Date;
-import javax.servlet.http.HttpSession;
-// improt MultipartFile class
-import org.springframework.web.multipart.MultipartFile;
-// import portMaooing class
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PostMapping;
-// bufferedReader
-import java.io.BufferedReader;
-import java.io.InputStreamReader;
-import java.util.ArrayList;
-import java.time.format.DateTimeFormatter;
-import java.time.LocalDateTime;
-import java.time.ZoneId;
-
-@EnableJpaRepositories(basePackages = "net.codejava")
-@Controller
-@Transactional
-public class AppController {
-
- /**
- *
- */
- @Autowired
- private SalesDAO dao;
-
- @Autowired
- private AuthenticationManager authenticationManager;
-
- // private static final Logger logger = Logger.getLogger(AppController.class.getName());
-
- @Value("${enableSearchFeature}")
- private boolean enableSearchFeature;
-
- public boolean getEnableSearchFeature() {
- return this.enableSearchFeature;
- }
-
- private String handleSale(Sale sale, HttpSession session, RedirectAttributes redirectAttributes, Runnable action) {
- sale.setEditing(true); // set isEditing to true
- action.run();
- sale.setEditing(false); // set isEditing to false after action is performed successfully
-
- String lastSearchQuery = (String) session.getAttribute("lastSearchQuery");
- if (lastSearchQuery != null && !lastSearchQuery.isEmpty()) {
- redirectAttributes.addAttribute("fromSearch", true);
- return "redirect:/search?q=" + lastSearchQuery;
- } else {
- return "redirect:/";
- }
- }
-
- @RequestMapping("/")
- public String viewHomePage(Model model , Principal principal, @RequestParam(defaultValue = "0") int page, HttpSession session) {
- String lastSearchQuery = (String) session.getAttribute("lastSearchQuery");
- if (lastSearchQuery != null && !lastSearchQuery.isEmpty()) {
- session.setAttribute("lastSearchQuery", null); // set lastSearchQuery to null
- }
-
- int pageSize = 20; // number of records per page
- Pageable pageable = PageRequest.of(page, pageSize);
- Page<Sale> salePage = dao.findAll(pageable);
-
- model.addAttribute("enableSearchFeature", enableSearchFeature);
- model.addAttribute("listSale", salePage.getContent());
- model.addAttribute("currentPage", page);
- model.addAttribute("totalPages", salePage.getTotalPages());
- return "index";
- }
-
- @RequestMapping("/new")
- public ModelAndView showNewForm() {
- ModelAndView mav = new ModelAndView("new_form");
- Sale sale = new Sale();
- mav.addObject("sale", sale);
- mav.addObject("currentDate", LocalDate.now());
- mav.addObject("enableSearchFeature", enableSearchFeature);
- return mav;
- }
-
- @RequestMapping("/edit/{serialNumber}")
- public ModelAndView showEditForm(@PathVariable(name = "serialNumber") String serialNumber) {
- ModelAndView mav = new ModelAndView("edit_form");
- Sale sale = dao.get(serialNumber);
- sale.setEditing(true);
- mav.addObject("sale", sale);
- mav.addObject("enableSearchFeature", enableSearchFeature);
- return mav;
- }
-
- @RequestMapping("/search")
- public String search(@ModelAttribute("q") String query, Model model, HttpSession session) {
- List<Sale> listSale = dao.search(query);
- model.addAttribute("listSale", listSale);
-
- boolean enableSearchFeature = true;
- model.addAttribute("enableSearchFeature", enableSearchFeature);
- session.setAttribute("lastSearchQuery", query); // save the last search query in the session
- return "search";
- }
-
- @RequestMapping(value = "/save", method = RequestMethod.POST)
- public String save(@ModelAttribute("sale") Sale sale, Model model, HttpSession session, RedirectAttributes redirectAttributes) {
- boolean originalEnableSearchFeature = this.enableSearchFeature; // store the original value
-
- try {
- if (sale.getDate() == null) {
- sale.setDate(new Date());
- }
- dao.save(sale);
- sale.setEditing(false);
- } catch (DuplicateKeyException e) {
- sale.setSerialNumber(null); // clear the serial number
- model.addAttribute("sale", sale); // add the sale object to the model
- model.addAttribute("errorMessage", e.getMessage());
-
- model.addAttribute("enableSearchFeature", originalEnableSearchFeature); // use the original value
-
- return "new_form"; // return the form view
- }
-
- return "redirect:/";
- }
-
- @RequestMapping(value = "/login", method = RequestMethod.GET)
- public String loginGet(Model model) {
- return "login";
- }
-
- @RequestMapping(value = "/login", method = RequestMethod.POST)
- public String loginPost(HttpServletRequest request, Model model) {
- String username = request.getParameter("username");
- String password = request.getParameter("password");
-
- // Authenticate the user
- Authentication auth = new UsernamePasswordAuthenticationToken(username, password);
- try {
- auth = authenticationManager.authenticate(auth);
- SecurityContextHolder.getContext().setAuthentication(auth);
- } catch (BadCredentialsException e) {
- model.addAttribute("error", "Invalid username or password.");
- return "login";
- }
-
- // User is authenticated, redirect to landing page
- return "redirect:/";
- }
-
- @RequestMapping(value = "/update", method = RequestMethod.POST)
- public String update(@ModelAttribute("sale") Sale sale, HttpSession session, RedirectAttributes redirectAttributes) {
- return handleSale(sale, session, redirectAttributes, () -> dao.update(sale));
- }
-
- @RequestMapping("/delete/{serialNumber}")
- public String delete(@PathVariable(name = "serialNumber") String serialNumber, HttpSession session, RedirectAttributes redirectAttributes) {
- Sale sale = dao.get(serialNumber);
- return handleSale(sale, session, redirectAttributes, () -> dao.delete(serialNumber));
- }
-
- @RequestMapping("/clear/{serialNumber}")
- public String clearRecord(@PathVariable(name = "serialNumber") String serialNumber, HttpSession session, RedirectAttributes redirectAttributes) {
- Sale sale = dao.get(serialNumber);
- return handleSale(sale, session, redirectAttributes, () -> dao.clearRecord(serialNumber));
- }
-
- @RequestMapping("/export")
- public void exportToCSV(HttpServletResponse response) throws IOException {
- response.setContentType("text/csv");
- response.setHeader("Content-Disposition", "attachment; filename=sales.csv");
- List<Sale> listSale = dao.listAll();
- // create a writer
- BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(response.getOutputStream()));
- // write header line
- writer.write("Serial Number, Date, Amount, Item Name");
- writer.newLine();
- // write data lines
- for (Sale sale : listSale) {
- String line = String.format("%s, %s, %s, %s", sale.getSerialNumber(), sale.getDate(), sale.getAmount(), sale.getItem());
- writer.write(line);
- writer.newLine();
- }
- writer.flush();
- }
-
- @PostMapping("/import")
- public String uploadFile(@RequestParam("file") MultipartFile file, RedirectAttributes redirectAttributes) {
- try {
- // Parse the file
- BufferedReader reader = new BufferedReader(new InputStreamReader(file.getInputStream()));
-
- // Validate the header
- String line = reader.readLine(); // Read the first line
- if (line == null || !line.equals("Serial Number,Item Name,Amount,Quantity,Date")) {
- throw new IllegalArgumentException("Invalid header. Expected 'Serial Number,Item Name,Amount,Quantity,Date'");
- }
-
- // Validate the rest of the file
- while ((line = reader.readLine()) != null) {
- String[] fields = line.split(",");
- if (fields.length != 5) {
- throw new IllegalArgumentException("Invalid line. Each line should contain exactly 5 fields separated by commas.");
- }
- }
-
- // If the file format is valid, convert it to a list of Sale objects
- List<Sale> sales = new ArrayList<>();
- reader = new BufferedReader(new InputStreamReader(file.getInputStream())); // Reset the reader
- reader.readLine(); // Skip the header
- while ((line = reader.readLine()) != null) {
- String[] fields = line.split(",");
- Sale sale = new Sale();
- sale.setSerialNumber(fields[0].trim());
- sale.setItem(fields[1].trim());
-
- // Convert LocalDate to Date
- DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd");
- LocalDate date = LocalDate.parse(fields[4].trim(), formatter);
- Date sqlDate = Date.from(date.atStartOfDay(ZoneId.systemDefault()).toInstant());
- sale.setDate(sqlDate);
-
- sale.setAmount((float) Double.parseDouble(fields[2].trim()));
- sale.setQuantity(Integer.parseInt(fields[3].trim()));
- sales.add(sale);
- }
-
- // If the file format is valid, call the upload method
- dao.saveAll(sales);
- redirectAttributes.addFlashAttribute("message", "Successfully saved the list of Sale objects to the database");
- System.out.println("Successfully saved the list of Sale objects to the database");
- } catch (Exception e) {
- System.out.println("Error calling dao.saveAll(sales): " + e.getMessage());
- }
- return "redirect:/";
- }
-}
+package net.codejava;
+
+import java.util.List;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.transaction.Transactional;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.data.domain.Pageable;
+import org.springframework.security.core.context.SecurityContextHolder;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.servlet.ModelAndView;
+import org.springframework.web.servlet.mvc.support.RedirectAttributes;
+
+import java.io.BufferedWriter;
+import java.io.IOException;
+import java.io.OutputStreamWriter;
+import java.security.Principal;
+import java.time.LocalDate;
+
+import org.springframework.security.authentication.AuthenticationManager;
+import org.springframework.security.authentication.BadCredentialsException;
+import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
+import org.springframework.security.core.Authentication;
+import org.springframework.data.domain.PageRequest;
+import org.springframework.data.domain.Page;
+import org.springframework.data.jpa.repository.config.EnableJpaRepositories;
+import org.springframework.dao.DuplicateKeyException;
+import java.util.Date;
+import javax.servlet.http.HttpSession;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import java.io.BufferedReader;
+import java.io.InputStreamReader;
+import java.util.ArrayList;
+import java.time.format.DateTimeFormatter;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+
+@EnableJpaRepositories(basePackages = "net.codejava")
+@Controller
+@Transactional
+public class AppController {
+
+ @Autowired
+ private SalesDAO dao;
+
+ @Autowired
+ private AuthenticationManager authenticationManager;
+
+ @Value("${enableSearchFeature}")
+ private boolean enableSearchFeature;
+
+ public boolean getEnableSearchFeature() {
+ return this.enableSearchFeature;
+ }
+
+ private String handleSale(Sale sale, HttpSession session, RedirectAttributes redirectAttributes, Runnable action) {
+ sale.setEditing(true);
+ action.run();
+ sale.setEditing(false);
+
+ String lastSearchQuery = (String) session.getAttribute("lastSearchQuery");
+ if (lastSearchQuery != null && !lastSearchQuery.isEmpty()) {
+ redirectAttributes.addAttribute("fromSearch", true);
+ return "redirect:/search?q=" + lastSearchQuery;
+ } else {
+ return "redirect:/";
+ }
+ }
+
+ @RequestMapping("/")
+ public String viewHomePage(Model model , Principal principal, @RequestParam(defaultValue = "0") int page, HttpSession session) {
+ String lastSearchQuery = (String) session.getAttribute("lastSearchQuery");
+ if (lastSearchQuery != null && !lastSearchQuery.isEmpty()) {
+ session.setAttribute("lastSearchQuery", null);
+ }
+
+ int pageSize = 20;
+ Pageable pageable = PageRequest.of(page, pageSize);
+ Page<Sale> salePage = dao.findAll(pageable);
+
+ model.addAttribute("enableSearchFeature", enableSearchFeature);
+ model.addAttribute("listSale", salePage.getContent());
+ model.addAttribute("currentPage", page);
+ model.addAttribute("totalPages", salePage.getTotalPages());
+ return "index";
+ }
+
+ @RequestMapping("/new")
+ public ModelAndView showNewForm() {
+ ModelAndView mav = new ModelAndView("new_form");
+ Sale sale = new Sale();
+ mav.addObject("sale", sale);
+ mav.addObject("currentDate", LocalDate.now());
+ mav.addObject("enableSearchFeature", enableSearchFeature);
+ return mav;
+ }
+
+ @RequestMapping("/edit/{serialNumber}")
+ public ModelAndView showEditForm(@PathVariable(name = "serialNumber") String serialNumber) {
+ ModelAndView mav = new ModelAndView("edit_form");
+ Sale sale = dao.get(serialNumber);
+ sale.setEditing(true);
+ mav.addObject("sale", sale);
+ mav.addObject("enableSearchFeature", enableSearchFeature);
+ return mav;
+ }
+
+ @RequestMapping(value = "/search", method = RequestMethod.GET, produces = "application/json")
+ @ResponseBody
+ public String search(@RequestParam("q") String query, Model model, HttpSession session) {
+ List<Sale> listSale = dao.search(query);
+ model.addAttribute("listSale", listSale);
+
+ boolean enableSearchFeature = true;
+ model.addAttribute("enableSearchFeature", enableSearchFeature);
+ session.setAttribute("lastSearchQuery", query);
+
+ try {
+ ObjectMapper mapper = new ObjectMapper();
+ String json = mapper.writeValueAsString(listSale);
+ return json;
+ } catch (IOException e) {
+ return "[]";
+ }
+ }
+
+ @RequestMapping(value = "/save", method = RequestMethod.POST)
+ public String save(@ModelAttribute("sale") Sale sale, Model model, HttpSession session, RedirectAttributes redirectAttributes) {
+ boolean originalEnableSearchFeature = this.enableSearchFeature;
+
+ try {
+ if (sale.getDate() == null) {
+ sale.setDate(new Date());
+ }
+ dao.save(sale);
+ sale.setEditing(false);
+ } catch (DuplicateKeyException e) {
+ sale.setSerialNumber(null);
+ model.addAttribute("sale", sale);
+ model.addAttribute("errorMessage", e.getMessage());
+
+ model.addAttribute("enableSearchFeature", originalEnableSearchFeature);
+
+ return "new_form";
+ }
+
+ return "redirect:/";
+ }
+
+ @RequestMapping(value = "/login", method = RequestMethod.GET)
+ public String loginGet(Model model) {
+ return "login";
+ }
+
+ @RequestMapping(value = "/login", method = RequestMethod.POST)
+ public String loginPost(HttpServletRequest request, Model model) {
+ String username = request.getParameter("username");
+ String password = request.getParameter("password");
+
+ Authentication auth = new UsernamePasswordAuthenticationToken(username, password);
+ try {
+ auth = authenticationManager.authenticate(auth);
+ SecurityContextHolder.getContext().setAuthentication(auth);
+ } catch (BadCredentialsException e) {
+ model.addAttribute("error", "Invalid username or password.");
+ return "login";
+ }
+
+ return "redirect:/";
+ }
+
+ @RequestMapping(value = "/update", method = RequestMethod.POST)
+ public String update(@ModelAttribute("sale") Sale sale, HttpSession session, RedirectAttributes redirectAttributes) {
+ return handleSale(sale, session, redirectAttributes, () -> dao.update(sale));
+ }
+
+ @RequestMapping("/delete/{serialNumber}")
+ public String delete(@PathVariable(name = "serialNumber") String serialNumber, HttpSession session, RedirectAttributes redirectAttributes) {
+ Sale sale = dao.get(serialNumber);
+ return handleSale(sale, session, redirectAttributes, () -> dao.delete(serialNumber));
+ }
+
+ @RequestMapping("/clear/{serialNumber}")
+ public String clearRecord(@PathVariable(name = "serialNumber") String serialNumber, HttpSession session, RedirectAttributes redirectAttributes) {
+ Sale sale = dao.get(serialNumber);
+ return handleSale(sale, session, redirectAttributes, () -> dao.clearRecord(serialNumber));
+ }
+
+ @RequestMapping("/export")
+ public void exportToCSV(HttpServletResponse response) throws IOException {
+ response.setContentType("text/csv");
+ response.setHeader("Content-Disposition", "attachment; filename=sales.csv");
+ List<Sale> listSale = dao.listAll();
+ BufferedWriter writer = new BufferedWriter(new OutputStreamWriter(response.getOutputStream()));
+ writer.write("Serial Number, Date, Amount, Item Name");
+ writer.newLine();
+ for (Sale sale : listSale) {
+ String line = String.format("%s, %s, %s, %s", sale.getSerialNumber(), sale.getDate(), sale.getAmount(), sale.getItem());
+ writer.write(line);
+ writer.newLine();
+ }
+ writer.flush();
+ }
+
+ @PostMapping("/import")
+ public String uploadFile(@RequestParam("file") MultipartFile file, RedirectAttributes redirectAttributes) {
+ try {
+ BufferedReader reader = new BufferedReader(new InputStreamReader(file.getInputStream()));
+
+ String line = reader.readLine();
+ if (line == null || !line.equals("Serial Number,Item Name,Amount,Quantity,Date")) {
+ throw new IllegalArgumentException("Invalid header. Expected 'Serial Number,Item Name,Amount,Quantity,Date'");
+ }
+
+ while ((line = reader.readLine()) != null) {
+ String[] fields = line.split(",");
+ if (fields.length != 5) {
+ throw new IllegalArgumentException("Invalid line. Each line should contain exactly 5 fields separated by commas.");
+ }
+ }
+
+ List<Sale> sales = new ArrayList<>();
+ reader = new BufferedReader(new InputStreamReader(file.getInputStream()));
+ reader.readLine();
+ while ((line = reader.readLine()) != null) {
+ String[] fields = line.split(",");
+ Sale sale = new Sale();
+ sale.setSerialNumber(fields[0].trim());
+ sale.setItem(fields[1].trim());
+
+ DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd");
+ LocalDate date = LocalDate.parse(fields[4].trim(), formatter);
+ Date sqlDate = Date.from(date.atStartOfDay(ZoneId.systemDefault()).toInstant());
+ sale.setDate(sqlDate);
+
+ sale.setAmount((float) Double.parseDouble(fields[2].trim()));
+ sale.setQuantity(Integer.parseInt(fields[3].trim()));
+ sales.add(sale);
+ }
+
+ dao.saveAll(sales);
+ redirectAttributes.addFlashAttribute("message", "Successfully saved the list of Sale objects to the database");
+ System.out.println("Successfully saved the list of Sale objects to the database");
+ } catch (Exception e) {
+ System.out.println("Error calling dao.saveAll(sales): " + e.getMessage());
+ }
+ return "redirect:/";
+ }
+}
diff --git a/src/main/resources/static/js/search.js b/src/main/resources/static/js/search.js
index c55f1b4..8a8d91f 100644
--- a/src/main/resources/static/js/search.js
+++ b/src/main/resources/static/js/search.js
@@ -1,6 +1,21 @@
-document.getElementById('searchForm').addEventListener('submit', function(e) {
- e.preventDefault();
+// Debounce function to limit the rate at which a function can fire.
+function debounce(func, wait, immediate) {
+ var timeout;
+ return function() {
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+ if (!immediate) func.apply(context, args);
+ };
+ var callNow = immediate && !timeout;
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+ if (callNow) func.apply(context, args);
+ };
+};
+// Function to handle the search input and update the search results dynamically.
+function handleSearchInput() {
var input = document.getElementById('search').value;
var resultsDiv = document.getElementById('searchResults');
resultsDiv.innerHTML = 'Loading...';
@@ -26,4 +41,7 @@ document.getElementById('searchForm').addEventListener('submit', function(e) {
console.error('Error:', error);
resultsDiv.innerHTML = 'An error occurred while performing the search.';
});
-});
\ No newline at end of file
+}
+
+// Attach the debounced event listener to the search input field.
+document.getElementById('search').addEventListener('input', debounce(handleSearchInput, 2000));
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
old mode 100755
new mode 100644
index cd45aa3..2bc7cdc
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -1,82 +1,82 @@
-<!DOCTYPE html>
-<html xmlns:th="http://www.thymeleaf.org">
-<head>
- <meta charset="UTF-8">
- <link rel="stylesheet" type="text/css" href="css/styles.css">
- <script th:inline="javascript">
- /*<![CDATA[*/
- window.enableSearchFeature = /*[[${enableSearchFeature}]]*/ 'default';
- /*]]>*/
- </script>
- <script>
- window.onload = function() {
- if (!window.enableSearchFeature) {
- document.getElementById('searchFeature').style.display = 'none';
- }
- };
- </script>
- <script src="js/styles.js"></script>
-</head>
-<body>
- <div align="center" th:if="${listSale}">
- <h1>Inventory Records</h1>
- <a href="/new" class="modern-button">Enter New Product</a>
- <a href="/export" class="modern-button">Export to CSV</a>
- <form id="uploadForm" style="display: none;">
- <input type="file" id="csvFile" name="file" accept=".csv">
- <button type="submit" id="submitBtn">Submit</button>
- </form>
- <label for="csvFile" class="modern-button">Import from CSV</label>
- <div id="errorMessage" style="color: red;"></div>
- <script src="js/upload_csv.js"></script>
- <script src="js/search.js"></script>
- <br><br>
- <div id="searchFeature">
- <form id="searchForm" action="/search" method="get">
- <label for="search">Search for item:</label>
- <input type="text" id="search" name="q" />
- <button type="submit">Search</button>
- </form>
- </div>
- <div id="searchResults"></div>
- <br />
- <div>
- <a th:if="${currentPage > 0}" th:href="@{/?(page=${currentPage - 1})}">Previous</a>
- <span th:text="${currentPage + 1}"></span> / <span th:text="${totalPages}"></span>
- <a th:if="${currentPage < totalPages - 1}" th:href="@{/?(page=${currentPage + 1})}">Next</a>
- </div>
- <br />
- <form th:action="@{/logout}" method="post">
- <!-- <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" /> -->
- <input type="submit" value="Logout" />
- </form>
- <br />
- <div class="main-table">
- <table style="width: 35%" border="1" cellpadding="10" class="main-table">
- <thead>
- <tr>
- <th>Serial Number</th>
- <th>Item Name</th>
- <th>Quantity</th>
- <th>Amount</th>
- <th>Actions</th>
- </tr>
- </thead>
- <tbody>
- <tr th:each="sale : ${listSale}">
- <td th:text="${sale.serialNumber}">serial Number</td>
- <td th:text="${sale.item}">Item Name</td>
- <td th:text="${sale.quantity}">Quantity</td>
- <td th:text="${sale.amount}">Amount</td>
- <td class="actions">
- <a class="button" th:href="@{'/edit/' + ${sale.serialNumber}}">Edit</a>
- <a class="button" th:href="@{'/delete/' + ${sale.serialNumber}}" onclick="return confirm('Delete: This action is irreversible. Are you sure you want to delete the sale record?')" style="color: red;">Delete</a>
- <a class="button" th:href="@{'/clear/' + ${sale.serialNumber}}" onclick="return confirm('Clear: This action is irreversible. Are you sure you want to clear the sale record?')" style="color: #ff7f7f;">Clear</a>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
-</body>
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head>
+ <meta charset="UTF-8">
+ <link rel="stylesheet" type="text/css" href="css/styles.css">
+ <script th:inline="javascript">
+ /*<![CDATA[*/
+ window.enableSearchFeature = /*[[${enableSearchFeature}]]*/ 'default';
+ /*]]>*/
+ </script>
+ <script>
+ window.onload = function() {
+ if (!window.enableSearchFeature) {
+ document.getElementById('searchFeature').style.display = 'none';
+ }
+ };
+ </script>
+ <script src="js/styles.js"></script>
+</head>
+<body>
+ <div align="center" th:if="${listSale}">
+ <h1>Inventory Records</h1>
+ <a href="/new" class="modern-button">Enter New Product</a>
+ <a href="/export" class="modern-button">Export to CSV</a>
+ <form id="uploadForm" style="display: none;">
+ <input type="file" id="csvFile" name="file" accept=".csv">
+ <button type="submit" id="submitBtn">Submit</button>
+ </form>
+ <label for="csvFile" class="modern-button">Import from CSV</label>
+ <div id="errorMessage" style="color: red;"></div>
+ <script src="js/upload_csv.js"></script>
+ <script src="js/search.js"></script>
+ <br><br>
+ <div id="searchFeature">
+ <form id="searchForm" action="/search" method="get">
+ <label for="search">Search for item:</label>
+ <input type="text" id="search" name="q" placeholder="Start typing to search..." />
+ <button type="submit">Search</button>
+ </form>
+ </div>
+ <div id="searchResults"></div>
+ <br />
+ <div>
+ <a th:if="${currentPage > 0}" th:href="@{/?(page=${currentPage - 1})}">Previous</a>
+ <span th:text="${currentPage + 1}"></span> / <span th:text="${totalPages}"></span>
+ <a th:if="${currentPage < totalPages - 1}" th:href="@{/?(page=${currentPage + 1})}">Next</a>
+ </div>
+ <br />
+ <form th:action="@{/logout}" method="post">
+ <!-- <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" /> -->
+ <input type="submit" value="Logout" />
+ </form>
+ <br />
+ <div class="main-table">
+ <table style="width: 35%" border="1" cellpadding="10" class="main-table">
+ <thead>
+ <tr>
+ <th>Serial Number</th>
+ <th>Item Name</th>
+ <th>Quantity</th>
+ <th>Amount</th>
+ <th>Actions</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr th:each="sale : ${listSale}">
+ <td th:text="${sale.serialNumber}">serial Number</td>
+ <td th:text="${sale.item}">Item Name</td>
+ <td th:text="${sale.quantity}">Quantity</td>
+ <td th:text="${sale.amount}">Amount</td>
+ <td class="actions">
+ <a class="button" th:href="@{'/edit/' + ${sale.serialNumber}}">Edit</a>
+ <a class="button" th:href="@{'/delete/' + ${sale.serialNumber}}" onclick="return confirm('Delete: This action is irreversible. Are you sure you want to delete the sale record?')" style="color: red;">Delete</a>
+ <a class="button" th:href="@{'/clear/' + ${sale.serialNumber}}" onclick="return confirm('Clear: This action is irreversible. Are you sure you want to clear the sale record?')" style="color: #ff7f7f;">Clear</a>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</body>
+</html>