home.jsp
unknown
plain_text
a year ago
11 kB
2
Indexable
<%-- Document : home Created on : Oct 17, 2023, 9:30:26 PM Author : Ducnv --%>
<%@page import="Models.Account"%>
<%@page import="DAOs.AccountDAO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Models.Products"%>
<%@page import="DAOs.ProductDAO"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="head.jsp">
<jsp:param name="title" value="Home"/>
</jsp:include>
<link rel="stylesheet" href="/public/assets/css/home.css"/>
<link rel="stylesheet" href="<%out.print(request.getContextPath());%>/public/assets/css/toast.css">
</head>
<body>
<%
AccountDAO accDAO = new AccountDAO();
String username = (String) request.getSession().getAttribute("acc");
Account acc = accDAO.GetAccountUser(username);
%>
<header>
<div class="header">
<a href="#">Order History</a>
<a href="#">
<i class="fa-solid fa-cart-shopping"></i>
<span>Cart</span>
</a>
<c:if test="${sessionScope.acc == null}">
<a href="./login.jsp" class="user">
<i class="fa-solid fa-user"></i>
<span>Login</span>
</a>
</c:if>
<c:if test="${sessionScope.acc != null}">
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img src="<%= acc.getAvatar()%>" style="width: 40px; height: 40px;"/>
<%= acc.getUsername()%>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="/UserController/UserProfile/<%= acc.getAccountID()%> ">User Profile</a>
<a class="dropdown-item" href="#">ble ble</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/Logout">Log out</a>
</div>
</div>
</c:if>
</div>
</header>
<div class="jumbotron">
<div class="container">
<div class="row headerContent">
<div class="col-12 col-md-2">
<img class="logo" src="./public/assets/imgs/Logo.png" alt="" />
</div>
<div class="col-12 col-md-7 textHeader">
<p>DISCOVER YOUR OWN STYLE</p>
</div>
<div class="col-12 col-md-3 form-group">
<span class="search-icon border-0" id="search-addon">
<i class="fas fa-search"></i>
</span>
<form action="/Search" method="post">
<input oninput="searchByName(this)" name="txt" value="${txtS}" type="text" class="form-control rounded" placeholder="Search" />
</form>
</div>
</div>
</div>
</div>
<hr />
<p id="message"></p>
<!--Body content-->
<div class="container-fluid prd1-cont">
<div class="row">
<div class="col-12 col-md-3 leftContent">
<div class="Filter">
<h3>PRODUCT LINE</h3>
<form action="/Search" method="post">
<input oninput="searchByName(this)" name="txt" type="search" class="form-control rounded" placeholder="Search" />
</form>
</div>
<div class="Filter">
<h3>PRICE</h3>
<div class="filet-price">
<ul class="list-unstyled">
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value="500-599k" />
500 - 599k
</label>
</li>
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value=">600k" />
> 600k
</label>
</li>
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value="400-499k" />
400 - 499k
</label>
</li>
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value="300-399k" />
300 - 399k
</label>
</li>
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value="200-299k" />
200 - 299k
</label>
</li>
<li>
<label>
<input name="cbStatus" class="cb-item" type="checkbox" value="<299k" />
< 299k </label>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-9 rightContent">
<div class="banner">
<img src="./public/assets/imgs/Desktop_Homepage_Banner.png" alt="" />
</div>
<div class="row" id="content">
<%
ProductDAO dao = new ProductDAO();
ArrayList<Products> products = dao.getAllProducts();
for (Products product : products) {
%>
<div class="col-sm-6 col-md-4 products" data-price="<%out.print(product.getPrice());%>">
<div class="thumbnail">
<div class="cont-item">
<img src="<%out.print(product.getImage());%>" alt="" />
</div>
<div class="caption">
<h3 class="name">
<a href="<%="UserController/ProductDetail/" + product.getProductID()%>"><%= product.getProductName()%></a>
</h3>
<h3 class="color"><%out.print(product.getDescription());%></h3>
<h3 class="price"><%out.print(product.getPrice());%> VND</h3>
</div>
</div>
</div>
<%
}
%>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="contact row">
<div class="introduction col-md-4">
<div class="logo-name">
<img src="https://ananas.vn/wp-content/themes/ananas/fe-assets/images/svg/Store.svg"
alt="" />
</div>
</div>
<div class="head help col-md-2">
PRODUCT
<div>
<p>Men's shoes</p>
<p>Women's shoes</p>
<p>Shoes Sale-off</p>
</div>
ANANAS SOCIAL
<div class="social-media">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-youtube"></i>
</div>
</div>
<div class="head help col-md-2">
HELP
<p>Help</p>
<p>Discuss</p>
<p>Contact us</p>
</div>
<div class="head pay col-md-2">
PAYMENT METHODS
<p>Paypal</p>
<p>Visa</p>
<div class="bocongthuong">
<img src="http://online.gov.vn/Content/EndUser/LogoCCDVSaleNoti/logoSaleNoti.png" alt="" />
</div>
</div>
<div class="head info col-md-2">
INFORMATION
<p>About us</p>
<p>Hotline</p>
<p>0987 234 662</p>
</div>
</div>
<div class="copyright">
<p>Copyright by GR4 © 2023. All Rights Reserved.</p>
</div>
<script>
// Đợi 5 giây trước khi xóa div
setTimeout(function () {
var messageDiv = document.getElementById('message');
messageDiv.parentNode.removeChild(messageDiv);
}, 5000);
function searchByName(param) {
var txtSearch = param.value;
$.ajax({
url: "/Search",
type: "get",
data: {
txt: txtSearch
},
success: function (data) {
var row = document.getElementById("content");
row.innerHTML = data;
}
});
}
</script>
</div>
<%@include file="foot.jsp" %>
<%@include file="popUpMessage.jsp" %>
<script src="<%out.print(request.getContextPath());%>/public/assets/js/sortPrice.js"></script>
</body>
</html>