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 {

97
functions/views/home.ejs
View File

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