284 lines
11 KiB
JavaScript
284 lines
11 KiB
JavaScript
// Initialize Firebase
|
|
var config = {
|
|
apiKey: "AIzaSyCuvwf78cmSDoZ2yS4XxHZhnjUn7yIHYfw",
|
|
authDomain: "test-667ca.firebaseapp.com",
|
|
databaseURL: "https://test-667ca.firebaseio.com",
|
|
projectId: "test-667ca",
|
|
storageBucket: "test-667ca.appspot.com",
|
|
messagingSenderId: "221332577314"
|
|
};
|
|
|
|
|
|
firebase.initializeApp(config);
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
console.log("/shoppinglistx idtoken:", idtoken);
|
|
var url = "/dash/" + idtoken
|
|
console.log("URL: ", url)
|
|
$('#dashurl').attr("href", url);
|
|
|
|
}).catch((error) => console.error("/shoppinglist Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
|
|
eigeneEinkaufslisten();
|
|
geteilteEinkaufslisten();
|
|
$(".detailcardausgabe").hide();
|
|
|
|
$(".logout").click(function(){
|
|
console.log("click logout")
|
|
firebase.auth().signOut().then(function() {
|
|
document.location.replace('/');
|
|
}).catch(function(error) {
|
|
console.error("Logout Error: ", error)
|
|
});
|
|
});
|
|
|
|
$('.add').click(function(){
|
|
console.log("click add");
|
|
// let name = $("#einkaufslistenname").val();
|
|
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
console.log("/shoppinglistx idtoken:", idtoken);
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/shoppinglist",
|
|
data: {
|
|
name: $("#einkaufslistenname").val(),
|
|
description: $("#einkaufslistenbeschreibung").val(),
|
|
idtoken: idtoken
|
|
},
|
|
success(res){
|
|
console.log("add funktioniert");
|
|
$(".listen-ausgabe").html("");
|
|
eigeneEinkaufslisten();
|
|
geteilteEinkaufslisten();
|
|
$("#EigeneListeAdd").modal("hide");
|
|
},
|
|
error(err){
|
|
console.log("/shoppinglist error", err);
|
|
}
|
|
});
|
|
}).catch((error) => console.error("/shoppinglist Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
|
|
});
|
|
|
|
$(".gruppenadd").click(function(){
|
|
|
|
// let name = $("#groupname").val();
|
|
// let color = $("#groupfarbe").val();
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/group",
|
|
data: {
|
|
sl_id: globaleAddZwischenID,
|
|
name: $("#groupname").val(),
|
|
color: $("#groupfarbe").val()
|
|
},
|
|
success(res){
|
|
console.log("groupadd funktioniert");
|
|
$("#mySmallModalLabel").modal("hide");
|
|
},
|
|
error(err){
|
|
console.log("error");
|
|
}
|
|
});
|
|
});
|
|
|
|
$(".sl_add").click(function(){
|
|
$('#EigeneListeAdd').modal('show');
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
var globaleAddZwischenID = "";
|
|
// var globaleGetZwischenID = "";
|
|
|
|
function eigeneEinkaufslisten(){
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
console.log("/myshoppinglists idtoke: ", idtoken);
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/myshoppinglists",
|
|
data:{
|
|
idtoken: idtoken
|
|
},
|
|
success(res){
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
console.log("/userinfo_json idtoken: ",idtoken)
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/userinfo_json",
|
|
data: {
|
|
idtoken: idtoken
|
|
},
|
|
success(data){
|
|
var userinfo = data.name;
|
|
|
|
for(let i = 0; i < res.length; i++){
|
|
const el = res[i];
|
|
|
|
$(".listen-ausgabe").append(`<div class="col-md-12 karten">
|
|
<div class="card border-light mb-3" style="max-width: 18rem;" id="${el.sl_id}">
|
|
<div class="card-header">
|
|
<span>${userinfo}</span>
|
|
<button class="btn edit"><i class="fas fa-angle-down"></i></button>
|
|
<button class="btn trash"><i class="far fa-trash-alt"></i></button>
|
|
<button class="btn groupadd" data-toggle="modal" data-target=".ListenDetailAdd"><i class="fas fa-ellipsis-v"></i></button>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<h5 class="card-title">${el.name}</h5>
|
|
<p class="card-text">${el.description}</p>
|
|
</div>
|
|
</div></div>`
|
|
)
|
|
}
|
|
console.log("Eigene Einkaufslisten");
|
|
loeschen();
|
|
lala();
|
|
Detail();
|
|
// groupHinzufügen()
|
|
},
|
|
error(err){
|
|
console.error("userinfo_json error: ", err)
|
|
}
|
|
})
|
|
}).catch((error) => console.error("Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
},
|
|
error(err){
|
|
console.error("/myshoppinglists ajax error: ", err);
|
|
}
|
|
});
|
|
}).catch((error) => console.error("Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
};
|
|
|
|
function geteilteEinkaufslisten(){
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
console.log("/sharedshoppinglists idtoke: ", idtoken)
|
|
$.ajax({
|
|
data: "GET",
|
|
url: "/sharedshoppinglists",
|
|
data: {
|
|
idtoken: idtoken
|
|
},
|
|
success(res){
|
|
console.log("Geteilte Einkaufslisten");
|
|
},
|
|
error(err){
|
|
console.error("/sharedshoppinglists error:", err);
|
|
}
|
|
});
|
|
}).catch((error) => console.error("Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
};
|
|
|
|
function loeschen(){
|
|
$(".trash").click(function(){
|
|
|
|
let card = $(this).closest(".card");
|
|
let id = card.attr("id");
|
|
|
|
// console.log(id);
|
|
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: "/shoppinglist",
|
|
data: {
|
|
sl_id: id},
|
|
success(res){
|
|
console.log("card gelöscht");
|
|
card.remove();
|
|
},
|
|
error(err){
|
|
console.log("error");
|
|
}
|
|
});
|
|
|
|
});
|
|
};
|
|
|
|
function lala(){
|
|
$(".groupadd").click(function(){
|
|
let card = $(this).closest(".card");
|
|
let id = card.attr("id");
|
|
globaleAddZwischenID = id;
|
|
});
|
|
}
|
|
|
|
function Detail(){
|
|
$(".edit").click(function(){
|
|
|
|
$(".cardausgabe").hide();
|
|
$(".detailcardausgabe").show();
|
|
|
|
let card = $(this).closest(".card");
|
|
let id = card.attr("id");
|
|
firebase.auth().onAuthStateChanged(async function(user){if(user){firebase.auth().currentUser.getIdToken(/* forceRefresh */ true).then(function(idtoken) {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/shoppinglist_json/" + id,
|
|
data: {
|
|
idtoken: idtoken
|
|
},
|
|
success(res){
|
|
console.log("/myshoppinglists inside idtoken: ", idtoken)
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/myshoppinglists",
|
|
data: {
|
|
idtoken: idtoken
|
|
},
|
|
success(result){
|
|
// var idtoken = getIdTokenGoogle()
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/userinfo_json",
|
|
data:{
|
|
idtoken: idtoken
|
|
},
|
|
success(data){
|
|
let userinfo = "some info"
|
|
console.log(userinfo);
|
|
|
|
const neu = result.filter(obj => obj.sl_id === id);
|
|
|
|
$(".card-header").append(`<h1 class="text-center">${neu[0].name}</h1><button class="btn itemadd"><ion-icon name="more" size="large"></ion-icon></button>
|
|
`);
|
|
for (let i = 0; i < res.length; i++) {
|
|
const el = res[i];
|
|
$(".card-text").append(`<div class="card border-dark mb-3 items" id="${el.group_id}" style="max-width: 18rem;">
|
|
<div class="card-body text-dark">
|
|
<h5 class="card-title text-center">${el.name}</h5>
|
|
</div>
|
|
</div>`);
|
|
}
|
|
ItemAdden()
|
|
},
|
|
error(err){
|
|
console.log("Detail error userinfo_json: ", err);
|
|
}
|
|
})
|
|
},
|
|
error(err){
|
|
console.log("Detail error myshoppinglists: ", err);
|
|
}
|
|
});
|
|
},
|
|
error(err){
|
|
console.log("Detail error shoppinglist_json: " , err);
|
|
}
|
|
});
|
|
}).catch((error) => console.error("Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
|
});
|
|
};
|
|
|
|
function ItemAdden(){
|
|
$(".itemadd").click(function(){
|
|
alert("aleert");
|
|
});
|
|
} |