const API_ENDPOINT = "https://lopolis-api.gimb.tk/";
const jsDateDayString = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
const jsDateMonthString = ["January", "February", "March", "April", "May", "June", "July", "August", "October", "November", "December"];
async function checkLogin() {
localforage.getItem("logged_in_lopolis").then((value) => {
if (value !== true) {
document.getElementById("meals-container").hidden = true;
document.getElementById("meals-login").hidden = false;
} else {
document.getElementById("meals-container").hidden = false;
document.getElementById("meals-login").hidden = true;
loadMeals();
}
}).catch((err) => {
console.log(err);
});
}
function setLoading(state) {
if (state) {
$("#loading-bar").removeClass("hidden");
} else {
$("#loading-bar").addClass("hidden");
}
}
function UIAlert(usermsg, devmsg) {
if(true) { // če bo kakšen dev switch?
M.toast( { html: usermsg } );
console.log("[BežiApp UIAlert] "+usermsg+" "+devmsg);
} else {
M.toast( { html: usermsg+" "+devmsg } );
}
}
async function getToken(callback, callbackparams = []) {
setLoading(true);
let promises_to_run = [
localforage.getItem("lopolis_username").then((value) => {
username = value;
}),
localforage.getItem("lopolis_password").then((value) => {
password = value;
})
];
await Promise.all(promises_to_run);
$.ajax({
url: API_ENDPOINT+"gettoken",
crossDomain: true,
contentType: "application/json",
data: JSON.stringify( { "username": username, "password": password } ),
dataType: "json",
cache: false,
type: "POST",
success: (dataauth) => {
if(dataauth === null || dataauth.error == true) {
UIAlert("Authentication error. ", "getToken(): response error or null");
setLoading(false);
localforage.setItem("logged_in_lopolis", false).then( function(){
checkLogin();
});
} else if (dataauth.error == false) {
let empty = {};
empty.token = dataauth.data;
let argumentsToCallback = [empty].concat(callbackparams);
callback(...argumentsToCallback); // poslje token v {token: xxx}
setLoading(false);
} else {
UIAlert("Authentication error. ", "getToken(): invalid response, no condition met");
setLoading(false);
}
},
error: () => {
UIAlert("LopolisAPI connection error. ", "getToken(): AJAX error");
setLoading(false);
}
});
}
async function getMenus(dataauth, callback, callbackparams = []) {
setLoading(true);
let d = new Date();
// naloži za dva meseca vnaprej (če so zadnji dnevi v mesecu)
let mealsgathered = {};
let promises_to_wait_for = [];
for (let iteration = 1; iteration <= 2; iteration++) {
promises_to_wait_for[iteration] = $.ajax({
url: API_ENDPOINT+"getmenus",
crossDomain: true,
contentType: "application/json",
data: JSON.stringify({"month": d.getMonth()+iteration, "year": d.getFullYear()}),
headers: {
"Authorization": "Bearer "+dataauth.token
},
dataType: "json",
cache: false,
type: "POST",
success: (meals) => {
if(meals === null || meals.error == true) {
UIAlert("Error getting menus. ", "getMenus(): response error or null");
setLoading(false);
localforage.setItem("logged_in_lopolis", false).then( () => {
checkLogin();
});
} else if (meals.error == false) {
setLoading(false);
mealsgathered[iteration] = meals;
} else {
setLoading(false);
UIAlert("Error: unexpected response. ", "getMenus(): invalid response, no condition met");
}
},
error: () => {
setLoading(false);
UIAlert("LopolisAPI server connection error. ", "getMenus(): AJAX error");
}
});
}
await Promise.all(promises_to_wait_for); // javascript is ducking amazing
let allmeals = {};
let passtocallback = {};
for(const [index, monthmeals] of Object.entries(mealsgathered)) { // although this is not very javascripty
allmeals = mergeDeep(allmeals, monthmeals.data);
}
passtocallback.data = allmeals;
passtocallback.token = dataauth.token;
let toBePassed = [passtocallback].concat(callbackparams);
callback(...toBePassed);
}
async function loadMeals() {
getToken(getMenus, [displayMeals, []]);
}
function displayMeals(meals) {
// console.log(JSON.stringify(meals)); // debug // dela!
let root_element = document.getElementById("meals-collapsible");
for(const [date, mealzz] of Object.entries(meals.data)) {
let unabletochoosequestionmark = "";
let readonly = mealzz.readonly;
var datum = new Date(date);
// Create root element for a date entry
let subject_entry = document.createElement("li");
// Create subject collapsible header
let subject_header = document.createElement("div");
subject_header.classList.add("collapsible-header");
subject_header.classList.add("collapsible-header-root");
// Create header text element
let subject_header_text = document.createElement("span");
if(mealzz.readonly) {
unabletochoosequestionmark = "*Read only*";
}
subject_header_text.innerText = jsDateDayString[datum.getDay()]+", "+datum.getDate()+". "+jsDateMonthString[datum.getMonth()]+" "+datum.getFullYear()+" ("+mealzz.meal+"@"
+mealzz.location+") "+unabletochoosequestionmark;
// Create collection for displaying individuals meals
let subject_body = document.createElement("div");
subject_body.className = "collapsible-body";
let subject_body_root = document.createElement("ul");
subject_body_root.className = "collection";
for(const [dindex, dmil] of Object.entries(mealzz.menu_options)) {
// Create element for individual meal
let meal_node = document.createElement("li");
meal_node.className = "collection-item";
meal_node.classList.add("collection-item")
meal_node.classList.add("meal-node");
meal_node.dataset["index"] = dindex;
if(!readonly) {
meal_node.onclick = function () {
setMenu(date, dmil.value);
}
}
let meal_node_div = document.createElement("div");
// Node for left text
let meal_lefttext = document.createElement("span");
// Node for the right text
let meal_righttext = document.createElement("div");
meal_righttext.className = "secondary-content";
// Apply different style, if the meal is selected
if (dmil.selected) {
// Text
meal_lefttext.innerHTML = "<i>"+dmil.text+"</i>";
// Number
meal_righttext.innerText = "selected";
} else {
// Text
meal_lefttext.innerText = dmil.text;
// Number
meal_righttext.innerText = "";
}
meal_node_div.appendChild(meal_lefttext);
meal_node_div.appendChild(meal_righttext);
meal_node.appendChild(meal_node_div);
subject_body_root.appendChild(meal_node);
}
subject_header.appendChild(subject_header_text);
subject_body.append(subject_body_root);
subject_entry.append(subject_header);
subject_entry.append(subject_body);
root_element.append(subject_entry);
}
$("#grades-collapsible").append(root_element);
// refreshClickHandlers();
}
function clearMeals() {
const table = document.getElementById("meals-collapsible");
while (table.firstChild) {
table.removeChild(table.firstChild);
}
}
function refreshMeals(force) {
clearMeals();
loadMeals();
}
function lopolisLogout() {
localforage.setItem("logged_in_lopolis", false);
document.getElementById("meals-collapsible").innerHTML = "";
checkLogin();
}
async function lopolisLogin() {
setLoading(true);
var usernameEl = document.getElementById("meals_username");
var passwordEl = document.getElementById("meals_password");
$.ajax({
url: API_ENDPOINT+"gettoken",
crossDomain: true,
contentType: "application/json",
data: JSON.stringify({"username": usernameEl.value, "password": passwordEl.value}),
dataType: "json",
cache: false,
type: "POST",
success: async function(data) {
if(data == null) {
M.toast({ html: "Request for Authentication failed!" });
setLoading(false);
usernameEl.value = "";
passwordEl.value = "";
} else if(data.error == true) {
M.toast({html:"Authentication failed"});
usernameEl.value = "";
passwordEl.value = "";
setLoading(false);
} else {
let promises_to_run = [
localforage.setItem("logged_in_lopolis", true),
localforage.setItem("lopolis_username", usernameEl.value),
localforage.setItem("lopolis_password", passwordEl.value)
];
await Promise.all(promises_to_run);
checkLogin();
UIAlert("Credential match!");
}
},
error: () => {
M.toast({html:"Authentication failed!"});
setLoading(false);
}
});
}
async function setMenus(currentmeals = 69, toBeSentChoices) { // currentmeals je getMenus response in vsebuje tudi token.
if(currentmeals === 69) {
getToken(getMenus, [setMenus, toBeSentChoices]);
return;
}
for(const [mealzzdate, mealzz] of Object.entries(currentmeals.data)) {
for (const [mealid, mealdata] of Object.entries(mealzz.menu_options)) {
console.log(mealdata);
if(mealdata.selected == true || mealzz.readonly == true) {
toBeSentChoices[mealzzdate] = mealdata.value;
break;
}
}
}
setLoading(true);
$.ajax({
url: API_ENDPOINT+"setmenus",
crossDomain: true,
contentType: "application/json",
data: JSON.stringify( { "choices": toBeSentChoices } ),
headers: {
"Authorization": "Bearer "+currentmeals.token
},
dataType: "json",
cache: false,
type: "POST",
success: (response) => {
if(response === null || response.error == true) {
UIAlert("Error setting meals. ", "setMenus(): response error or null");
setLoading(false);
} else if (response.error == false) {
setLoading(false);
UIAlert("Meal set! Reload meals to be sure.");
} else {
setLoading(false);
UIAlert("Error: unexpected reponse. ", "setMenus(): invalid response, no condition met");
}
},
error: () => {
setLoading(false);
UIAlert("LopolisAPI connection error. ", "setMenus(): AJAX error");
}
});
}
async function setMenu(date, menu) {
let choice = {};
choice[date] = menu;
getToken(getMenus, [setMenus, choice]);
}
// Initialization code
document.addEventListener("DOMContentLoaded", async () => {
checkLogin();
let coll_elem = document.querySelectorAll('.collapsible');
let coll_instance = M.Collapsible.init(coll_elem, {});
// Setup refresh handler
$("#refresh-icon").click(function () {
refreshMeals(true);
});
let elems = document.querySelectorAll('.modal');
let instances = M.Modal.init(elems, {});
// Setup side menu
const menus = document.querySelectorAll('.side-menu');
M.Sidenav.init(menus, { edge: 'right', draggable: true });
// Setup side modal
const modals = document.querySelectorAll('.side-modal');
M.Sidenav.init(modals, { edge: 'left', draggable: false });
var elemsx = document.querySelectorAll('select');
var instancesx = M.FormSelect.init(elemsx);
var datepickerelems = document.querySelectorAll('.datepicker');
var today = new Date();
var datepickerinstances = M.Datepicker.init(datepickerelems, {
firstDay: 1,
minDate: today,
showDaysInNextAndPreviousMonths: true,
showClearBtn: true,
format: "dddd, dd. mmmm yyyy"
});
});
