max/gg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Max Hunt 2020-05-28 08:48:58 +01:00
parent 4270530347
commit 7678ec7aa6
3 changed files with 26 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
functions/views/css/style.css
View File

@ -482,7 +482,7 @@ input:focus, textarea:focus, select:focus{
}
.space {
height: 15px;
height: 25px;
}
.welcome img {

97
functions/views/home.ejs
View File

@ -6,85 +6,36 @@
<div class="space"></div>
<div class="products">
<p>Recent:</p>
<div class="product-list-container">
<% var keys = Object.keys(products) %>
<% keys.forEach(function(key){ %>
<div class="product-container">
<a href="product?productid=<%=key%>">
<img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png">
</a>
<p class="l"><%= products[key].name%></p>
<p class="r">£ <%= products[key].price%></p>
<p>Recently Added:</p>
<!-- GET LIST OF LISTS -->
<%
let productKeys = Object.keys(products)
let p1 = productKeys.slice(0,5)
let p2 = productKeys.slice(5,10)
let p3 = productKeys.slice(10,15)
let p4 = productKeys.slice(15,20)
let p5 = productKeys.slice(20,25)
let productListArray = [p1, p2, p3, p4, p5]
%>
<% productListArray.forEach(rowKeys=>{%>
<div class="product-list-container">
<% rowKeys.forEach(function(key){ %>
<div class="product-container">
<a href="product?productid=<%=key%>">
<img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png">
</a>
<p class="l"><%= products[key].name%></p>
<p class="r">£ <%= products[key].price%></p>
</div>
<% }) %>
</div>
<div class="space"></div>
<% }) %>
</div>
</div>
<div class="products">
<p>Personalised 1:</p>
<div class="product-list-container">
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
</div>
</div>
<div class="products">
<p>Personalised 2:</p>
<div class="product-list-container">
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
</div>
</div>
<div class="products">
<p>Personalised 3:</p>
<div class="product-list-container">
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
</div>
</div>
<div class="products">
<p>Recent:</p>
<div class="product-list-container">
<div class="product-container">
<a href="#"><img src="media/var.png" alt="img"></a>
<p class="l"><%= "Item name"%></p>
<p class="r">£ <%= "20.99"%></p>
</div>
</div>
</div>
<div class="space"></div>
</div>

2
server.js
View File

@ -39,7 +39,7 @@ app.get("/home", function(request, responce) {
function homePage(request, responce) {
var dbRef = database.ref("/products")
dbRef.orderByChild("status").equalTo("on-sale").limitToLast(5).once('value', function(snapshot){
dbRef.orderByChild("status").equalTo("on-sale").limitToLast(25).once('value', function(snapshot){
var data = {}
if (snapshot.val()) {data = snapshot.val()}
responce.render('home.ejs', {products: data})