×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Text
Posted by: Nhan Tran
Added: Aug 7, 2021 1:02 PM
Views: 3655
Tags: no tags
  1. <%--
  2.     Document   : HomePage.jsp
  3.     Created on : Aug 5, 2021, 8:58:37 PM
  4.     Author     : TranViNhan
  5. --%>
  6.  
  7. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  8. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  9. <!DOCTYPE html>
  10.  
  11. <html>
  12.     <head>
  13.         <link href="css/class.css" rel="stylesheet" type="text/css"/>
  14.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  15.         <title>Homepage</title>
  16.     </head>
  17.     <body>
  18.  
  19.         <div class="container">
  20.             <jsp:include page="header.jsp">  
  21.                 <jsp:param name="active" value="home" />  
  22.             </jsp:include>
  23.             <div style="display:flex;min-height: calc(700px - 118px);">
  24.                 <div class="list">
  25.                     <div style="display:flex;align-content: center;justify-content: space-between;">
  26.                         <h1 >Table of Account</h1>
  27.                         <div style="margin: auto 0;flex-flow: 1;width: 70%;text-align: end">
  28.                             <form action="SearchAccountServlet">
  29.                                 <input name="txtSearch" style="width: 60%" type="text" placeholder="Search" value="${s}"/>
  30.                                 <button>Search</button>
  31.                             </form>
  32.                         </div>
  33.                     </div>
  34.                     <table id="myTable">
  35.                         <thead>
  36.                             <tr>
  37.                                 <th>ID</th>
  38.                                 <th>Username</th>
  39.                                 <th>Password</th>
  40.                                 <th>Role</th>
  41.                                 <th>Delete</th>
  42.                                 <th>Update</th>
  43.                             </tr>
  44.                         </thead>
  45.                         <tbody>
  46.                             <c:forEach items="${searchList}" var="a">
  47.                             <form action="UpdateAccount" method="POST">
  48.                                 <tr>
  49.                                     <td>${a.id}
  50.                                         <input type="hidden" name="aid" value="${a.id}" />
  51.                                     </td>
  52.                                     <td>
  53.                                         <input onchange="updateHandler(${a.id})" style="width:98%" type="text" name="txtUsername" value="${a.username}" />
  54.                                     </td>
  55.                                     <td>
  56.                                         <input onchange="updateHandler(${a.id})" style="width:98%" type="text" name="txtPassword" value=" ${a.password}" />
  57.                                     </td>
  58.                                     <td>
  59.                                         <input onchange="updateHandler(${a.id})" style="width:98%" type="text" name="txtRole" value=" ${a.role}" />
  60.                                     </td>
  61.                                     <td>
  62.                                         <button type="button" onclick="confirmDelete(${a.id})">
  63.                                             Delete
  64.                                         </button>
  65.                                     </td>
  66.                                     <td>
  67.                                         <button disabled id="updateButton${a.id}" type="submit">
  68.                                             Update
  69.                                         </button>
  70.                                     </td>
  71.                                 </tr>
  72.                             </form>
  73.                         </c:forEach>
  74.  
  75.                         </tbody>
  76.                     </table>
  77.                     <div style="display:flex;padding:10px;justify-content: center">
  78.                         <c:forEach begin="1" end="${searchCount}" var="i">
  79.                             <button id="${i}" onclick="window.location.href = 'SearchAccount?txtSearch=${s}&txtIndex=${i}'">
  80.                                 ${i}
  81.                             </button>
  82.                         </c:forEach>
  83.                     </div>
  84.                 </div>
  85.                 <div class="adding_page">
  86.                     <form  action="AddAccount">
  87.                         <div class="form">
  88.                             <label style="margin-top: 10px">Username</label>
  89.                             <input type="text" name="txtUsername" value="" la />
  90.                             <label style="margin-top: 10px">Password</label>
  91.                             <input type="password" name="txtPassword" value="" />
  92.                             <input style="margin-top: 20px" type="submit" value="Add" />
  93.                         </div>
  94.                     </form>
  95.                 </div>
  96.             </div>
  97.             <jsp:include page="footer.jsp"/>
  98.         </div>
  99.     </body>
  100.     <script>
  101.         document.getElementById(${index}).className = "active";
  102.         function confirmDelete(id) {
  103.             var option = confirm('Are you sure to delete ' + id);
  104.             if (option === true) {
  105.                 window.location.href = `DeleteAccount?aid=` + id;
  106.             }
  107.         }
  108.         function updateHandler(id) {
  109.            document.getElementById("updateButton"+id).disabled=false;
  110.         }
  111.     </script>
  112. </html>
  113.