Update
This commit is contained in:
Max Hunt
parent
771a8d46ae
commit
e1deefb4ae
13
firebase-debug.log
Normal file
13
firebase-debug.log
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
[debug] [2020-05-16T19:40:26.375Z] ----------------------------------------------------------------------
|
||||||
|
[debug] [2020-05-16T19:40:26.376Z] Command: /usr/local/bin/node /usr/local/bin/firebase deploy
|
||||||
|
[debug] [2020-05-16T19:40:26.377Z] CLI Version: 8.2.0
|
||||||
|
[debug] [2020-05-16T19:40:26.377Z] Platform: darwin
|
||||||
|
[debug] [2020-05-16T19:40:26.377Z] Node Version: v12.16.2
|
||||||
|
[debug] [2020-05-16T19:40:26.378Z] Time: Sat May 16 2020 20:40:26 GMT+0100 (British Summer Time)
|
||||||
|
[debug] [2020-05-16T19:40:26.378Z] ----------------------------------------------------------------------
|
||||||
|
[debug] [2020-05-16T19:40:26.378Z]
|
||||||
|
[debug] [2020-05-16T19:40:26.386Z] > command requires scopes: ["email","openid","https://www.googleapis.com/auth/cloudplatformprojects.readonly","https://www.googleapis.com/auth/firebase","https://www.googleapis.com/auth/cloud-platform"]
|
||||||
|
[debug] [2020-05-16T19:40:26.387Z] > authorizing via signed-in user
|
||||||
|
[debug] [2020-05-16T19:40:26.387Z] [iam] checking project project-gg-3b754 for permissions ["cloudfunctions.functions.create","cloudfunctions.functions.delete","cloudfunctions.functions.get","cloudfunctions.functions.list","cloudfunctions.functions.update","cloudfunctions.operations.get","firebase.projects.get","firebasehosting.sites.update"]
|
||||||
|
[debug] [2020-05-16T19:40:26.389Z] >>> HTTP REQUEST POST https://cloudresourcemanager.googleapis.com/v1/projects/project-gg-3b754:testIamPermissions
|
||||||
|
{"permissions":["cloudfunctions.functions.create","cloudfunctions.functions.delete","cloudfunctions.functions.get","cloudfunctions.functions.list","cloudfunctions.functions.update","cloudfunctions.operations.get","firebase.projects.get","firebasehosting.sites.update"]}
|
||||||
@ -59,7 +59,7 @@
|
|||||||
<textarea id="pDesc" placeholder="Description" style="resize: none;"></textarea>
|
<textarea id="pDesc" placeholder="Description" style="resize: none;"></textarea>
|
||||||
<input type="text" id="pLoc" placeholder="Location (eg. London)">
|
<input type="text" id="pLoc" placeholder="Location (eg. London)">
|
||||||
<input type="text" id="pStock" placeholder="Quantity in stock (default: 1)">
|
<input type="text" id="pStock" placeholder="Quantity in stock (default: 1)">
|
||||||
<input required type="text" id="pPrice" placeholder="Price £">
|
<input type="text" id="pPrice" placeholder="Price £">
|
||||||
<button id="pSend" onclick={productSubmitEventHandler()}>Submit!</button>
|
<button id="pSend" onclick={productSubmitEventHandler()}>Submit!</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="n-p-right">
|
<div class="n-p-right">
|
||||||
|
|||||||
@ -50,30 +50,19 @@
|
|||||||
|
|
||||||
<div class="space"></div>
|
<div class="space"></div>
|
||||||
<div id="productID" style="display: none;" product_id="<%= key%>"></div>
|
<div id="productID" style="display: none;" product_id="<%= key%>"></div>
|
||||||
|
|
||||||
<div id="api-response" class="error-message" style="display: none;"></div>
|
<div id="api-response" class="error-message" style="display: none;"></div>
|
||||||
<div class="new-product-field">
|
<div class="new-product-field" id="authField" style="display: block;">
|
||||||
<p>Edit product</p>
|
<p>Edit product</p>
|
||||||
<div class="npf-short">
|
<div class="n-p-left">
|
||||||
<input required type="text" id="pName" placeholder="Name" value="<%= item.name%>">
|
<input type="text" id="pName" placeholder="Name" value="<%= item.name%>">
|
||||||
</div>
|
<textarea id="pDesc" placeholder="Description" style="resize: none;"><%= item.desc%></textarea>
|
||||||
<div class="npf-long">
|
<input type="text" id="pLoc" placeholder="Location" value="<%= item.location%>">
|
||||||
<input required type="text" id="pDesc" placeholder="Description" value="<%= item.desc%>">
|
<input type="text" id="pStock" placeholder="Quantity in stock (default: 1)" value="<%= item.stock%>">
|
||||||
</div>
|
<input type="text" id="pPrice" placeholder="Price £" value="<%= item.price%>">
|
||||||
<input required type="text" id="pLoc" placeholder="Location" value="<%= item.location%>">
|
|
||||||
<input required type="text" id="pStock" placeholder="Quantity in stock (default: 1)" value="<%= item.stock%>">
|
|
||||||
<div class="npf-short">
|
|
||||||
<input required type="text" id="pPrice" placeholder="Price £" value="<%= item.price%>">
|
|
||||||
</div>
|
|
||||||
<button id="pSend" onclick={productUpdateEventHandler()}>Update</button>
|
<button id="pSend" onclick={productUpdateEventHandler()}>Update</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="space"></div>
|
<div class="space"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -1,119 +1 @@
|
|||||||
function checkAuth(){
|
function checkAuth(){firebase.auth().onAuthStateChanged(function(e){if(e){try{document.getElementById("uname-dom").innerHTML="Loading..."}catch(e){}firebase.auth().currentUser.getIdToken().then(function(e){let t={uToken:e},n={method:"POST",body:JSON.stringify(t),headers:{"Content-Type":"application/json"}};fetch("login-user-api",n).then(e=>e.json()).then(function(e){if(1==e.success)if(e.registered)document.getElementById("uname-dom").innerHTML="Hello, "+e.name;else{try{document.getElementById("uname-dom").innerHTML="Unregistered!",document.getElementById("notifications").innerHTML="🔔 | Register your account",document.getElementById("notifications").setAttribute("href","registration"),document.getElementById("notifications").setAttribute("style","color: red;")}catch(e){}"registration"!=window.location.href.split("/").pop()&&window.location.replace("registration")}else console.log(e.error),document.getElementById("notifications").innerHTML="🔔 | What the fuck just happened.....",document.getElementById("notifications").setAttribute("style","color: pink;")})});try{document.getElementById("uname-field").setAttribute("style","display: block;"),document.getElementById("login-field").setAttribute("style","display: none;"),document.getElementById("uname-field").setAttribute("style","display: block;"),document.getElementById("login-field").setAttribute("style","display: none;")}catch(e){}try{document.getElementById("uAuthMsg").setAttribute("style","display: none;")}catch(e){}try{document.getElementById("authField").setAttribute("style","display: block;")}catch(e){}}else{document.getElementById("uname-field").setAttribute("style","display: none;"),document.getElementById("login-field").setAttribute("style","display: block;"),document.getElementById("uname-dom").innerHTML="Unregistered";try{document.getElementById("uAuthMsg").setAttribute("style","display: block;")}catch(e){}try{document.getElementById("authField").setAttribute("style","display: none;")}catch(e){}}})}function signinwithgoogle(){var e=new firebase.auth.GoogleAuthProvider;firebase.auth().signInWithPopup(e).then(function(e){console.log("User signed in...")}).catch(function(e){console.log(e)})}function signinwithfb(){var e=new firebase.auth.FacebookAuthProvider;firebase.auth().signInWithPopup(e).then(function(e){console.log("User signed in...")}).catch(function(e){console.log(e)})}function signinwithemail(){const e=document.getElementById("fuid"),t=document.getElementById("fpwd");var n=e.value,i=t.value;firebase.auth().signInWithEmailAndPassword(n,i).catch(e=>console.log(e.message)).then(function(n){t.value="",e.value=""})}function signout(){firebase.auth().signOut(),window.location.replace("home")}checkAuth();try{var pwField=document.getElementById("fpwd");pwField.addEventListener("keyup",function(e){13===e.keyCode&&(e.preventDefault(),document.getElementById("blogin").click())})}catch(e){}
|
||||||
firebase.auth().onAuthStateChanged(function(user){
|
|
||||||
if (user) {
|
|
||||||
|
|
||||||
try {document.getElementById('uname-dom').innerHTML = "Loading..."}
|
|
||||||
catch(error){}
|
|
||||||
|
|
||||||
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
|
||||||
let url = 'login-user-api'
|
|
||||||
let data = {uToken: idToken}
|
|
||||||
let postData = {method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
|
|
||||||
fetch(url, postData)
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(function(result){
|
|
||||||
if (result.success == true) {
|
|
||||||
if (result.registered) {
|
|
||||||
document.getElementById('uname-dom').innerHTML = "Hello, " + result.name
|
|
||||||
} else {
|
|
||||||
try {
|
|
||||||
document.getElementById('uname-dom').innerHTML = "Unregistered!"
|
|
||||||
document.getElementById("notifications").innerHTML = "🔔 | Register your account"
|
|
||||||
document.getElementById("notifications").setAttribute("href", "registration")
|
|
||||||
document.getElementById("notifications").setAttribute("style", "color: red;")
|
|
||||||
}
|
|
||||||
catch(error){}
|
|
||||||
if (window.location.href.split('/').pop() != 'registration') {
|
|
||||||
window.location.replace('registration')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
console.log(result.error)
|
|
||||||
document.getElementById("notifications").innerHTML = "🔔 | What the fuck just happened....."
|
|
||||||
document.getElementById("notifications").setAttribute("style", "color: pink;")
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
try {
|
|
||||||
document.getElementById('uname-field').setAttribute("style", "display: block;")
|
|
||||||
document.getElementById('login-field').setAttribute("style", "display: none;")
|
|
||||||
|
|
||||||
document.getElementById('uname-field').setAttribute("style", "display: block;")
|
|
||||||
document.getElementById('login-field').setAttribute("style", "display: none;")
|
|
||||||
}
|
|
||||||
catch(error) {}
|
|
||||||
try {document.getElementById('uAuthMsg').setAttribute("style", "display: none;")}
|
|
||||||
catch(error) {}
|
|
||||||
try{document.getElementById('authField').setAttribute("style", "display: block;")}
|
|
||||||
catch(error) {}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
document.getElementById('uname-field').setAttribute("style", "display: none;")
|
|
||||||
document.getElementById('login-field').setAttribute("style", "display: block;")
|
|
||||||
document.getElementById('uname-dom').innerHTML = "Unregistered"
|
|
||||||
try{document.getElementById('uAuthMsg').setAttribute("style", "display: block;")}
|
|
||||||
catch(error) {}
|
|
||||||
try{document.getElementById('authField').setAttribute("style", "display: none;")}
|
|
||||||
catch(error) {}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
checkAuth()
|
|
||||||
|
|
||||||
|
|
||||||
function signinwithgoogle(){
|
|
||||||
var googleAuthProvider = new firebase.auth.GoogleAuthProvider()
|
|
||||||
firebase.auth().signInWithPopup(googleAuthProvider)
|
|
||||||
.then(function(data){
|
|
||||||
console.log('User signed in...')
|
|
||||||
})
|
|
||||||
.catch(function(error){
|
|
||||||
console.log(error)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function signinwithfb(){
|
|
||||||
var fbAuthProvider = new firebase.auth.FacebookAuthProvider()
|
|
||||||
firebase.auth().signInWithPopup(fbAuthProvider)
|
|
||||||
.then(function(data){
|
|
||||||
console.log('User signed in...')
|
|
||||||
})
|
|
||||||
.catch(function(error){
|
|
||||||
console.log(error)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function signinwithemail(){
|
|
||||||
const txtEmail = document.getElementById('fuid')
|
|
||||||
const txtPassword = document.getElementById('fpwd')
|
|
||||||
|
|
||||||
var email = txtEmail.value
|
|
||||||
var pass = txtPassword.value
|
|
||||||
var auth = firebase.auth()
|
|
||||||
|
|
||||||
auth.signInWithEmailAndPassword(email, pass)
|
|
||||||
.catch(e => console.log(e.message))
|
|
||||||
.then(function(data){
|
|
||||||
txtPassword.value = ''
|
|
||||||
txtEmail.value = ''
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function signout(){
|
|
||||||
firebase.auth().signOut()
|
|
||||||
window.location.replace('home')
|
|
||||||
// window.location.replace(window.location.href.split("?")[0])
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
var pwField = document.getElementById("fpwd");
|
|
||||||
pwField.addEventListener("keyup", function(event) {
|
|
||||||
if (event.keyCode === 13) {
|
|
||||||
event.preventDefault()
|
|
||||||
document.getElementById("blogin").click()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
catch(error) {}
|
|
||||||
119
functions/views/js/fAuth.src.js
Normal file
119
functions/views/js/fAuth.src.js
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
function checkAuth(){
|
||||||
|
firebase.auth().onAuthStateChanged(function(user){
|
||||||
|
if (user) {
|
||||||
|
|
||||||
|
try {document.getElementById('uname-dom').innerHTML = "Loading..."}
|
||||||
|
catch(error){}
|
||||||
|
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
let url = 'login-user-api'
|
||||||
|
let data = {uToken: idToken}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success == true) {
|
||||||
|
if (result.registered) {
|
||||||
|
document.getElementById('uname-dom').innerHTML = "Hello, " + result.name
|
||||||
|
} else {
|
||||||
|
try {
|
||||||
|
document.getElementById('uname-dom').innerHTML = "Unregistered!"
|
||||||
|
document.getElementById("notifications").innerHTML = "🔔 | Register your account"
|
||||||
|
document.getElementById("notifications").setAttribute("href", "registration")
|
||||||
|
document.getElementById("notifications").setAttribute("style", "color: red;")
|
||||||
|
}
|
||||||
|
catch(error){}
|
||||||
|
if (window.location.href.split('/').pop() != 'registration') {
|
||||||
|
window.location.replace('registration')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
console.log(result.error)
|
||||||
|
document.getElementById("notifications").innerHTML = "🔔 | What the fuck just happened....."
|
||||||
|
document.getElementById("notifications").setAttribute("style", "color: pink;")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
try {
|
||||||
|
document.getElementById('uname-field').setAttribute("style", "display: block;")
|
||||||
|
document.getElementById('login-field').setAttribute("style", "display: none;")
|
||||||
|
|
||||||
|
document.getElementById('uname-field').setAttribute("style", "display: block;")
|
||||||
|
document.getElementById('login-field').setAttribute("style", "display: none;")
|
||||||
|
}
|
||||||
|
catch(error) {}
|
||||||
|
try {document.getElementById('uAuthMsg').setAttribute("style", "display: none;")}
|
||||||
|
catch(error) {}
|
||||||
|
try{document.getElementById('authField').setAttribute("style", "display: block;")}
|
||||||
|
catch(error) {}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById('uname-field').setAttribute("style", "display: none;")
|
||||||
|
document.getElementById('login-field').setAttribute("style", "display: block;")
|
||||||
|
document.getElementById('uname-dom').innerHTML = "Unregistered"
|
||||||
|
try{document.getElementById('uAuthMsg').setAttribute("style", "display: block;")}
|
||||||
|
catch(error) {}
|
||||||
|
try{document.getElementById('authField').setAttribute("style", "display: none;")}
|
||||||
|
catch(error) {}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
checkAuth()
|
||||||
|
|
||||||
|
|
||||||
|
function signinwithgoogle(){
|
||||||
|
var googleAuthProvider = new firebase.auth.GoogleAuthProvider()
|
||||||
|
firebase.auth().signInWithPopup(googleAuthProvider)
|
||||||
|
.then(function(data){
|
||||||
|
console.log('User signed in...')
|
||||||
|
})
|
||||||
|
.catch(function(error){
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function signinwithfb(){
|
||||||
|
var fbAuthProvider = new firebase.auth.FacebookAuthProvider()
|
||||||
|
firebase.auth().signInWithPopup(fbAuthProvider)
|
||||||
|
.then(function(data){
|
||||||
|
console.log('User signed in...')
|
||||||
|
})
|
||||||
|
.catch(function(error){
|
||||||
|
console.log(error)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function signinwithemail(){
|
||||||
|
const txtEmail = document.getElementById('fuid')
|
||||||
|
const txtPassword = document.getElementById('fpwd')
|
||||||
|
|
||||||
|
var email = txtEmail.value
|
||||||
|
var pass = txtPassword.value
|
||||||
|
var auth = firebase.auth()
|
||||||
|
|
||||||
|
auth.signInWithEmailAndPassword(email, pass)
|
||||||
|
.catch(e => console.log(e.message))
|
||||||
|
.then(function(data){
|
||||||
|
txtPassword.value = ''
|
||||||
|
txtEmail.value = ''
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function signout(){
|
||||||
|
firebase.auth().signOut()
|
||||||
|
window.location.replace('home')
|
||||||
|
// window.location.replace(window.location.href.split("?")[0])
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
var pwField = document.getElementById("fpwd");
|
||||||
|
pwField.addEventListener("keyup", function(event) {
|
||||||
|
if (event.keyCode === 13) {
|
||||||
|
event.preventDefault()
|
||||||
|
document.getElementById("blogin").click()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
catch(error) {}
|
||||||
File diff suppressed because one or more lines are too long
518
functions/views/js/fdb.src.js
Normal file
518
functions/views/js/fdb.src.js
Normal file
@ -0,0 +1,518 @@
|
|||||||
|
// https://javascript-minifier.com
|
||||||
|
function checkFields() {
|
||||||
|
if (document.getElementById('pName').value && document.getElementById('pDesc').value
|
||||||
|
&& document.getElementById('pLoc').value && document.getElementById('pPrice').value
|
||||||
|
&& document.getElementById('imgInput').files[0]) {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
async function productSubmitEventHandler(){
|
||||||
|
const submitBtn = document.getElementById('pSend')
|
||||||
|
if (submitBtn.innerHTML == "Submit!") {
|
||||||
|
if (checkFields()) {
|
||||||
|
submitBtn.innerHTML = "Uploading..."
|
||||||
|
submitBtn.disabled = true
|
||||||
|
|
||||||
|
let newProduct = {id: 1,name: "",desc: "",img: "default.png",location: "",stock: 1,status: "on-sale",price: 0,owner: "",holder: ""}
|
||||||
|
|
||||||
|
const nameField = document.getElementById('pName')
|
||||||
|
const descField = document.getElementById('pDesc')
|
||||||
|
const locField = document.getElementById('pLoc')
|
||||||
|
const stockField = document.getElementById('pStock')
|
||||||
|
const priceField = document.getElementById('pPrice')
|
||||||
|
let fInput = document.getElementById('imgInput')
|
||||||
|
|
||||||
|
let uid = firebase.auth().currentUser.uid
|
||||||
|
|
||||||
|
newProduct.id = 999
|
||||||
|
newProduct.name = nameField.value
|
||||||
|
newProduct.desc = descField.value
|
||||||
|
newProduct.location = locField.value
|
||||||
|
if (stockField.value) {newProduct.stock = stockField.value}
|
||||||
|
newProduct.price = priceField.value
|
||||||
|
newProduct.owner = uid
|
||||||
|
newProduct.holder = uid
|
||||||
|
|
||||||
|
let image = fInput.files[0]
|
||||||
|
|
||||||
|
let imageName = fInput.files[0].name
|
||||||
|
let imagePackage = {name:imageName, b64:null}
|
||||||
|
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken){
|
||||||
|
let url = 'new-product-api'
|
||||||
|
let data = {authToken: idToken, product: newProduct, image: imagePackage}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success) {
|
||||||
|
let imageRef = firebase.storage().ref(result.imgRef)
|
||||||
|
imageRef.put(image).then(function(){
|
||||||
|
submitBtn.innerHTML = "Done! Go Home..."
|
||||||
|
submitBtn.disabled = false
|
||||||
|
submitBtn.setAttribute('style', 'background:#00FF55; transition:0.5s; width:162%;')
|
||||||
|
})
|
||||||
|
.catch(e=>{
|
||||||
|
submitBtn.innerHTML = "Error..."
|
||||||
|
submitBtn.setAttribute('style', 'color:red;')
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
submitBtn.innerHTML = "Error..."
|
||||||
|
submitBtn.setAttribute('style', 'color:red;')
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
document.getElementById("api-response").innerHTML = "Fill in all required fields!"
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
window.location.replace('home')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function productUpdateEventHandler() {
|
||||||
|
const submitBtn = document.getElementById('pSend')
|
||||||
|
if (submitBtn.innerHTML == "Update") {
|
||||||
|
const nameField = document.getElementById('pName')
|
||||||
|
const descField = document.getElementById('pDesc')
|
||||||
|
const locField = document.getElementById('pLoc')
|
||||||
|
const stockField = document.getElementById('pStock')
|
||||||
|
const priceField = document.getElementById('pPrice')
|
||||||
|
|
||||||
|
const item_id_element = document.getElementById("productID")
|
||||||
|
const item_id = item_id_element.getAttribute("product_id")
|
||||||
|
|
||||||
|
submitBtn.innerHTML = "Updating..."
|
||||||
|
submitBtn.disabled = true
|
||||||
|
|
||||||
|
updates = {name: nameField.value, desc: descField.value, location: locField.value, stock: stockField.value, price: priceField.value}
|
||||||
|
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken){
|
||||||
|
let url = 'update-product-api'
|
||||||
|
let data = {authToken: idToken, product: updates, productID: item_id}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success) {
|
||||||
|
submitBtn.setAttribute("style", "width: 310px; background: #00DD00;cursor: pointer;")
|
||||||
|
submitBtn.innerHTML = "Done!, Go Home..."
|
||||||
|
submitBtn.disabled = false
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
submitBtn.innerHTML = "Error..."
|
||||||
|
submitBtn.setAttribute('style', 'color:red;')
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
window.location.replace('home')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateImgs() {
|
||||||
|
const storage = firebase.storage()
|
||||||
|
const imgRef = storage.ref()
|
||||||
|
|
||||||
|
var images = document.getElementsByClassName('dyn-img')
|
||||||
|
// console.log(images)
|
||||||
|
Array.from(images).forEach((image) => {
|
||||||
|
var pathReference = imgRef.child(image.title)
|
||||||
|
pathReference.getDownloadURL().then(function(url) {image.src = url}).catch(e => {console.log(e.message)})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
updateImgs()
|
||||||
|
|
||||||
|
function requestItem(){
|
||||||
|
const reqBtn = document.getElementById('req-btn')
|
||||||
|
const bMessage = document.getElementById('bMsg')
|
||||||
|
if (reqBtn.innerHTML == "Request!") {
|
||||||
|
if (firebase.auth().currentUser) {
|
||||||
|
reqBtn.setAttribute("style", "background: #87e5ff; width:300px;")
|
||||||
|
reqBtn.innerHTML = "Send?"
|
||||||
|
bMessage.setAttribute('style', 'display: block;')
|
||||||
|
} else {
|
||||||
|
reqBtn.innerHTML = "Please sign in"
|
||||||
|
reqBtn.setAttribute("style", "background: #FFa5af; width:300px;")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (reqBtn.innerHTML == "Send?") {
|
||||||
|
if (firebase.auth().currentUser) {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
reqBtn.innerHTML = "Sending..."
|
||||||
|
reqBtn.disabled = true
|
||||||
|
let userMessage = bMessage.value
|
||||||
|
let item_id = document.getElementById("productID").getAttribute("product_id")
|
||||||
|
const url = 'request-api'
|
||||||
|
let data = {prodID: item_id, authToken: idToken, usrMsg: userMessage}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
console.log(result)
|
||||||
|
if (result.success == true) {
|
||||||
|
reqBtn.setAttribute("style", "background: #00DD00; width:520px; transition: 0.7s;")
|
||||||
|
reqBtn.innerHTML = "Done! Go Home"
|
||||||
|
reqBtn.disabled = false
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
reqBtn.setAttribute("style", "background: red;")
|
||||||
|
reqBtn.disabled = true
|
||||||
|
reqBtn.innerHTML = "ERROR"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
reqBtn.innerHTML = "Please sign in"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
window.location.replace('home')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function edit_item() {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
var item_id_element = document.getElementById("productID")
|
||||||
|
var item_id = item_id_element.getAttribute("product_id")
|
||||||
|
window.location.replace("edit-item?uToken=" + idToken + '&productid=' + item_id)
|
||||||
|
})
|
||||||
|
.catch(e => {console.log(e)})
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggle_sale() {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
let item_id = document.getElementById("productID").getAttribute("product_id")
|
||||||
|
let item_status = document.getElementById("productID").getAttribute("product_status")
|
||||||
|
let toggle_sale_btn = document.getElementById("toggleSaleBtn")
|
||||||
|
toggle_sale_btn.disabled = true
|
||||||
|
var toggle_status = true
|
||||||
|
if (item_status == 'on-sale') {toggle_status = false}
|
||||||
|
const url = 'toggle-sale-api'
|
||||||
|
let data = {prodID: item_id, authToken: idToken, targetState: toggle_status}
|
||||||
|
let postData = { method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
console.log(result)
|
||||||
|
if (result.success == true) {
|
||||||
|
toggle_sale_btn.setAttribute("style", "background: #00DD00; transition: 0.5s;")
|
||||||
|
toggle_sale_btn.innerHTML = "Done!"
|
||||||
|
let sold_btn = document.getElementById("soldBtn")
|
||||||
|
let edit_button = document.getElementById("editBtn")
|
||||||
|
sold_btn.disabled = true
|
||||||
|
edit_button.disabled = true
|
||||||
|
} else {
|
||||||
|
toggle_sale_btn.setAttribute("style", "background: red;")
|
||||||
|
toggle_sale_btn.innerHTML = "ERROR"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch (e=>{
|
||||||
|
toggle_sale_btn.setAttribute("style", "background: red;")
|
||||||
|
toggle_sale_btn.innerHTML = "ERROR"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function mark_as_sold(){
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
let item_id = document.getElementById("productID").getAttribute("product_id")
|
||||||
|
let sold_btn = document.getElementById("soldBtn")
|
||||||
|
const url = 'sold-api'
|
||||||
|
let data = {prodID: item_id, authToken: idToken}
|
||||||
|
let postData = { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success == true) {
|
||||||
|
sold_btn.setAttribute("style", "background: #00DD00; width:200px;")
|
||||||
|
sold_btn.innerHTML = "Sold!"
|
||||||
|
sold_btn.disabled = true
|
||||||
|
let sale_button = document.getElementById("toggleSaleBtn")
|
||||||
|
let edit_button = document.getElementById("editBtn")
|
||||||
|
sale_button.disabled = true
|
||||||
|
edit_button.disabled = true
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
sold_btn.setAttribute("style", "background: red;")
|
||||||
|
sold_btn.innerHTML = "ERROR"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch (e=>{
|
||||||
|
sold_btn.setAttribute("style", "background: red;")
|
||||||
|
sold_btn.innerHTML = "ERROR"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function my_product(productID) {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
window.location.replace("my-product?uToken=" + idToken + '&productid=' + productID)
|
||||||
|
})
|
||||||
|
.catch(e => {console.log(e)})
|
||||||
|
}
|
||||||
|
|
||||||
|
function my_products() {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken) {
|
||||||
|
window.location.replace("my-products?uToken=" + idToken)
|
||||||
|
})
|
||||||
|
.catch(e => {console.log(e)})
|
||||||
|
}
|
||||||
|
|
||||||
|
function showShipField(){
|
||||||
|
document.getElementById('shippingaddressbutton').setAttribute("style", "display:none;")
|
||||||
|
document.getElementById('shippingaddressinput').setAttribute("style", "display:block;")
|
||||||
|
showUserShippingAddress()
|
||||||
|
}
|
||||||
|
|
||||||
|
function showUserShippingAddress(){
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken){
|
||||||
|
let url = 'shipping-adress-get-api'
|
||||||
|
let data = {authToken: idToken}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success) {
|
||||||
|
document.getElementById("shippingaddressinput").value = result.address
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
document.getElementById("shippingaddressinput").value = ""
|
||||||
|
document.getElementById("shippingaddressinput").placeholder = "Can't retrieve current shipping address"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function addShippingAddress(){
|
||||||
|
let newAddress = document.getElementById('shippingaddressinput').value
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken){
|
||||||
|
let url = 'shipping-adress-edit-api'
|
||||||
|
let data = {authToken: idToken, address: newAddress}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data),headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success) {
|
||||||
|
document.getElementById("shippingaddressinput").value = ""
|
||||||
|
document.getElementById("shippingaddressinput").placeholder = "Success!"
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
document.getElementById("shippingaddressinput").value = ""
|
||||||
|
document.getElementById("shippingaddressinput").placeholder = "ERROR!"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function search(keywords){
|
||||||
|
window.location.replace('search?search='+keywords)
|
||||||
|
}
|
||||||
|
|
||||||
|
function u_r_submit(){
|
||||||
|
let submitBtn = document.getElementById('u-r-btn')
|
||||||
|
if (submitBtn.innerHTML == "Submit!") {
|
||||||
|
submitBtn.disabled = true
|
||||||
|
if (firebase.auth().currentUser) {
|
||||||
|
firebase.auth().currentUser.getIdToken().then(function(idToken){
|
||||||
|
let firstNameField = document.getElementById('f-name')
|
||||||
|
let lastNameField = document.getElementById('l-name')
|
||||||
|
let addressField = document.getElementById('u-address')
|
||||||
|
let fName = firstNameField.value
|
||||||
|
let lName = lastNameField.value
|
||||||
|
let address = addressField.value
|
||||||
|
let fInput = document.getElementById('imgInput')
|
||||||
|
let picName = fInput.files[0].name
|
||||||
|
let image = fInput.files[0]
|
||||||
|
let userData = {fName:fName, lName:lName, address:address, pPic:picName}
|
||||||
|
let url = 'register-new-user-api'
|
||||||
|
let data = {authToken: idToken, data: userData}
|
||||||
|
let postData = {method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'}}
|
||||||
|
fetch(url, postData)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(function(result){
|
||||||
|
if (result.success) {
|
||||||
|
let imageRef = firebase.storage().ref(result.imgRef)
|
||||||
|
submitBtn.innerHTML = "Uploading..."
|
||||||
|
submitBtn.disabled = true
|
||||||
|
imageRef.put(image).then(function(){
|
||||||
|
submitBtn.setAttribute("style", "background: #00FF00; width: 100%; transition: 0.5s;")
|
||||||
|
submitBtn.innerHTML = "Success! Go Home..."
|
||||||
|
submitBtn.disabled = false
|
||||||
|
})
|
||||||
|
.catch(e=>{
|
||||||
|
submitBtn.setAttribute("style", "background: red;")
|
||||||
|
submitBtn.innerHTML = "ERROR"
|
||||||
|
submitBtn.disabled = false
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
})
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
submitBtn.setAttribute("style", "background: red;")
|
||||||
|
submitBtn.innerHTML = "ERROR"
|
||||||
|
submitBtn.disabled = false
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + result.error
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.catch(e=>{
|
||||||
|
submitBtn.setAttribute("style", "background: red;")
|
||||||
|
submitBtn.innerHTML = "AUTH!!!"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: " + e
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
submitBtn.setAttribute("style", "background: red;")
|
||||||
|
submitBtn.disabled = false
|
||||||
|
submitBtn.innerHTML = "ERROR!"
|
||||||
|
document.getElementById("api-response").innerHTML = "Error: Please log in"
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
window.location.replace('home')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initFileDropListner() {
|
||||||
|
let dropZone = document.getElementById("dropzone")
|
||||||
|
if (dropZone) {
|
||||||
|
let fInput = document.getElementById('imgInput')
|
||||||
|
dropZone.ondragover = function(){this.className = "dropzone dragover";return false}
|
||||||
|
dropZone.ondragleave = function(){this.className = "dropzone";return false}
|
||||||
|
dropZone.onclick = function(){
|
||||||
|
fInput.click()
|
||||||
|
}
|
||||||
|
fInput.onchange = function(event) {
|
||||||
|
let addedFile = event.target.files[0]
|
||||||
|
fileAddSequence(addedFile)
|
||||||
|
}
|
||||||
|
dropZone.ondrop = function(event) {
|
||||||
|
event.preventDefault()
|
||||||
|
this.className = "dropzone"
|
||||||
|
let droppedFile = event.dataTransfer.files[0]
|
||||||
|
fileAddSequence(droppedFile)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
initFileDropListner()
|
||||||
|
|
||||||
|
function fileAddSequence(file){
|
||||||
|
let fInput = document.getElementById('imgInput')
|
||||||
|
if (["image/jpeg", "image/png", "image/gif"].includes(file.type)) {
|
||||||
|
let fileSize = file.size / 1024 / 1024
|
||||||
|
if (fileSize < 10){
|
||||||
|
fInput.files[0] = file
|
||||||
|
let imgPreview = document.getElementById('imgPreview')
|
||||||
|
let svgElement = document.getElementById('svgElement')
|
||||||
|
imgPreview.src = URL.createObjectURL(file)
|
||||||
|
imgPreview.setAttribute('style', 'display: block;')
|
||||||
|
svgElement.setAttribute('style', 'display: none;')
|
||||||
|
} else {
|
||||||
|
document.getElementById("api-response").innerHTML = "Files under 10MB please..."
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.getElementById("api-response").innerHTML = "Accepted formats: jpeg/jpg, png, gif"
|
||||||
|
document.getElementById("api-response").setAttribute("style", "display: block")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
var addressField = document.getElementById("shippingaddressinput")
|
||||||
|
addressField.addEventListener("keyup", function(event) {
|
||||||
|
if (event.keyCode === 13) {
|
||||||
|
event.preventDefault()
|
||||||
|
if (addressField.value == "Success!" || addressField.value == ""){
|
||||||
|
addressField.value = ""
|
||||||
|
addressField.blur()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
addShippingAddress()
|
||||||
|
addressField.blur()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
catch(error) {}
|
||||||
|
|
||||||
|
function bSearch(){
|
||||||
|
let searchField = document.getElementById("sfield")
|
||||||
|
if (searchField.value == ""){
|
||||||
|
searchField.blur()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
search(searchField.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
try {
|
||||||
|
let searchField = document.getElementById("sfield")
|
||||||
|
searchField.addEventListener("keyup", function(event) {
|
||||||
|
if (event.keyCode === 13) {
|
||||||
|
event.preventDefault()
|
||||||
|
if (searchField.value == ""){
|
||||||
|
searchField.blur()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
search(searchField.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
catch(error) {}
|
||||||
|
|
||||||
|
try {
|
||||||
|
let regAddressField = document.getElementById("u-address")
|
||||||
|
regAddressField.addEventListener("keyup", function(event) {
|
||||||
|
if (event.keyCode === 13) {
|
||||||
|
event.preventDefault()
|
||||||
|
document.getElementById("u-r-btn").click()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
catch(error) {}
|
||||||
|
|
||||||
|
window.addEventListener("dragover", function(e) {
|
||||||
|
if (e.target.id != "dropzone") {
|
||||||
|
e.preventDefault()
|
||||||
|
e.dataTransfer.effectAllowed = "none"
|
||||||
|
e.dataTransfer.dropEffect = "none"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
window.addEventListener("drop", function(e) {
|
||||||
|
if (e.target.id != "dropzone") {
|
||||||
|
e.preventDefault()
|
||||||
|
e.dataTransfer.effectAllowed = "none"
|
||||||
|
e.dataTransfer.dropEffect = "none"
|
||||||
|
}
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue
Block a user