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 { .space {
height: 15px; height: 25px;
} }
.welcome img { .welcome img {

81
functions/views/home.ejs
View File

@ -6,10 +6,21 @@
<div class="space"></div> <div class="space"></div>
<div class="products"> <div class="products">
<p>Recent:</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"> <div class="product-list-container">
<% var keys = Object.keys(products) %> <% rowKeys.forEach(function(key){ %>
<% keys.forEach(function(key){ %>
<div class="product-container"> <div class="product-container">
<a href="product?productid=<%=key%>"> <a href="product?productid=<%=key%>">
<img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png"> <img class="dyn-img" title="<%= products[key].img %>" alt="img" src="media/var.png">
@ -19,71 +30,11 @@
</div> </div>
<% }) %> <% }) %>
</div> </div>
</div> <div class="space"></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>
<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 class="space"></div>
</div> </div>

2
server.js
View File

@ -39,7 +39,7 @@ app.get("/home", function(request, responce) {
function homePage(request, responce) { function homePage(request, responce) {
var dbRef = database.ref("/products") 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 = {} var data = {}
if (snapshot.val()) {data = snapshot.val()} if (snapshot.val()) {data = snapshot.val()}
responce.render('home.ejs', {products: data}) responce.render('home.ejs', {products: data})