Email Login
This commit is contained in:
Georg Reisinger
@ -6,128 +6,144 @@ var config = {
|
||||
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);
|
||||
$(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)
|
||||
}
|
||||
});
|
||||
|
||||
}).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(){
|
||||
$(".logout").click(function () {
|
||||
console.log("click logout")
|
||||
firebase.auth().signOut().then(function() {
|
||||
firebase.auth().signOut().then(function () {
|
||||
document.location.replace('/');
|
||||
}).catch(function(error) {
|
||||
}).catch(function (error) {
|
||||
console.error("Logout Error: ", error)
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
$('.add').click(function(){
|
||||
$('.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(),
|
||||
color: $( "input:checked" ).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)}});
|
||||
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(),
|
||||
color: $("input:checked").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(){
|
||||
$(".gruppenadd").click(function () {
|
||||
|
||||
// let name = $("#groupname").val();
|
||||
// let color = $("#groupfarbe").val();
|
||||
$("#ListenDetailAdd").modal("hide");
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/group",
|
||||
data: {
|
||||
sl_id: globaleAddZwischenID,
|
||||
name: $("#groupname").val(),
|
||||
color: $( "input:checked" ).val()
|
||||
color: $("input:checked").val()
|
||||
},
|
||||
success(res){
|
||||
success(res) {
|
||||
console.log("groupadd funktioniert");
|
||||
|
||||
|
||||
},
|
||||
error(err){
|
||||
error(err) {
|
||||
console.log("error");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(".sl_add").click(function(){
|
||||
$(".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){
|
||||
const userinfo = data.name;
|
||||
const picture = data.picture;
|
||||
console.log(data)
|
||||
for(let i = 0; i < res.length; i++){
|
||||
const el = res[i];
|
||||
|
||||
$(".listen-ausgabe").append(`<div class="col-md-12 karten">
|
||||
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) {
|
||||
const userinfo = data.name;
|
||||
const picture = data.picture;
|
||||
console.log(data)
|
||||
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 shadow-sm" style="max-width: 18rem;" id="${el.sl_id}">
|
||||
<div class="card-header" style="background-color: #${el.color};">
|
||||
<span>
|
||||
@ -142,49 +158,62 @@ function eigeneEinkaufslisten(){
|
||||
<h5 class="card-title">${el.name}</h5>
|
||||
<p class="card-text">${el.description}</p>
|
||||
</div>
|
||||
</div></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)
|
||||
}
|
||||
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)}});
|
||||
});
|
||||
},
|
||||
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 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(){
|
||||
function loeschen() {
|
||||
$(".trash").click(function () {
|
||||
|
||||
let card = $(this).closest(".card");
|
||||
let id = card.attr("id");
|
||||
@ -195,12 +224,13 @@ function loeschen(){
|
||||
type: "DELETE",
|
||||
url: "/shoppinglist",
|
||||
data: {
|
||||
sl_id: id},
|
||||
success(res){
|
||||
sl_id: id
|
||||
},
|
||||
success(res) {
|
||||
console.log("card gelöscht");
|
||||
card.remove();
|
||||
},
|
||||
error(err){
|
||||
error(err) {
|
||||
console.log("error");
|
||||
}
|
||||
});
|
||||
@ -208,8 +238,8 @@ function loeschen(){
|
||||
});
|
||||
};
|
||||
|
||||
function lala(){
|
||||
$(".groupadd").click(function(){
|
||||
function lala() {
|
||||
$(".groupadd").click(function () {
|
||||
let card = $(this).closest(".card");
|
||||
let id = card.attr("id");
|
||||
globaleAddZwischenID = id;
|
||||
@ -217,51 +247,53 @@ function lala(){
|
||||
});
|
||||
}
|
||||
|
||||
function Detail(){
|
||||
$(".edit").click(function(){
|
||||
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(res)
|
||||
console.log("/myshoppinglists inside idtoken: ", idtoken)
|
||||
firebase.auth().onAuthStateChanged(async function (user) {
|
||||
if (user) {
|
||||
firebase.auth().currentUser.getIdToken( /* forceRefresh */ true).then(function (idtoken) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "/myshoppinglists",
|
||||
url: "/shoppinglist_json/" + id,
|
||||
data: {
|
||||
idtoken: idtoken
|
||||
},
|
||||
success(result){
|
||||
// var idtoken = getIdTokenGoogle()
|
||||
success(res) {
|
||||
console.log(res)
|
||||
console.log("/myshoppinglists inside idtoken: ", idtoken)
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "/userinfo_json",
|
||||
data:{
|
||||
url: "/myshoppinglists",
|
||||
data: {
|
||||
idtoken: idtoken
|
||||
},
|
||||
success(data){
|
||||
let userinfo = "some info"
|
||||
console.log(userinfo);
|
||||
|
||||
const neu = result.filter(obj => obj.sl_id === id);
|
||||
success(result) {
|
||||
// var idtoken = getIdTokenGoogle()
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "/userinfo_json",
|
||||
data: {
|
||||
idtoken: idtoken
|
||||
},
|
||||
success(data) {
|
||||
let userinfo = "some info"
|
||||
console.log(userinfo);
|
||||
|
||||
var link = "/dash/"+idtoken;
|
||||
const neu = result.filter(obj => obj.sl_id === id);
|
||||
|
||||
$(".kopf").attr("style",`background-color:#${neu[0].color}`);
|
||||
var link = "/dash/" + idtoken;
|
||||
|
||||
console.log(neu[0].color);
|
||||
$(".kopf").attr("style", `background-color:#${neu[0].color}`);
|
||||
|
||||
$(".card-header").append(`<div class="shoplistid" id="${id}">
|
||||
console.log(neu[0].color);
|
||||
|
||||
$(".card-header").append(`<div class="shoplistid" id="${id}">
|
||||
<a href="${link}" style="left: 5px; margin-top: -50px;color: black;">
|
||||
<i class="fas fa-caret-left"></i>
|
||||
</a>
|
||||
@ -272,9 +304,9 @@ function Detail(){
|
||||
${neu[0].name}
|
||||
</h1></div>
|
||||
`);
|
||||
for (let i = 0; i < res.groups.length; i++) {
|
||||
const el = res.groups[i];
|
||||
$(".gruppeninhalt").append(`<div class="col-md-6 col-lg-4 shoplisteid" id="${res.sl_id}">
|
||||
for (let i = 0; i < res.groups.length; i++) {
|
||||
const el = res.groups[i];
|
||||
$(".gruppeninhalt").append(`<div class="col-md-6 col-lg-4 shoplisteid" id="${res.sl_id}">
|
||||
<div class="card mb-3 groupid ${el.group_id}" id="${el.group_id}" style="max-width: 18rem;background-color:#${el.color};">
|
||||
|
||||
<div class="card-header"><h5 class="card-title">${el.name}</h5><button class="btn trashgroup"><i class="far fa-trash-alt"></i></button><button class="btn seemore" type="button" data-toggle="collapse" data-target="#${el.name}" aria-expanded="false" aria-controls="${el.name}"><i class="fas fa-caret-down"></i></button>
|
||||
@ -284,71 +316,81 @@ function Detail(){
|
||||
|
||||
</div></div>
|
||||
`);
|
||||
for(let x = 0; x < el.content.length; x++){
|
||||
const el2 = el.content[x]
|
||||
$(`.${el.name}`).append(`<div class="collapse" id="${el.name}"><ul><li>${el2.count}x ${el2.name}</li></ul></div>`);
|
||||
}
|
||||
}
|
||||
ItemAdden();
|
||||
groupdelete();
|
||||
for (let x = 0; x < el.content.length; x++) {
|
||||
const el2 = el.content[x]
|
||||
$(`.${el.name}`).append(`<div class="collapse" id="${el.name}"><ul><li>${el2.count}x ${el2.name}</li></ul></div>`);
|
||||
}
|
||||
}
|
||||
ItemAdden();
|
||||
groupdelete();
|
||||
},
|
||||
error(err) {
|
||||
console.log("Detail error userinfo_json: ", err);
|
||||
}
|
||||
})
|
||||
},
|
||||
error(err){
|
||||
console.log("Detail error userinfo_json: ", err);
|
||||
error(err) {
|
||||
console.log("Detail error myshoppinglists: ", err);
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
error(err){
|
||||
console.log("Detail error myshoppinglists: ", err);
|
||||
error(err) {
|
||||
console.log("Detail error shoppinglist_json: ", 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)}});
|
||||
}).catch((error) => console.error("Get id token client error: ", error));
|
||||
} else {
|
||||
console.log("Check Auth error", user)
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
function ItemAdden(){
|
||||
$(".itemadd").click(function(){
|
||||
function ItemAdden() {
|
||||
$(".itemadd").click(function () {
|
||||
|
||||
let getid = $(this).closest('.shoplistid');
|
||||
let id = getid.attr('id');
|
||||
let id = getid.attr('id');
|
||||
globaleAddZwischenID = id;
|
||||
console.log(id);
|
||||
$('.select').remove();
|
||||
|
||||
$('.GroupItemAdd').modal('show');
|
||||
|
||||
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(result){
|
||||
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(result) {
|
||||
|
||||
console.log(result.groups);
|
||||
console.log(result.groups);
|
||||
|
||||
for (let i = 0; i < result.groups.length; i++) {
|
||||
const el = result.groups[i];
|
||||
$(".custom-select-groups").append(`
|
||||
for (let i = 0; i < result.groups.length; i++) {
|
||||
const el = result.groups[i];
|
||||
$(".custom-select-groups").append(`
|
||||
<option class="select" value="${el.group_id}">${el.name}</option>
|
||||
`);
|
||||
}
|
||||
|
||||
},
|
||||
error(err){
|
||||
console.log(err);
|
||||
}
|
||||
});
|
||||
}).catch((error) => console.error("Get id token client error: ", error));}else{console.log("Check Auth error", user)}});
|
||||
}
|
||||
|
||||
},
|
||||
error(err) {
|
||||
console.log(err);
|
||||
}
|
||||
});
|
||||
}).catch((error) => console.error("Get id token client error: ", error));
|
||||
} else {
|
||||
console.log("Check Auth error", user)
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(".itemhinzu").click(function(){
|
||||
$(".itemhinzu").click(function () {
|
||||
|
||||
var name = $('#itemname').val();
|
||||
var zahl = $('#inputGroupSelect01').val();
|
||||
@ -361,14 +403,15 @@ $(".itemhinzu").click(function(){
|
||||
type: "POST",
|
||||
url: "/item",
|
||||
data: {
|
||||
group_id: $('#inputGroupSelect02').val(),
|
||||
group_id: $('#inputGroupSelect02').val(),
|
||||
sl_id: globaleAddZwischenID,
|
||||
name: $('#itemname').val(),
|
||||
count: $('#inputGroupSelect01').val()
|
||||
},
|
||||
success(result){
|
||||
success(result) {
|
||||
console.log("post item");
|
||||
},error(err){
|
||||
},
|
||||
error(err) {
|
||||
|
||||
}
|
||||
});
|
||||
@ -377,9 +420,9 @@ $(".itemhinzu").click(function(){
|
||||
|
||||
});
|
||||
|
||||
function groupdelete(){
|
||||
$('.trashgroup').click(function(){
|
||||
|
||||
function groupdelete() {
|
||||
$('.trashgroup').click(function () {
|
||||
|
||||
let getid = $(this).closest('.shoplisteid');
|
||||
let shoplistid = getid.attr('id');
|
||||
let getid2 = $(this).closest('.groupid');
|
||||
@ -393,15 +436,16 @@ function groupdelete(){
|
||||
url: "/group",
|
||||
data: {
|
||||
sl_id: shoplistid,
|
||||
group_id: groupid},
|
||||
success(res){
|
||||
group_id: groupid
|
||||
},
|
||||
success(res) {
|
||||
console.log("card gelöscht");
|
||||
$(`.${groupid}`).remove();
|
||||
},
|
||||
error(err){
|
||||
error(err) {
|
||||
console.log("error");
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
};
|
||||
};
|
||||
Reference in New Issue
Block a user