This commit is contained in:
Max Hunt 2020-04-22 00:45:16 +01:00
parent c2dfa2135f
commit 4ca5b26fde
6 changed files with 1731 additions and 1 deletions

1568
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -15,6 +15,7 @@
"dependencies": {
"ejs": "^3.0.2",
"express": "^4.17.1",
"firebase-admin": "^8.10.0",
"morgan": "^1.10.0"
}
}

View File

@ -1,5 +1,14 @@
var express = require('express')
var logger = require('morgan')
var admin = require("firebase-admin");
var serviceAccount = require("./secrets/project-gg-3b754-firebase-adminsdk-4848h-5a5778b77b.json");
var firebaseadmin = admin.initializeApp({
credential: admin.credential.cert(serviceAccount),
databaseURL: "https://project-gg-3b754.firebaseio.com"
});
var database = firebaseadmin.database()
var app = express()
app.use(logger('dev'))
@ -8,10 +17,27 @@ app.use(express.static('views'))
app.set('view engine', 'ejs')
app.set('views', __dirname + '/views')
app.get("/", function(request, responce) {
responce.render("home.ejs")
dbRef = database.ref("/products")
dbRef.once('value', function(snapshot){
var data = snapshot.val()
if (!data) {
data = {}
}
console.log(data)
responce.render('home.ejs', {products: data})
})
// responce.render("home.ejs")
})
app.get('/additmpage', function(request, responce){
responce.render('add-item.ejs')
})
var port = 5000
app.listen(port, function() {

112
views/add-item.ejs Normal file
View File

@ -0,0 +1,112 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GG Prototype</title>
<meta name="description" content="GG Prototype Web">
<meta name="author" content="Max">
<link rel="stylesheet" href="css/style.css">
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/7.14.1/firebase-database.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyCrhgibbVUCOu3Vz3pw9iutGwTXen724eU",
authDomain: "project-gg-3b754.firebaseapp.com",
databaseURL: "https://project-gg-3b754.firebaseio.com",
projectId: "project-gg-3b754",
storageBucket: "project-gg-3b754.appspot.com",
messagingSenderId: "338558477178",
appId: "1:338558477178:web:f1b9069d1da04749a26cc3",
measurementId: "G-Y42R9NNJXS"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
</head>
<body>
<main>
<div class="page">
<div class="navbar">
<div class="logon-crumbs">
<div id="uname-field" style="display: none;">
<a id="uname-dom" class="user-name" href="#">Unregistered user</a>
<div class="user-logout">
<a onclick={signout()}>Log out</a>
</div>
</div>
<div id="login-field" style="display: block;">
<input id="fuid" type="text" placeholder="Username">
<input id="fpwd" type="password" placeholder="Password">
<button id="blogin" onclick={signinwithemail()} class="btn-login">&#x27a4;</button>
<button id="blogin_g" onclick={signinwithgoogle()} class="btn-g-login"><img src="media/g_logon.png" class="img-g-login" alt="img"></button>
</div>
</div>
<div class="user-info">
<div class="notifications">
&#x1F514; | <%= 0%>
</div>
<div class="cart">
&#x1F6d2; | <%= 0%>
</div>
<div class="add-item">
<a href="/additmpage">⊕</a>
</div>
</div>
</div>
<div class="sbar">
<img src="media/gg_logo.png" alt="img">
<input id="sfield" type="text" placeholder="I Want...">
<button id="sbutton">Go!</button>
<a href="#">Extras</a>
</div>
<div class="space"></div>
<div class="welcome">
<img src="media/welcome.png">
</div>
<div class="space"></div>
<div class="products">
<p>Popular:</p>
<div class="product-container">
<img src="media/var.png" alt="img">
<p class="l"><%= "Item name"%></p>
<p class="r">£<%= "20.99"%></p>
</div>
</div>
<div class="space"></div>
</div>
</main>
<footer>
<div class="links">
<a href="#">Help</a>
<a href="#">Contact</a>
<a href="#">Legal</a>
</div>
<div class="legal">
<a>© GG Sales 2019-2020. All Rights Reserved. </a>
<a class="link" href="#">User Agreement</a>
<a> ,</a>
<a class="link" href="#">Privacy</a>
<a> ,</a>
<a class="link" href="#">Cookies</a>
</div>
<div class="location">
GG Sales US 🇺🇸
</div>
</footer>
<script src="js/fAuth.js"></script>
</body>
</html>

View File

@ -144,6 +144,25 @@ footer a {
font-family: osl
}
.add-item a {
color: #ff6619;
font-family: osl;
font-size: 30px;
padding-left: 10px;
position: relative;
bottom: 23%;
}
.add-item a:hover {
color: #c41000;
transition: 0.3s;
}
.add-item a:active {
color: #BBBBBB;
transition: 0.1s;
}
.notifications {
padding-right: 15px;
color: #898989;

View File

@ -13,6 +13,7 @@
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.1/firebase-auth.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/7.14.1/firebase-database.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
@ -57,6 +58,9 @@
<div class="cart">
&#x1F6d2; | <%= 0%>
</div>
<div class="add-item">
<a href="/additmpage">⊕</a>
</div>
</div>
</div>
<div class="sbar">