Update
This commit is contained in:
parent
c2dfa2135f
commit
4ca5b26fde
1568
package-lock.json
generated
1568
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -15,6 +15,7 @@
|
||||
"dependencies": {
|
||||
"ejs": "^3.0.2",
|
||||
"express": "^4.17.1",
|
||||
"firebase-admin": "^8.10.0",
|
||||
"morgan": "^1.10.0"
|
||||
}
|
||||
}
|
||||
|
||||
28
server.js
28
server.js
@ -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
112
views/add-item.ejs
Normal 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">➤</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">
|
||||
🔔 | <%= 0%>
|
||||
</div>
|
||||
<div class="cart">
|
||||
🛒 | <%= 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>
|
||||
@ -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;
|
||||
|
||||
@ -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">
|
||||
🛒 | <%= 0%>
|
||||
</div>
|
||||
<div class="add-item">
|
||||
<a href="/additmpage">⊕</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sbar">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user