summaryrefslogtreecommitdiffstats
path: root/js
diff options
context:
space:
mode:
authorrstular <rok@stular.eu>2020-05-14 01:51:10 +0200
committerrstular <rok@stular.eu>2020-05-14 01:51:10 +0200
commit07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d (patch)
tree4359792562be65821bf266eba8017eb754dfa4ef /js
parentassetlinks more releases (diff)
downloadbeziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar.gz
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar.bz2
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar.lz
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar.xz
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.tar.zst
beziapp-07cb830c35f2bed8cfa8abcd1e31fc5bf965db9d.zip
Diffstat (limited to 'js')
-rw-r--r--js/absences.js18
-rw-r--r--js/app.js2
-rw-r--r--js/chats.js53
-rw-r--r--js/grades.js11
-rw-r--r--js/gradings.js2
-rw-r--r--js/gsec.js132
-rw-r--r--js/lang/bundle.js8
-rw-r--r--js/meals.js50
-rw-r--r--js/messaging.js244
-rw-r--r--js/settings.js2
-rw-r--r--js/teachers.js9
-rw-r--r--js/timetable.js12
12 files changed, 380 insertions, 163 deletions
diff --git a/js/absences.js b/js/absences.js
index a3d33cd..0e0d1fd 100644
--- a/js/absences.js
+++ b/js/absences.js
@@ -94,22 +94,29 @@ async function loadAbsences(force_refresh = false) {
function displayData() {
absences.forEach(absence => {
let li = document.createElement("li");
+
let date_string = dateString.longFormatted(absence["date"]); // javascript sucks - zakaj ob vsej svoji "preprostosti" ne morm met Date za key objecta!?!?'!!11~
let header = document.createElement("div");
header.className = "collapsible-header";
header.innerText = date_string;
+
let body = document.createElement("div");
body.className = "collapsible-body";
+
let body_table = document.createElement("table");
body_table.className = "highlight";
+
let body_table_tbody = document.createElement("tbody");
+
Object.keys(absence.subjects).forEach(lesson => {
let subject_row = document.createElement("tr");
let subject_lesson_icon = document.createElement("td");
let subject_lesson_text = document.createElement("td");
subject_lesson_text.innerText = S("lesson") + " " + lesson;
+
let subject_lesson_icon_i = document.createElement("i");
subject_lesson_icon_i.className = "material-icons";
+
switch (absence["subjects"][lesson]["status"]) {
case 0:
subject_lesson_icon_i.innerText = "schedule";
@@ -124,7 +131,9 @@ function displayData() {
subject_lesson_icon_i.innerText = "not_interested";
break;
}
+
subject_lesson_icon.appendChild(subject_lesson_icon_i);
+
let subject_name = document.createElement("td");
subject_name.innerText = S(gseAbsenceTypes[absence["subjects"][lesson]["status"]]) + " : " + absence["subjects"][lesson]["subject"];
subject_row.appendChild(subject_lesson_icon);
@@ -132,11 +141,13 @@ function displayData() {
subject_row.appendChild(subject_name);
body_table_tbody.appendChild(subject_row);
});
+
body_table.appendChild(body_table_tbody);
body.appendChild(body_table);
+
li.appendChild(header);
li.appendChild(body);
- $("#absences-col").append(li);
+ $("#absences-col").append(li);
});
}
@@ -164,10 +175,10 @@ function setupPickers() {
setDefaultDate: true,
firstDay: 1,
onSelect: refreshAbsences
- }
+ }
+
let instances = M.Datepicker.init(elems, options);
-
date_object.setDate(date_object.getDate() - 14);
elems = document.querySelectorAll('#datepicker-from');
@@ -199,5 +210,4 @@ document.addEventListener("DOMContentLoaded", () => {
// Setup side menu
const menus = document.querySelectorAll('.side-menu');
M.Sidenav.init(menus, { edge: 'right', draggable: true });
-
});
diff --git a/js/app.js b/js/app.js
index f7c423f..022b946 100644
--- a/js/app.js
+++ b/js/app.js
@@ -12,9 +12,11 @@ if (navigator.serviceWorker) {
}
});
}
+
if (location.protocol != 'https:') {
location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
}
+
async function UIAlert(usermsg, devmsg) {
if(true) { // če bo kakšen dev switch?
M.toast( { html: usermsg } );
diff --git a/js/chats.js b/js/chats.js
index 73dc791..640a2ab 100644
--- a/js/chats.js
+++ b/js/chats.js
@@ -1,5 +1,6 @@
-const API_ENDPOINT = "https://gimb.tk/test.php";
+// const API_ENDPOINT = "https://gimb.tk/test.php";
const DIRECTORY_URL = "/directory.json";
+
// "Global" object for name directory
var directory = null;
var currentlyChattingWith = null; // msgid
@@ -18,9 +19,11 @@ async function checkLogin() {
console.log(err);
});
}
+
function getKeyByValue(object, value) {
- return Object.keys(object).find(key => object[key] === value);
+ return Object.keys(object).find(key => object[key] === value);
}
+
// -----------HTML HELPERS-----------
function htmlEncode(value) {
// Create a in-memory element, set its inner text (which is automatically encoded)
@@ -56,7 +59,7 @@ function loadDirectory() {
localforage.getItem("directory").then((stored_directory) => {
if (stored_directory === null) {
// If unable, set directory to null (so other functions know that we don't have it)
- UIAlert( D("nameDirectoryNotSet"), "loadDirectory(): stored_directory === null" );
+ UIAlert( D("nameDirectoryNotSet"), "loadDirectory(): stored_directory === null" );
directory = null;
// Disable send button
document.getElementById("msg-send").disabled = true;
@@ -102,6 +105,7 @@ function setLoading(state) {
$("#loading-bar").addClass("hidden");
}
}
+
async function sendMessage(recipient_number = null, body = null) {
if(recipient_number == null || recipient_number == undefined) {
recipient_number = directory[sogovornik];
@@ -139,27 +143,39 @@ async function sendMessage(recipient_number = null, body = null) {
}
});
}
+
function addMessage(whom, body, datePlacement = 0, messageDate = null) { // datePlacement: 0=append bubble to end, 1=append bubble to start.
if(whom == 0) {
var whos = "mine";
} else {
var whos = "yours";
}
+
var timestamp = Date.now();
- if(messageDate instanceof Date) { timestamp = messageDate.getTime(); }
- if(typeof messageDate == "number") { timestamp = messageDate; }
+ if(messageDate instanceof Date) {
+ timestamp = messageDate.getTime();
+ }
+
+ if(typeof messageDate == "number") {
+ timestamp = messageDate;
+ }
+
var chatarea = document.getElementsByClassName("chat")[0];
var alreadyMessages = chatarea.querySelectorAll(".message");
var textnode = document.createTextNode(body);
+
var bubblenode = document.createElement("div");
bubblenode.setAttribute("data-date", timestamp);
bubblenode.appendChild(textnode);
+
if(chatarea.childElementCount == 0) {
bubblenode.className = "message last";
var messagesnest = document.createElement("div");
var istaoseba = false;
} else {
+
if(datePlacement == 0 || timestamp > Number(alreadyMessages[alreadyMessages.length - 1].getAttribute("data-date"))) {
+
datePlacement = 0;
console.log(alreadyMessages[0].getAttribute("data-date"));
bubblenode.className = "message last";
@@ -171,7 +187,9 @@ function addMessage(whom, body, datePlacement = 0, messageDate = null) { // date
var istaoseba = false;
var messagesnest = document.createElement("div");
}
+
} else if (datePlacement == 1 || timestamp < Number(alreadyMessages[0].getAttribute("data-date"))) {
+
datePlacement = 1;
console.log(alreadyMessages[0].getAttribute("data-date"));
if(chatarea.children.item(0).classList.contains(whos)) { // ista oseba
@@ -183,22 +201,25 @@ function addMessage(whom, body, datePlacement = 0, messageDate = null) { // date
var istaoseba = false;
var messagesnest = document.createElement("div");
}
+
} else { // auto place (slower, so 0 or 1 are options
+
console.log("if3");
for(var iter = 0; iter < alreadyMessages.length - 2; iter++) { // (-2 zato, ker potem iter+1 ne obstaja pri zadnjem elementu)
- if (
- Number(alreadyMessages[iter].getAttribute("data-date")) < timstamp
- && Number(alreadyMessages[iter+1].getAttribute("data-date")) > timestamp
- ) {
+ if (Number(alreadyMessages[iter].getAttribute("data-date")) < timstamp
+ && Number(alreadyMessages[iter+1].getAttribute("data-date")) > timestamp) {
+
var zgornjiIsti = alreadyMessages[iter].parentElement.classList.contains(whos);
var spodnjiIsti = alreadyMessages[iter+1].parentElement.classList.contains(whos);
console.log([zgornjiIsti, spodnjiIsti]);
+
if(zgornjiIsti && spodnjiIsti) {
var messagesnest = alreadyMessages[iter].parentElement;
bubblenode.className = "message";
messagesnest.insertBefore(bubblenode, alreadyMessages[iter+1]);
return;
}
+
if(zgornjiIsti && !spodnjiIsti) {
var messagesnest = alreadyMessages[iter].parentElement;
bubblenode.className = "message last";
@@ -206,25 +227,30 @@ function addMessage(whom, body, datePlacement = 0, messageDate = null) { // date
messagesnest.appendChild(bubblenode);
return;
}
+
if(!zgornjiIsti && spodnjiIsti) {
var messagesnest = alreadyMessages[iter+1].parentElement;
bubblenode.className = "message";
messagesnest.insertBefore(bubblenode, alreadyMessages[iter+1]);
return;
}
+
throw new RangeError("This should not happen!");
}
}
throw new RangeError("This should not happen!1");
+
}
}
+
// autodetect date is not present here anymore
- messagesnest.className = whos+" messages";
+ messagesnest.className = whos + " messages";
if(datePlacement == 0) {
messagesnest.appendChild(bubblenode);
} else {
messagesnest.prepend(bubblenode);
}
+
if(!istaoseba) {
if(datePlacement == 0) {
chatarea.appendChild(messagesnest);
@@ -233,6 +259,7 @@ function addMessage(whom, body, datePlacement = 0, messageDate = null) { // date
}
}
}
+
async function validateName() {
if (directory !== null) {
document.getElementById("full-name").disabled = false;
@@ -282,7 +309,6 @@ document.addEventListener("DOMContentLoaded", () => {
const modals = document.querySelectorAll('.side-modal');
M.Sidenav.init(modals, { edge: 'left', draggable: false });
prepareAndStartFetchingMessages(); // just opens modal, as there is no recipient selected
-
});
async function updateSendButton() {
@@ -304,13 +330,17 @@ async function setRecipient(name = null) {
UIAlert(D("recipientNotInDirectory"));
throw new RangeError("Hello from setRecipient(): name is not in directory");
}
+
var modal = document.querySelectorAll('#directory-side-menu')[0];
var modalInstance = M.Sidenav.getInstance(modal);
modalInstance.close();
+
document.getElementsByClassName("msg-chattingWith")[0].innerHTML = name;
sogovornik = name;
currentlyChattingWith = directory[name];
+
document.getElementById("chat-mustSelectRecipient").hidden=true;
+
updateSendButton();
clearMessages(); // <-- do when recipient selected
prepareAndStartFetchingMessages(); // <-- same
@@ -337,6 +367,7 @@ async function startFetchingMessages() {
password = value;
}),
];
+
setLoading(true);
await Promise.all(promises_to_run);
try {
diff --git a/js/grades.js b/js/grades.js
index b77ffd2..9994596 100644
--- a/js/grades.js
+++ b/js/grades.js
@@ -40,8 +40,10 @@ async function loadGrades(force_refresh = false) {
// If we don't have a list of grades, fetch it
if (grades === null || grades === [] || force_refresh) {
try {
+
let gsecInstance = new gsec();
- await gsecInstance.login(username, password);
+ await gsecInstance.login(username, password);
+
gsecInstance.fetchGrades().then( (value) => {
grades = value;
localforage.setItem("grades", value).then((value) => {
@@ -53,10 +55,12 @@ async function loadGrades(force_refresh = false) {
gsecErrorHandlerUI(err);
setLoading(false);
});
+
} catch (err) {
gsecErrorHandlerUI(err);
setLoading(false);
}
+
} else {
displayGrades();
setLoading(false);
@@ -69,6 +73,7 @@ function displayGrades() {
if (!(grade["subject"] in grades_by_subject)) {
grades_by_subject[grade["subject"]] = [];
}
+
let grade_object = {
date: dateString.longFormatted(grade["date"]),
teacher: grade["teacher"],
@@ -81,7 +86,9 @@ function displayGrades() {
index: index
}
grades_by_subject[grade["subject"]].push(grade_object);
+
});
+
let root_element = document.getElementById("grades-collapsible");
Object.keys(grades_by_subject).forEach((subject) => {
// Create root element for a subject entry
@@ -217,6 +224,6 @@ document.addEventListener("DOMContentLoaded", async () => {
// Setup side modal
const modals = document.querySelectorAll('.side-modal');
M.Sidenav.init(modals, { edge: 'left', draggable: false });
- await clearGrades();
+ clearGrades();
await loadGrades();
});
diff --git a/js/gradings.js b/js/gradings.js
index 756db9f..c55e743 100644
--- a/js/gradings.js
+++ b/js/gradings.js
@@ -91,7 +91,7 @@ async function loadGradings(force_refresh = false) {
if (gradings === null || gradings === [] || gradings === -1 || force_refresh) {
try {
let gsecInstance = new gsec();
- await gsecInstance.login(username, password);
+ await gsecInstance.login(username, password);
gsecInstance.fetchGradings().then( (value) => {
gradings = value;
localforage.setItem("gradings", value).then((value) => {
diff --git a/js/gsec.js b/js/gsec.js
index e1c2ffc..3bbb8b1 100644
--- a/js/gsec.js
+++ b/js/gsec.js
@@ -1,19 +1,23 @@
// tab = 2 || any spaces; use tabs
// not tested yet -- NOTE: document.createElement is xssy, use DOMParser!
var gseAbsenceTypes = ["notProcessed", "authorizedAbsence", "unauthorizedAbsence", "doesNotCount"];
+
function get_string_between(string, start, end) {
return string.split(start).pop().split(end)[0];
}
+
function stripHtml(html) {
var tmp = document.createElement("DIV");
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || "";
}
+
function slDayToInt(inputString) { // wtf
let fourChars = inputString.substring(1, 5);
let fourCharDays = ["oned", "orek", "reda", "etrt", "etek", "obot", "edel"];
return fourCharDays.indexOf(fourChars);
}
+
const GSE_URL = "https://zgimsis.gimb.tk/gse/";
const GSEC_ERR_NET = "GSEC NETWORK ERROR (ajax error)";
const GSEC_ERR_NET_POSTBACK_GET = "GSEC NETWORK ERROR (ajax error) in postback GET"
@@ -26,8 +30,10 @@ const GSEC_NO_ABSENCES = "noAbsences";
const GSEC_MSGTYPES = ["msgReceived", "msgSent", "msgDeleted"];
class gsec {
+
constructor() {
}
+
parseAndPost(inputHTML, params, formId = null, useDiffAction = null) {
return new Promise((resolve, reject) => {
let parser = new DOMParser();
@@ -67,6 +73,7 @@ class gsec {
});
});
}
+
postback(getUrl, params = {}, formId = null, useDiffAction = null) {
return new Promise( (resolve, reject) => {
$.ajax({
@@ -92,6 +99,7 @@ class gsec {
});
});
}
+
login(usernameToLogin, passwordToLogin) {
return new Promise((resolve, reject) => {
var dataToSend = {"edtGSEUserId": usernameToLogin, "edtGSEUserPassword": passwordToLogin, "btnLogin": "Prijava"};
@@ -113,6 +121,7 @@ class gsec {
});
});
}
+
fetchSessionData() {
return new Promise((resolve, reject) => {
$.ajax({
@@ -144,6 +153,7 @@ class gsec {
});
});
}
+
fetchTeachersDirectory() {
return new Promise((resolve, reject) => {
var dejt = new Date();
@@ -162,8 +172,15 @@ class gsec {
type: "POST",
dataType: "json",
contentType: "application/json",
- data: JSON.stringify( { "aIdOsebeRe": "", "aIdSolskoLeto": Number(letnica).toString(), "aMsgType": "null", "aIdType": "null", "aIdUcitelj": "", "aFilter": null} ),
- // note about the nulls, "null"s and ""s: this is actually how zgimsisext2016 javascripts sends it.
+ data: JSON.stringify({
+ "aIdOsebeRe": "",
+ "aIdSolskoLeto": Number(letnica).toString(),
+ "aMsgType": "null",
+ "aIdType": "null",
+ "aIdUcitelj": "",
+ "aFilter": null
+ }),
+ // note about the nulls, "null"s and ""s: this is actually how zgimsisext2016 javascripts sends it.
processData: false,
success: (data, textStatus, xhr) => {
var teachersDirectory = data.d.split(";"); // data.d je "12434=Ime Primek (učitelj);75353=Ime Drugega Priimek (učitelj)";
@@ -180,6 +197,7 @@ class gsec {
});
});
}
+
fetchTimetable(datum = null) {
if(datum == null) {
var dataToSend = {};
@@ -201,12 +219,19 @@ class gsec {
var razred = desc[2];
var teacher = desc[3];
var place = desc[4];
- urnik[day][period] = {"subject": subject, "acronym": abkurzung, "class": razred, "teacher": teacher, "place": place};
+ urnik[day][period] = {
+ "subject": subject,
+ "acronym": abkurzung,
+ "class": razred,
+ "teacher": teacher,
+ "place": place
+ };
}
resolve(urnik);
});
});
}
+
fetchGradings() {
return new Promise((resolve, reject) => {
var gradings = [];
@@ -232,6 +257,7 @@ class gsec {
});
});
}
+
fetchTeachers() { // razrednika ne vrne kot razrednika, če le-ta uči še en predmet. razlog: razrednik je napisan dvakrat, drugič se prepiše. Ne da se mi popravljat.
return new Promise((resolve, reject) => {
var Teachers = {};
@@ -264,12 +290,16 @@ class gsec {
});
});
}
+
sendMessage(recipient, subject = " ", body = " ") {
return new Promise((resolve, reject) => {
var dataToSend = {
- "ctl00$ModalMasterBody$edtPrejemniki": "" , "ctl00$ModalMasterBody$edtZadeva": subject ,
- "ctl00$ModalMasterBody$edtBesediloExt": body , "__EVENTTARGET": "ctl00$ModalMasterBody$btnDogodekShrani" ,
- "__EVENTARGUMENT": "" , "ctl00$ModalMasterBody$hfPrejemniki": recipient
+ "ctl00$ModalMasterBody$edtPrejemniki": "",
+ "ctl00$ModalMasterBody$edtZadeva": subject,
+ "ctl00$ModalMasterBody$edtBesediloExt": body,
+ "__EVENTTARGET": "ctl00$ModalMasterBody$btnDogodekShrani",
+ "__EVENTARGUMENT": "",
+ "ctl00$ModalMasterBody$hfPrejemniki": recipient
};
this.postback(GSE_URL+"Page_Gim/Uporabnik/modSporocilo.aspx?params=", dataToSend, null, true).then((response)=>{
resolve(null);
@@ -280,7 +310,7 @@ class gsec {
return new Promise((resolve, reject) => {
$.ajax({
xhrFields: {
- withCredentials: true
+ withCredentials: true
},
crossDomain: true,
url: GSE_URL+"Page_Gim/Uporabnik/Sporocila.aspx/DeleteMessage",
@@ -291,11 +321,11 @@ class gsec {
data: JSON.stringify( { "aIdSporocilo": id.split("|")[0], "aIdZapis": id.split("|")[1] } ),
processData: false,
success: (data, textStatus, xhr) => {
- if(data.d == true) {
- resolve(true);
- } else {
- reject(new Error(false));
- }
+ if(data.d == true) {
+ resolve(true);
+ } else {
+ reject(new Error(false));
+ }
},
error: () => {
reject(new Error(GSEC_ERR_NET));
@@ -303,6 +333,7 @@ class gsec {
});
});
}
+
fetchAbsences(fromDate = null, tillDate = null) { // navedba datumov je deprecated. Internet je dovolj hiter za poslat maksimalno 4160 ur (16 ur/dan, 5 dni/ted, 52 ted/leto)
return new Promise((resolve, reject)=>{
if(!(fromDate instanceof Date) || !(tillDate instanceof Date)) {
@@ -340,20 +371,21 @@ class gsec {
});
});
}
+
fetchGrades() {
var grades = [];
return new Promise((resolve, reject) => {
- $.ajax({
- xhrFields: {
- withCredentials: true
- },
- crossDomain: true,
- url: GSE_URL+"Page_Gim/Ucenec/OceneUcenec.aspx",
- cache: false,
- type: "GET",
- dataType: "html",
- processData: false,
- success: (data, textStatus, xhr) => {
+ $.ajax({
+ xhrFields: {
+ withCredentials: true
+ },
+ crossDomain: true,
+ url: GSE_URL+"Page_Gim/Ucenec/OceneUcenec.aspx",
+ cache: false,
+ type: "GET",
+ dataType: "html",
+ processData: false,
+ success: (data, textStatus, xhr) => {
let parser = new DOMParser();
let parsed = parser.parseFromString(data, "text/html");
let gradeSpans = parsed.getElementsByClassName("txtVOcObd");
@@ -386,17 +418,22 @@ class gsec {
grades.push(gradeToAdd);
}
resolve(grades);
- },
- error: () => {
- reject(new Error(GSEC_ERR_NET));
- }
- });
+ },
+ error: () => {
+ reject(new Error(GSEC_ERR_NET));
+ }
+ });
});
}
+
fetchMessageOld(selectId) { // ne dela, glej fix spodaj (fetchMessage)
var message;
return new Promise((resolve, reject) => {
- var dataToBeSent = {"__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila", "__EVENTARGUMENT": "Select$"+selectId};
+ var dataToBeSent = {
+ "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila",
+ "__EVENTARGUMENT": "Select$" + selectId
+ };
+
this.postback(GSE_URL+"Page_Gim/Uporabnik/Sporocila.aspx", dataToBeSent, null, true).then((response) => {
let parser = new DOMParser();
let parsed = parser.parseFromString(response.data, "text/html");
@@ -408,15 +445,26 @@ class gsec {
var tume = parsed.querySelectorAll("[id$=Label7]")[0].innerHTML.split(" (").pop().split(")")[0].split(" ").pop(); // "tume"!
var dateObj = new Date(Date.parse(date[2]+"-"+date[1]+"-"+date[0]+" "+tume)); // "tume"!
var msgId = parsed.getElementById("ctl00_ContentPlaceHolder1_hfIdSporocilo").getAttribute("value");
- message = {"subject": subject, "body": body, "sender": sender, "recipient": recipient, "date": dateObj};
+ message = {
+ "subject": subject,
+ "body": body,
+ "sender": sender,
+ "recipient": recipient,
+ "date": dateObj
+ };
resolve(message);
});
});
}
+
fetchMessagesLastPageNumber(category = GSEC_MSGTYPE_RECEIVED) {
var msgCategory = GSEC_MSGTYPES[category];
return new Promise((resolve, reject) => {
- var dataToBeSent = {"ctl00$ContentPlaceHolder1$ddlPrikaz": msgCategory, "__EVENTARGUMENT": "Page$Last", "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila"};
+ var dataToBeSent = {
+ "ctl00$ContentPlaceHolder1$ddlPrikaz": msgCategory,
+ "__EVENTARGUMENT": "Page$Last",
+ "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila"
+ };
this.postback(GSE_URL+"Page_Gim/Uporabnik/Sporocila.aspx", dataToBeSent, null, true).then((response) => {
let parser = new DOMParser();
let parsed = parser.parseFromString(response.data, "text/html");
@@ -430,12 +478,17 @@ class gsec {
});
});
}
+
fetchMessagesList(category = GSEC_MSGTYPE_RECEIVED, pageNumber = 1, outputResponse = false) { // outputResponse je probably za debug
var msgCategory = GSEC_MSGTYPES[category];
var messages = [];
- var requestURi = GSE_URL+"Page_Gim/Uporabnik/Sporocila.aspx";
+ var requestURi = GSE_URL + "Page_Gim/Uporabnik/Sporocila.aspx";
return new Promise((resolve, reject) => {
- var dataToBeSent = {"ctl00$ContentPlaceHolder1$ddlPrikaz": msgCategory, "__EVENTARGUMENT": "Page$"+pageNumber, "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila"};
+ var dataToBeSent = {
+ "ctl00$ContentPlaceHolder1$ddlPrikaz": msgCategory,
+ "__EVENTARGUMENT": "Page$" + pageNumber,
+ "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila"
+ };
this.postback(requestURi, dataToBeSent, null, true).then((response) => {
if(outputResponse == true) {
response.url = requestURi;
@@ -469,11 +522,21 @@ class gsec {
});
});
}
+
fetchMessage(category = GSEC_MSGTYPE_RECEIVED, pageNumber = 1, messageNumberOnPage = 0) {
var message;
return new Promise((resolve, reject) => {
this.fetchMessagesList(category, pageNumber, true).then( (value) => {
- this.parseAndPost(value.data, {"__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila", "__EVENTARGUMENT": "Select$"+messageNumberOnPage}, null, value.url).then((response) => {
+ this.parseAndPost(
+ value.data,
+ {
+ "__EVENTTARGET": "ctl00$ContentPlaceHolder1$gvwSporocila",
+ "__EVENTARGUMENT": "Select$" + messageNumberOnPage
+ },
+ null,
+ value.url
+ ).then((response) => {
+
let parser = new DOMParser();
let parsed = parser.parseFromString(response.data, "text/html");
let subject = parsed.getElementsByClassName("msgSubjectS")[0].innerHTML.trim();
@@ -486,6 +549,7 @@ class gsec {
var msgId = parsed.getElementById("ctl00_ContentPlaceHolder1_hfIdSporocilo").getAttribute("value");
message = {"subject": subject, "body": body, "sender": sender, "recipient": recipient, "date": dateObj, "msgId": msgId};
resolve(message);
+
});
});
});
diff --git a/js/lang/bundle.js b/js/lang/bundle.js
index 2dd0511..6e6c5b6 100644
--- a/js/lang/bundle.js
+++ b/js/lang/bundle.js
@@ -367,7 +367,7 @@ var langstrings = {
messageBody: "telo",
removeImages: "odstrani slike",
note: "opomba",
- largeImagesNote: "GimB strežniki ne marajo velikih sporočil, zato lahko pošiljate le zelo male slike, v nasprotnem primeru sporočilo ne bo dostavljeno",
+ largeImagesNote: "GimB strežniki ne marajo velikih sporočil, zato lahko pošiljate le zelo majhne slike, v nasprotnem primeru sporočilo ne bo dostavljeno",
attachedImages: "pripete slike",
passwordForE2EE: "geslo za šifriranje sporočila",
messages: "sporočila",
@@ -379,7 +379,7 @@ var langstrings = {
loadMessageBody: "naloži telo sporočila",
thisMessageWasEncrypted: "to sporočilo je šifriral BežiApp",
enterPassword: "vnesite geslo",
- decrypt: "odšifriraj",
+ decrypt: "dešifriraj",
nameDirectoryNotSet: "imenik ni nastavljen, pošiljanje ni mogoče",
errorFetchingMessages: "sporočil ni bilo mogoče prenesti",
unableToReceiveTheMessage: "sporočila ni bilo mogoče prenesti",
@@ -425,7 +425,7 @@ var langstrings = {
translatorsForThisLanguage: "prevajalci izbranega jezika",
whatIsNew: "kaj je novega",
whatsNew: "kaj je novega",
- reportABug: "prijavite napako ali hrošča",
+ reportABug: "prijavite napako",
sendASuggestion: "pošljite pripombo/predlog/pohvalo/pritožbo",
instagram: "instagram",
// changelog
@@ -460,7 +460,7 @@ var langstrings = {
languageSet: "jezik nastavljen, odprite neko drugo stran da se pokažejo spremembe",
// gsec
gsecErrNet: "napaka povezave na GimSIS",
- gsecErrLogin: "napaka avtentikacije na GimSISu (napačno geslo?), poskusite se odjaviti",
+ gsecErrLogin: "prijava v GimSIS ni uspela (napačno geslo?), poskusite se odjaviti",
gsecErrOther: "neznana napaka GimSISa, poskusite se odjaviti",
// videoconferences
videoconferences: "GimB konference"
diff --git a/js/meals.js b/js/meals.js
index 1ce08f5..3423292 100644
--- a/js/meals.js
+++ b/js/meals.js
@@ -1,4 +1,5 @@
const API_ENDPOINT = "https://lopolis-api.gimb.tk/";
+
async function checkLogin() {
localforage.getItem("logged_in_lopolis").then((value) => {
if (value != true) {
@@ -13,6 +14,7 @@ async function checkLogin() {
console.log(err);
});
}
+
function setLoading(state) {
if (state) {
$("#loading-bar").removeClass("hidden");
@@ -20,6 +22,7 @@ function setLoading(state) {
$("#loading-bar").addClass("hidden");
}
}
+
async function getToken(callback, callbackparams = []) {
setLoading(true);
let promises_to_run = [
@@ -103,16 +106,21 @@ async function getMenus(dataauth, callback, callbackparams = []) {
}
});
}
+
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() {
@@ -121,29 +129,37 @@ async function loadMeals() {
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 = "*" + S("readOnly") + "*";
}
- subject_header_text.innerText = dateString.day(datum.getDay())+", "+datum.getDate()+". "+dateString.month(datum.getMonth())+" "+datum.getFullYear()+" ("+mealzz.meal+"@"
- +mealzz.location+") "+unabletochoosequestionmark;
+
+ // Use ES6 templates
+ subject_header_text = `${dateString.day(datum.getDay())}, ${datum.getDate()}. ${dateString.month(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");
@@ -151,11 +167,13 @@ function displayMeals(meals) {
meal_node.classList.add("collection-item")
meal_node.classList.add("meal-node");
meal_node.dataset["index"] = dindex;
- if(!readonly) {
- meal_node.onclick = function () {
+
+ if (!readonly) {
+ meal_node.onclick = () => {
setMenu(date, dmil.value);
}
}
+
let meal_node_div = document.createElement("div");
// Node for left text
let meal_lefttext = document.createElement("span");
@@ -165,7 +183,7 @@ function displayMeals(meals) {
// Apply different style, if the meal is selected
if (dmil.selected) {
// Text
- meal_lefttext.innerHTML = "<i>"+dmil.text+"</i>";
+ meal_lefttext.innerHTML = `<i>${dmil.text}</i>`;
// Number
meal_righttext.innerText = S("selected");
} else {
@@ -179,13 +197,14 @@ function displayMeals(meals) {
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);
+ $("#meals-collapsible").append(root_element);
// refreshClickHandlers();
}
@@ -247,11 +266,13 @@ async function lopolisLogin() {
}
});
}
+
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)) {
if(mealzzdate in toBeSentChoices) {} else {
for (const [mealid, mealdata] of Object.entries(mealzz.menu_options)) {
@@ -263,30 +284,32 @@ async function setMenus(currentmeals = 69, toBeSentChoices) { // currentmeals je
}
}
}
+
setLoading(true);
+
$.ajax({
- url: API_ENDPOINT+"setmenus",
+ url: API_ENDPOINT + "setmenus",
crossDomain: true,
contentType: "application/json",
data: JSON.stringify( { "choices": toBeSentChoices } ),
headers: {
- "Authorization": "Bearer "+currentmeals.token
+ "Authorization": "Bearer " + currentmeals.token
},
dataType: "json",
cache: false,
type: "POST",
+
success: (response) => {
if(response === null || response.error == true) {
UIAlert( D("errorSettingMeals"), "setMenus(): response error or null");
- setLoading(false);
} else if (response.error == false) {
- setLoading(false);
UIAlert( D("mealSet"), "setMenus(): meni nastavljen");
} else {
- setLoading(false);
UIAlert( D("errorUnexpectedResponse"), "setMenus(): invalid response, no condition met");
}
+ setLoading(false);
},
+
error: () => {
setLoading(false);
UIAlert( D("lopolisAPIConnectionError"), "setMenus(): AJAX error");
@@ -298,23 +321,28 @@ async function setMenu(date, menu) {
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');
diff --git a/js/messaging.js b/js/messaging.js
index 2b5c065..187df17 100644
--- a/js/messaging.js
+++ b/js/messaging.js
@@ -51,7 +51,7 @@ function loadDirectory() {
localforage.getItem("directory").then((stored_directory) => {
if (stored_directory === null) {
// If unable, set directory to null (so other functions know that we don't have it)
- UIAlert( D("nameDirectoryNotSet"), "loadDirectory(): stored_directory === null" );
+ UIAlert( D("nameDirectoryNotSet"), "loadDirectory(): stored_directory === null" );
directory = null;
// Disable send button
document.getElementById("msg-send").disabled = true;
@@ -66,7 +66,7 @@ function loadDirectory() {
}
function populateAutocomplete() {
- let elems = document.querySelectorAll('.autocomplete-fullname');
+ let elems = document.querySelectorAll(".autocomplete-fullname");
// če se uporablja globalna var directory, ki je shranjena kot objekt (vedno shranjen kot reference), bo pri let x=y x le pointer na object y
// in se bo spremenil z spremembo "originala". spodnja stvar itak ni preveč efficent, loop čez vseh 7000 ljudi bi lahko delal težave...
// kakšen Object.keys bi bila boljša varianta ampak raje napišem tale komentar... idk, to se mi je zdelo uporabno ampak sedaj obžalujem
@@ -75,16 +75,19 @@ function populateAutocomplete() {
for (let variableKey in autocomplete_entries) {
autocomplete_entries[variableKey] = null;
}
+
M.Autocomplete.init(elems, {
data: autocomplete_entries,
onAutocomplete: validateName,
minLength: 0
});
+
if(window.location.hash.length > 1) {
- document.getElementById("full-name").value = decodeURIComponent(window.location.hash.substring(1));
+ $("#full-name").val(decodeURIComponent(window.location.hash.substring(1)));
} else {
- document.getElementById("full-name").value = getUrlParameter("m");
+ $("#full-name").val(getUrlParameter("m"));
}
+
M.updateTextFields();
validateName();
}
@@ -133,7 +136,7 @@ async function loadMessages(force_refresh = true, katera = 0) {
success: (data) => {
// If data is null, the request failed
if (data === null) {
- UIAlert( D("requestFailed") );
+ UIAlert( D("requestFailed") );
setLoading(false);
} else {
// Save messages & populate view
@@ -147,10 +150,9 @@ async function loadMessages(force_refresh = true, katera = 0) {
},
error: () => {
- UIAlert( D("errorFetchingMessages") );
+ UIAlert( D("errorFetchingMessages") );
setLoading(false);
}
-
})
} else {
displayData();
@@ -187,16 +189,15 @@ async function loadMsg(id) {
success: (data) => {
// If data is null, the request failed
if (data === null) {
- UIAlert( D("unableToReceiveTheMessage") + " " + D("requestFailed") );
- setLoading(false);
+ UIAlert( `${D("unableToReceiveTheMessage")} ${D("requestFailed")}` );
} else {
displayMessage(id, data);
- setLoading(false);
}
+ setLoading(false);
},
error: () => {
- UIAlert( D("unableToReceiveTheMessage") + " " + D("noInternetConnection") );
+ UIAlert( `${D("unableToReceiveTheMessage")} ${D("noInternetConnection")}` );
setLoading(false);
}
@@ -231,16 +232,15 @@ async function deleteMsg(id) {
success: (data) => {
// If data is null, the request failed
if (data === null) {
- UIAlert( D("unableToDeleteTheMessage") + " " + D("requestFailed") );
- setLoading(false);
+ UIAlert( `${D("unableToDeleteTheMessage")} ${D("requestFailed")}` );
} else {
document.getElementById("msg_box-" + id).remove();
- setLoading(false);
}
+ setLoading(false);
},
error: () => {
- UIAlert( D("unableToDeleteTheMessage") + " " + D("noInternetConnection") );
+ UIAlert( `${D("unableToDeleteTheMessage")} ${D("noInternetConnection")}` );
setLoading(false);
}
@@ -250,50 +250,90 @@ async function deleteMsg(id) {
function displayMessage(id, data) {
if(data["telo"].substring(0, 21) == "<!-- beziapp-e2eemsg-") {
- var datatodecrypt = data["telo"].substring(29+Number(data["telo"].substring(21, 25)), data["telo"].length-6) // length-6 da zbrišemo zadnji </div>
- var randomencdivid = Math.floor(Math.random() * 9999).toString().padStart(4, '0');
- var msgcontent = "<div id='beziapp-msg-e2ee-form-"+randomencdivid+"'>"+D("thisMessageWasEncrypted")
- +"<input type=password autocomplete=new-password id=beziapp-msg-e2ee-password-"+randomencdivid+" placeholder='"+S("password")+" ...'><button type=button"
- +"value=Decrypt! class='btn waves-effect waves-light' onclick=document.getElementById('beziapp-msg-e2ee-content-"+randomencdivid+"').innerHTML="
- +"filterXSS(sjcl.decrypt(document.getElementById('beziapp-msg-e2ee-password-"+randomencdivid+"').value,document.getElementById('beziapp-msg-e2ee-content-"
- +randomencdivid+"').innerHTML));document.getElementById('beziapp-msg-e2ee-content-"+randomencdivid+"').hidden=false;document."
- +"getElementById('beziapp-msg-e2ee-form-"+randomencdivid+"').hidden=true >"+S("decrypt")+"!</button></div><div id='beziapp-msg-e2ee-content-"+randomencdivid+"' hidden='hidden'>"
- +datatodecrypt+"</div>";
- document.getElementById("msg_body-" + id).innerHTML = msgcontent;
+ var datatodecrypt = data["telo"].substring(29 + Number(data["telo"].substring(21, 25)), data["telo"].length - 6) // length-6 da zbrišemo zadnji </div>
+ var randomencdivid = Math.floor(Math.random() * 9999).toString().padStart(4, "0");
+
+ var msgcontent = `
+ <div id='beziapp-msg-e2ee-form-${randomencdivid}'>
+ ${D("thisMessageWasEncrypted")}
+ <input type="password" autocomplete="new-password" id="beziapp-msg-e2ee-password-${randomencdivid}" placeholder="${S("password")} ...">
+ <button
+ type="button"
+ value="Decrypt"
+ class="btn waves-effect waves-light"
+ onclick="
+ $('#beziapp-msg-e2ee-content-${randomencdivid}').html(
+ filterXSS(
+ sjcl.decrypt(
+ $('#beziapp-msg-e2ee-password-${randomencdivid}').val(),
+ $('#beziapp-msg-e2ee-content-${randomencdivid}').html()
+ )
+ )
+ );
+ $('#beziapp-msg-e2ee-content-${randomencdivid}').show();
+ $('#beziapp-msg-e2ee-form-${randomencdivid}').hide();
+ "
+ >
+ ${S("decrypt")}!
+ </button>
+ </div>
+ <div id="beziapp-msg-e2ee-content-${randomencdivid}" hidden>
+ ${datatodecrypt}
+ </div>
+ `
+ $(`#msg_body-${id}`).html(msgcontent);
} else {
- document.getElementById("msg_body-" + id).innerHTML = filterXSS(data["telo"]);
+ $(`#msg_body-${id}`).html(filterXSS(data["telo"]));
}
}
// Function for displaying data
function displayData() {
- let msg_list = document.getElementById("msg-list");
- msg_list.innerHTML = "";
+ let msg_list = $("#msg-list");
+ msg_list.html("");
messages.forEach(element => {
if (element["zadeva"].substr(0, 14) != "beziapp-ctlmsg") {
- msg_list.innerHTML += '<div class="col s12 m6" id="msg_box-' +
- filterXSS(element["id"]) +
- '"><div class="card blue-grey darken-1"><div class="card-content white-text"><span class="card-title">' +
- filterXSS(element["zadeva"]) +
- '</span><p id="msg_body-' +
- filterXSS(element["id"]) +
- '"><button class="btn waves-effect waves-light" onclick=loadMsg("' +
- filterXSS(element["id"]) +
- '"); type="submit">Load message body<i class="material-icons right">system_update</i></button></p></div><div class="card-action"><a href=javascript:deleteMsg("' +
- filterXSS(element["id"]) +
- '");><i class="material-icons">delete</i></a><a href=\'javascript:document.getElementById("full_name").value="' +
- filterXSS(element["posiljatelj"]) +
- '";document.getElementById("msg_subject").value="Re: ' +
- filterXSS(element["zadeva"]) +
- '";M.updateTextFields();document.getElementById("navigation-main").scrollIntoView();\'><i class="material-icons">reply</i></a>' +
- filterXSS(element["posiljatelj"]) + " &raquo; " + filterXSS(element["datum"]["dan"]) + ". " + filterXSS(element["datum"]["mesec"]) + ". " + filterXSS(element["datum"]["leto"]) + " at " +
- filterXSS(element["cas"]["ura"]) + ":" + filterXSS(element["cas"]["minuta"]) +
- '</div></div></div>';
+ msg_list.append(`
+ <div class="col s12 m6" id="msg_box-${filterXSS(element["id"])}">
+ <div class="card blue-grey darken-1">
+ <div class="card-content white-text">
+ <span class="card-title">
+ ${filterXSS(element["id"])}
+ </span>
+ <p id="msg_body-${filterXSS(element["id"])}">
+ <button
+ class="btn waves-effect waves-light"
+ onclick="loadMsg('${filterXSS(element["id"])}')"
+ type="submit"
+ >
+ Load message body
+ <i class="material-icons right">system_update</i>
+ </button>
+ <p>
+ </div>
+ <div class="card-action">
+ <a onclick="deleteMsg('${filterXSS(element["id"])}')">
+ <i class="material-icons">delete</i>
+ </a>
+ <a onclick="
+ $('#full_name').val('${filterXSS(element["posiljatelj"])}');
+ $('#msg_subject').val('Re: ${filterXSS(element["zadeva"])}');
+ M.updateTextFields();
+ $('#navigation-main').scrollIntoView();
+ "
+ >
+ <i class="material-icons">reply</i>
+ </a>
+ ${filterXSS(element["posiljatelj"])} &raquo; ${filterXSS(element["datum"]["dan"])}. ${filterXSS(element["datum"]["mesec"])}. ${filterXSS(element["datum"]["leto"])} at ${filterXSS(element["cas"]["ura"])} : ${filterXSS(element["cas"]["minuta"])}
+ </div>
+ </div>
+ </div>
+ `);
}
});
- document.getElementById("storage-bar").hidden = false;
- document.getElementById("storage-progressbar").style.width = Number(Number(messages.length/120)*100).toFixed(2)+"%";
- document.getElementById("storage-desc").innerHTML = messages.length+"/120 "+s("messages")+" "+document.getElementById("storage-progressbar").style.width;
+ $("#storage-bar").show();
+ $("#storage-progressbar").width(Number(Number(messages.length / 120) * 100).toFixed(2) + "%");
+ $("#storage-desc").html( `${messages.length}/120 ${s("messages")} ${$("#storage-progressbar").width()}`);
}
async function sendMessage(recipient_number, subject, body) {
@@ -324,12 +364,12 @@ async function sendMessage(recipient_number, subject, body) {
type: "POST",
success: () => {
- // we CAN'T know wether the mesgg was delievered
- UIAlert(D("messageWasProbablySent"));
+ // we CAN'T know wether the message was delievered
+ UIAlert(D("messageWasProbablySent"));
setLoading(false);
},
error: () => {
- UIAlert(D("errorSendingMessage"), D("noInternetConnection"));
+ UIAlert(D("errorSendingMessage"), D("noInternetConnection"));
setLoading(false);
}
})
@@ -341,11 +381,11 @@ async function validateName() {
if ($("#full-name").val() in directory) {
$("#full-name").addClass("valid");
$("#full-name").removeClass("invalid");
- document.getElementById("msg-send").disabled = false;
+ $("#msg-send").prop("disabled", false);
} else {
$("#full-name").addClass("invalid");
$("#full-name").removeClass("valid");
- document.getElementById("msg-send").disabled = true;
+ $("#msg-send").prop("disabled", true);
}
}
}
@@ -362,17 +402,33 @@ function setupEventListeners() {
// setting up the reader
let reader = new FileReader();
reader.readAsDataURL(file); // this is reading as data url
+
// here we tell the reader what to do when it's done reading...
reader.onload = readerEvent => {
- additionalstufftoaddtomessage += '<br><img src="' + readerEvent.target.result + '" />'; // this is the content!
- if(document.getElementById("msg-added-image").innerHTML.length > 1) {
- document.getElementById("msg-added-image").innerHTML += '<img style=width:20mm src="' + readerEvent.target.result + '" />'; // this is the content!
- } else {
- document.getElementById("msg-added-image").innerHTML = "<input type=button value='"+S("removeImages")+"' class='btn waves-effect waves-light' "
- +"onclick=additionalstufftoaddtomessage='';document.getElementById('msg-added-image').innerHTML='' /><br>"+D("largeImagesNote")+"<br>"+S("attachedImages")+":<br><img style=width:20mm "
- +"src='"+readerEvent.target.result+"' />"; // ravno obratni narekovaji
- }
- UIAlert(D("imageAddedAsAnAttachment"));
+ additionalstufftoaddtomessage += `<br><img src="${readerEvent.target.result}" />`; // this is the content!
+ if ($("#msg-added-image").html().length > 1) {
+ $("#msg-added-image").append(`<img style="width: 20mm" src="${readerEvent.target.result}" />`);
+ } else {
+ $("#msg-added-image").html(`
+ <input
+ type="button"
+ value="${S("removeImages")}"
+ class="btn waves-effect waves-light"
+ onclick="
+ additionalstufftoaddtomessage = '';
+ $('#msg-added-image').html('');
+ "
+ />
+ <br>
+ ${D("largeImagesNote")}
+ <br>
+ ${S("attachedImages")}:
+ <br>
+ <img style="width:20mm" src="${readerEvent.target.result}" />
+ `);
+ // ravno obratni narekovaji
+ }
+ UIAlert(D("imageAddedAsAnAttachment"));
}
}
input.click();
@@ -384,30 +440,48 @@ function setupEventListeners() {
// Button to send message
$("#msg-send").click(() => {
localforage.getItem("directory").then(function (value) {
- var msgcontent = document.getElementById("msg-body").value + additionalstufftoaddtomessage;
- var msgsubject = document.getElementById("msg-subject").value;
- if(document.getElementById("msg-e2ee-pass").hidden == false) {
- var randomencdivid = Math.floor(Math.random() * 9999).toString().padStart(4, '0');
- var addrparts = window.location.href.split("/"); // engleski
- msgcontent = "<script src='"+addrparts[0]+"//"+addrparts[2]+"/js/lib/sjcl.js'></script><div id='beziapp-msg-e2ee-form-"+randomencdivid+"'>This message was encrypted by BežiApp."
- +"<input type=password autocomplete=new-password id=beziapp-msg-e2ee-password-"+randomencdivid+" placeholder='Enter password ...'><input type=button value=Decrypt! onclick="
- +"document.getElementById('beziapp-msg-e2ee-content-"+randomencdivid+"').innerHTML=sjcl.decrypt(document.getElementById('beziapp-msg-e2ee-password-"
- +randomencdivid+"').value,document.getElementById('beziapp-msg-e2ee-content-"+randomencdivid+"').innerText);document.getElementById('beziapp-msg-e2ee-content-"+randomencdivid
- +"').hidden=false;document.getElementById('beziapp-msg-e2ee-form-"+randomencdivid+"').hidden=true ></div><div id='beziapp-msg-e2ee-content-"+randomencdivid+"' hidden='hidden'>";
- msgcontent = "<!-- beziapp-e2eemsg-"+msgcontent.length.toString().padStart(4, '0')+" -->"+msgcontent
- +sjcl.encrypt(document.getElementById("msg-e2ee-pass-input").value, document.getElementById("msg-body").value)+"</div>";
- }
- sendMessage(value[document.getElementById("full-name").value], msgsubject,
- htmlEncode(msgcontent));
- document.getElementById("msg-body").value = "";
- document.getElementById("full-name").value = "";
- document.getElementById("msg-subject").value = "";
- document.getElementById("msg-send").disabled = true;
+ var msgcontent = $("#msg-body").val() + additionalstufftoaddtomessage;
+ var msgsubject = $("#msg-subject").val();
+ if ($("#msg-e2ee-pass").prop("hidden") !== true) {
+ var randomencdivid = Math.floor(Math.random() * 9999).toString().padStart(4, "0");
+ var addrparts = window.location.href.split("/"); // engleski
+
+ msgcontent = `
+ <script src="${addrparts[0]}//${addrparts[2]}/js/lib/sjcl.js"></script>
+ <div id="beziapp-msg-e2ee-form-${randomencdivid}">
+ This message was encrypted by BežiApp.
+ <input type="password" autocomplete="new-password" id="beziapp-msg-e2ee-password-${randomencdivid}" placeholder="Enter password ...">
+ <input type="button" value="Decrypt" onclick="
+ $('#beziapp-msg-e2ee-content-${randomencdivid}').html(
+ sjcl.decrypt(
+ $('#beziapp-msg-e2ee-password-${randomencdivid}').val(),
+ $('beziapp-msg-e2ee-content-${randomencdivid}').text()
+ )
+ );
+ $('#beziapp-msg-e2ee-content-${randomencdivid}').show();
+ $('#beziapp-msg-e2ee-form-${randomencdivid}').hide();
+ "
+ >
+ </div>
+ <div id="beziapp-msg-e2ee-content-${randomencdivid}" hidden>
+ <!-- beziapp-e2eemsg-${msgcontent.length.toString().padStart(4, "0")} -->
+ ${msgcontent}
+ ${sjcl.encrypt($("#msg-e2ee-pass-input").val(), $("#msg-body").val())}
+ </div>
+ `
+ }
+ sendMessage(value[$("#full-name").val()], msgsubject, htmlEncode(msgcontent));
+ $("#msg-body").val("");
+ $("#full-name").val("");
+ $("#msg-subject").val("");
+ $("#msg-send").prop("disabled", true);
additionalstufftoaddtomessage = "";
- document.getElementById("msg-added-image").innerHTML = "";
- document.getElementById("msg-e2ee-pass").hidden = true;
+
+ $("#msg-added-image").html("");
+ $("#msg-e2ee-pass").hide();
+
}).catch(function (err) {
- UIAlert( D("unableToReadDirectory") + " " + D("messageCouldNotBeSend"), "45245" );
+ UIAlert( `${D("unableToReadDirectory")} ${D("messageCouldNotBeSend")}`, "45245" );
console.log(err);
});
});
diff --git a/js/settings.js b/js/settings.js
index 41c9df1..5811ee4 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -8,7 +8,7 @@ async function setLanguage(langCode) {
document.addEventListener("DOMContentLoaded", async () => {
$(document).on("click",".settings-language-selector", function () {
- let languageToSet = $(this).attr('data-language');
+ let languageToSet = $(this).attr("data-language");
setLanguage(languageToSet);
});
// Setup side menu
diff --git a/js/teachers.js b/js/teachers.js
index c41a621..aab7d74 100644
--- a/js/teachers.js
+++ b/js/teachers.js
@@ -119,10 +119,11 @@ function teacherInfo(teacher_id) {
let subject = subjectsString.slice(0, -2);
let office_day = dateString.day(teacher_object["tpMeetings"]["day"]);
let office_lesson = teacher_object["tpMeetings"]["period"];
- document.getElementById("teacher-name").innerText = name;
- document.getElementById("teacher-subject").innerText = S("schoolSubject") + ": " + subject;
- document.getElementById("teacher-office").innerText = office_day + ", " + S("lesson") + " " + office_lesson;
- const modal = document.querySelectorAll('.side-modal')[0];
+ $("#teacher-name").text(name);
+ $("#teacher-subject").text(`${S("schoolSubject")}: ${subject}`);
+ $("#teacher-office").text(`${office_day}, ${S("lesson")} ${office_lesson}`);
+
+ const modal = document.querySelectorAll(".side-modal")[0];
M.Sidenav.getInstance(modal).open();
}
diff --git a/js/timetable.js b/js/timetable.js
index 82baba9..2b718ad 100644
--- a/js/timetable.js
+++ b/js/timetable.js
@@ -224,13 +224,13 @@ function eventClickHandler(eventClickInfo) {
let lesson_class = lesson_metadata["class"];
let lesson_duration = lesson_metadata["start"] + " - " + lesson_metadata["end"];
- document.getElementById("lesson-subject").innerText = lesson_subject;
- document.getElementById("lesson-teacher").innerText = lesson_teacher;
- document.getElementById("lesson-class").innerText = lesson_class;
- document.getElementById("lesson-classroom").innerText = lesson_classroom;
- document.getElementById("lesson-duration").innerText = lesson_duration;
+ $("#lesson-subject").text(lesson_subject);
+ $("#lesson-teacher").text(lesson_teacher);
+ $("#lesson-class").text(lesson_class);
+ $("#lesson-classroom").text(lesson_classroom);
+ $("#lesson-duration").text(lesson_duration);
- const modal = document.querySelectorAll('.side-modal')[0];
+ const modal = document.querySelectorAll(".side-modal")[0];
M.Sidenav.getInstance(modal).open();
}