summaryrefslogtreecommitdiffstats
path: root/dist/js/chats.js
diff options
context:
space:
mode:
authorsijanec <sijanecantonluka@gmail.com>2020-08-30 20:14:01 +0200
committersijanec <sijanecantonluka@gmail.com>2020-08-30 20:14:01 +0200
commitd9969379798e23b2a62f8bf6eab3967d0497b1a8 (patch)
treea8132c6cf24ee3df1f3d8c768b60bf9378a4bbae /dist/js/chats.js
parentspremenil server message (diff)
downloadbeziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar.gz
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar.bz2
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar.lz
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar.xz
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.tar.zst
beziapp-d9969379798e23b2a62f8bf6eab3967d0497b1a8.zip
Diffstat (limited to 'dist/js/chats.js')
-rwxr-xr-xdist/js/chats.js540
1 files changed, 503 insertions, 37 deletions
diff --git a/dist/js/chats.js b/dist/js/chats.js
index 7403d0c..daf10ab 100755
--- a/dist/js/chats.js
+++ b/dist/js/chats.js
@@ -1,38 +1,504 @@
+// const API_ENDPOINT = "https://gimb.tk/test.php";
+const DIRECTORY_URL = "/directory.json";
+const CHATS_BEGIN_TAG = "<!-- ba-ctlmsg-chat-begin -->";
+const CHATS_END_TAG = "<!-- ba-ctlmsg-chat-end -->";
+const CHAT_REGEX = /<!-- ba-ctlmsg-chat-begin -->([\S\s]+)<!-- ba-ctlmsg-chat-end -->/g;
+const CHATS_SUBJECT_PREFIX = "ba-ctlmsg-chat-";
-const DIRECTORY_URL="/directory.json";const CHATS_BEGIN_TAG="<!-- ba-ctlmsg-chat-begin -->";const CHATS_END_TAG="<!-- ba-ctlmsg-chat-end -->";const CHAT_REGEX=/<!-- ba-ctlmsg-chat-begin -->([\S\s]+)<!-- ba-ctlmsg-chat-end -->/g;const CHATS_SUBJECT_PREFIX="ba-ctlmsg-chat-";let directory=null;let currentlyChattingWith=null;let sogovornik=null;let firstPageOfMessages=null;async function checkLogin(){localforage.getItem("logged_in").then(function(value){if(value!==true){window.location.replace("/index.html");}}).catch(function(err){console.log(err);});}
-function getKeyByValue(object,value){return Object.keys(object).find(key=>object[key]===value);}
-function htmlEncode(value){return $("<textarea/>").text(value).html();}
-function htmlDecode(value){return $("<textarea/>").html(value).text();}
-function loadDirectory(){$.ajax({url:DIRECTORY_URL,crossDomain:true,dataType:"json",cache:false,type:"GET",success:(data)=>{localforage.setItem("directory",data);directory=data;populateAutocomplete();},error:()=>{localforage.getItem("directory").then((storedDirectory)=>{if(storedDirectory===null){UIAlert(D("nameDirectoryNotSet"),"loadDirectory(): stored_directory === null");directory=null;$("#msg-send").prop("disabled",true);}else{directory=storedDirectory;populateAutocomplete();}});}});}
-function populateAutocomplete(){let elems=document.querySelectorAll('.autocomplete-fullname');let autocompleteEntries=Object.assign({},directory);for(const[key]of Object.entries(autocompleteEntries)){autocompleteEntries[key]=null;}
-M.Autocomplete.init(elems,{data:autocompleteEntries,onAutocomplete:validateName,minLength:0});if(window.location.hash.length>1){$("#full-name").val(decodeURIComponent(window.location.hash.substring(1)));}else{$("#full-name").val(getUrlParameter("m"));}
-M.updateTextFields();validateName();}
-function setLoading(state){if(state){$("#loading-bar").removeClass("hidden");}else{$("#loading-bar").addClass("hidden");}}
-async function sendMessage(recipientNumber=null,body=null){if(recipientNumber==null){recipientNumber=directory[sogovornik];}
-if(body==null){body=$("#msg-body").val();}
-if(body.length>180){throw new RangeError("sendMessage(): message is longer than 180 characters.");}
-let promisesToRun=[localforage.getItem("username").then((value)=>{username=value;}),localforage.getItem("password").then((value)=>{password=value;}),];setLoading(true);Promise.all(promisesToRun).then(()=>{try{let gsecInstance=new gsec();gsecInstance.login(username,password).then(()=>{gsecInstance.sendMessage(recipientNumber,CHATS_SUBJECT_PREFIX+body,S("chatExternalInfo")+CHATS_BEGIN_TAG+body+CHATS_END_TAG).then(()=>{addMessage(0,body);setLoading(false);}).catch((err)=>{gsecErrorHandlerUI(err);setLoading(false);});});}catch(err){gsecErrorHandlerUI(err);setLoading(false);}});}
-function addMessage(isSender,body,datePlacement=0,messageDate=null){var whos=isSender==0?"mine":"yours";var timestamp=Date.now();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);var istaOseba;var messagesnest;if(chatarea.childElementCount==0){bubblenode.className="message last";messagesnest=document.createElement("div");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";if(chatarea.children.item(chatarea.children.length-1).classList.contains(whos)){istaOseba=true;messagesnest=chatarea.children.item(chatarea.children.length-1);messagesnest.children.item(messagesnest.children.length-1).classList.remove("last");}else{istaOseba=false;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)){bubblenode.className="message";istaOseba=true;messagesnest=chatarea.children.item(0);}else{bubblenode.className="message last";istaOseba=false;messagesnest=document.createElement("div");}}else{console.log("if3");for(var iter=0;iter<alreadyMessages.length-2;iter++){if(Number(alreadyMessages[iter].getAttribute("data-date"))<timestamp&&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){messagesnest=alreadyMessages[iter].parentElement;bubblenode.className="message";messagesnest.insertBefore(bubblenode,alreadyMessages[iter+1]);return;}
-if(zgornjiIsti&&!spodnjiIsti){messagesnest=alreadyMessages[iter].parentElement;bubblenode.className="message last";messagesnest.children.item(messagesnest.childElementCount-1).classList.remove("last");messagesnest.appendChild(bubblenode);return;}
-if(!zgornjiIsti&&spodnjiIsti){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!");}}
-messagesnest.className=whos+" messages";if(datePlacement==0){messagesnest.appendChild(bubblenode);}else{messagesnest.prepend(bubblenode);}
-if(!istaOseba){if(datePlacement==0){chatarea.appendChild(messagesnest);}else{chatarea.prepend(messagesnest);}}}
-async function validateName(){if(directory!==null){$("#full-name").prop("disabled",false);if($("#full-name").val()in directory){$("#full-name").addClass("valid");$("#full-name").removeClass("invalid");$("#chat-recipient-select-btn").prop("disabled",false);$("#msg-body").prop("disabled",false);}else{$("#full-name").addClass("invalid");$("#full-name").removeClass("valid");$("#chat-recipient-select-btn").prop("disabled",true);$("#msg-body").prop("disabled",true);$("#msg-body").val("");}}else{$("#chat-recipient-select-btn").prop("disabled",true);$("#full-name").val(D("nameDirectoryNotSet"));$("#full-name").prop("disabled",true);$("#msg-body").val("");}}
-async function clearMessages(){$(".chat").eq(0).html("");}
-function getUrlParameter(sParam){const url_params=new URLSearchParams(window.location.search);const found_param=url_params.get(sParam);return found_param;}
-async function updateSendButton(){if($("#msg-body").val().length==0){$("#msg-send").prop("disabled",true);}else{$("#msg-send").prop("disabled",false);}}
-async function setRecipient(name=null){if(name==null||name==false||name==undefined){name=$("#full-name").val();}else if(typeof name!="number"){throw new TypeError('Hello from setRecipient(): name can only be string or null!');}
-if(!Object.keys(directory).includes(name)){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();$(".msg-chattingWith").eq(0).html(name);sogovornik=name;currentlyChattingWith=directory[name];$("#chat-mustSelectRecipient").hide();updateSendButton();clearMessages();prepareAndStartFetchingMessages();}
-async function prepareAndStartFetchingMessages(){if(currentlyChattingWith===0||(currentlyChattingWith>=1&&currentlyChattingWith<69420)){$("#msg-body").prop("disabled",false);await clearMessages();startFetchingMessages();}else{var modal=document.querySelectorAll("#directory-side-menu")[0];var modalInstance=M.Sidenav.getInstance(modal);modalInstance.open();}}
-async function startFetchingMessages(){let promises_to_run=[localforage.getItem("username").then((value)=>{username=value;}),localforage.getItem("password").then((value)=>{password=value;}),];setLoading(true);await Promise.all(promises_to_run);try{let gsecInstance=new gsec();await gsecInstance.login(username,password);for(var category=0;category<=1;category++){let lastpage=await gsecInstance.fetchMessagesLastPageNumber(category);startLoadingMessagesForCategory(gsecInstance,category,lastpage);}}catch(err){gsecErrorHandlerUI(err);}
-setLoading(false);}
-async function startLoadingMessagesForCategory(gsecInstance,category,lastpage){for(var page=1;page<=lastpage;page++){var gsecMsgList=await gsecInstance.fetchMessagesList(category,page);if(category==0){whom=1;}else{whom=0;}
-renderMessages(gsecMsgList,whom,1);}}
-async function renderMessages(gsecMsgList,whom,order=1){for(const message of gsecMsgList){if(message.subject.startsWith(CHATS_SUBJECT_PREFIX)){console.log(message);addMessage(whom,message.subject.substring(CHATS_SUBJECT_PREFIX.length),2,message.date.getTime);}}}
-function setupEventListeners(){$("#chat-recipient-select-btn").click(()=>{setRecipient();});$("#msg-send").click(()=>{sendMessage();});$("#full-name").on("input",()=>{validateName();});$("#msg-body").on("input",()=>{updateSendButton();});}
-document.addEventListener("DOMContentLoaded",()=>{checkLogin();loadDirectory();setupEventListeners();updateSendButton();M.updateTextFields();const menus=document.querySelectorAll(".side-menu");M.Sidenav.init(menus,{edge:"right",draggable:true});let elems=document.querySelectorAll(".modal");M.Modal.init(elems,{});const modals=document.querySelectorAll(".side-modal");M.Sidenav.init(modals,{edge:"left",draggable:false});prepareAndStartFetchingMessages();}); \ No newline at end of file
+// "Global" object for name directory
+let directory = null;
+let currentlyChattingWith = null; // msgid
+let sogovornik = null; // name
+let firstPageOfMessages = null; // so we can test if new messages ever arrive
+
+/**
+ * Redirects user to login page if it's not logged int
+ */
+async function checkLogin() {
+ localforage.getItem("logged_in").then(function (value) {
+ // This code runs once the value has been loaded
+ // from the offline store.
+ if (value !== true) {
+ window.location.replace("/index.html");
+ }
+ }).catch(function (err) {
+ // This code runs if there were any errors
+ console.log(err);
+ });
+}
+
+/**
+ * Find the matching key for a provided value in an object
+ * @param {object} object Object to search
+ * @param {object} value Value to find the matching key for
+ * @returns {object} Key
+ */
+function getKeyByValue(object, value) {
+ return Object.keys(object).find(key => object[key] === value);
+}
+
+// -----------HTML HELPERS-----------
+/**
+ * Encode HTML entities
+ * @param {string} value Value to encode
+ * @returns {string} Encoded value
+ */
+function htmlEncode(value) {
+ /**
+ Create a in-memory element, set its inner text
+ (which is automatically encoded)
+ Then grab the encoded contents back out.
+ The element never exists on the DOM.
+ **/
+ return $("<textarea/>").text(value).html();
+}
+
+/**
+ * Decode HTML entities
+ * @param {string} value Value to decode
+ * @returns {string} Decoded value
+ */
+function htmlDecode(value) {
+ return $("<textarea/>").html(value).text();
+}
+// ---------------------------------
+
+// Try to fetch name:id directory
+/**
+ * Fetch name:id directory and populate it in the app
+ */
+function loadDirectory() {
+ $.ajax({
+ url: DIRECTORY_URL,
+ crossDomain: true,
+
+ dataType: "json",
+ cache: false,
+ type: "GET",
+
+ success: (data) => {
+ // If we were able to retrieve it, update the saved directory
+ localforage.setItem("directory", data);
+ directory = data;
+ // Populate autocomplete
+ populateAutocomplete();
+ },
+
+ error: () => {
+ // Otherwise, try to retrieve stored directory
+ localforage.getItem("directory").then((storedDirectory) => {
+ if (storedDirectory === null) {
+ // If unable, set directory to null
+ // (so other functions know that we don't have it)
+ UIAlert(
+ D("nameDirectoryNotSet"),
+ "loadDirectory(): stored_directory === null"
+ );
+ directory = null;
+ // Disable send button
+ $("#msg-send").prop("disabled", true);
+ } else {
+ directory = storedDirectory;
+ // Populate autocomplete
+ populateAutocomplete();
+ }
+ });
+ }
+ });
+}
+
+/**
+ * Populate autocomplete DOM object with the values
+ * fetched from the server
+ */
+function populateAutocomplete() {
+ 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
+ samo guglal sem "copying an object js"
+ **/
+
+ let autocompleteEntries = Object.assign({}, directory);
+ for (const [key] of Object.entries(autocompleteEntries)) {
+ autocompleteEntries[key] = null;
+ }
+
+ M.Autocomplete.init(elems, {
+ data: autocompleteEntries,
+ onAutocomplete: validateName,
+ minLength: 0
+ });
+
+ if (window.location.hash.length > 1) {
+ $("#full-name").val(decodeURIComponent(window.location.hash.substring(1)));
+ } else {
+ $("#full-name").val(getUrlParameter("m"));
+ }
+
+ M.updateTextFields();
+ validateName();
+}
+
+/**
+ * Toggle loading bar state
+ * @param {boolean} state Desired state
+ */
+function setLoading(state) {
+ if (state) {
+ $("#loading-bar").removeClass("hidden");
+ } else {
+ $("#loading-bar").addClass("hidden");
+ }
+}
+
+/**
+ * Send a message to the recipient
+ * @param {number} recipientNumber Recipient's id
+ * @param {string} body Message body
+ */
+async function sendMessage(recipientNumber = null, body = null) {
+ // == catches null & undefined
+ if (recipientNumber == null) {
+ recipientNumber = directory[sogovornik];
+ }
+
+ if (body == null) {
+ body = $("#msg-body").val();
+ }
+
+ if (body.length > 180) {
+ throw new RangeError(
+ "sendMessage(): message is longer than 180 characters."
+ );
+ }
+
+ let promisesToRun = [
+ localforage.getItem("username").then((value) => {
+ username = value;
+ }),
+ localforage.getItem("password").then((value) => {
+ password = value;
+ }),
+ ];
+ setLoading(true);
+ Promise.all(promisesToRun).then(() => {
+ try {
+ let gsecInstance = new gsec();
+ gsecInstance.login(username, password).then( () => {
+ gsecInstance.sendMessage(
+ recipientNumber,
+ CHATS_SUBJECT_PREFIX + body,
+ S("chatExternalInfo") + CHATS_BEGIN_TAG + body + CHATS_END_TAG
+ ).then(() => {
+
+ addMessage(0, body);
+ setLoading(false);
+
+ }).catch((err) => {
+ gsecErrorHandlerUI(err);
+ setLoading(false);
+ });
+ });
+ } catch (err) {
+ gsecErrorHandlerUI(err);
+ setLoading(false);
+ }
+ });
+}
+
+// datePlacement:
+/**
+ * Add message to the UI
+ * @param {boolean} isSender Indicates if current user is sender of the message
+ * @param {string} body Message body
+ * @param {number} [datePlacement=0] 0=append bubble to end, 1=append bubble to start.
+ * @param {Date} [messageDate=null] Timestamp of the message
+ */
+function addMessage(isSender, body, datePlacement=0, messageDate=null) {
+ var whos = isSender == 0 ? "mine": "yours";
+
+ var timestamp = Date.now();
+ 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);
+
+ var istaOseba;
+ var messagesnest;
+ if (chatarea.childElementCount == 0) {
+ bubblenode.className = "message last";
+ messagesnest = document.createElement("div");
+ 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";
+ if (chatarea.children.item(chatarea.children.length - 1).classList.contains(whos)) { // ista oseba
+ istaOseba = true;
+ messagesnest = chatarea.children.item(chatarea.children.length - 1);
+ messagesnest.children.item(messagesnest.children.length - 1).classList.remove("last");
+ } else {
+ istaOseba = false;
+ 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
+ bubblenode.className = "message";
+ istaOseba = true;
+ messagesnest = chatarea.children.item(0);
+ } else {
+ bubblenode.className = "message last";
+ istaOseba = false;
+ 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")) < timestamp
+ && 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) {
+ messagesnest = alreadyMessages[iter].parentElement;
+ bubblenode.className = "message";
+ messagesnest.insertBefore(bubblenode, alreadyMessages[iter+1]);
+ return;
+ }
+
+ if (zgornjiIsti && !spodnjiIsti) {
+ messagesnest = alreadyMessages[iter].parentElement;
+ bubblenode.className = "message last";
+ messagesnest.children.item(messagesnest.childElementCount - 1).classList.remove("last");
+ messagesnest.appendChild(bubblenode);
+ return;
+ }
+
+ if (!zgornjiIsti && spodnjiIsti) {
+ 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!");
+
+ }
+ }
+
+ // autodetect date is not present here anymore
+ messagesnest.className = whos + " messages";
+ if (datePlacement == 0) {
+ messagesnest.appendChild(bubblenode);
+ } else {
+ messagesnest.prepend(bubblenode);
+ }
+
+ if (!istaOseba) {
+ if (datePlacement == 0) {
+ chatarea.appendChild(messagesnest);
+ } else{
+ chatarea.prepend(messagesnest);
+ }
+ }
+}
+
+async function validateName() {
+ if (directory !== null) {
+ $("#full-name").prop("disabled", false);
+ if ($("#full-name").val() in directory) {
+ $("#full-name").addClass("valid");
+ $("#full-name").removeClass("invalid");
+ $("#chat-recipient-select-btn").prop("disabled", false);
+ $("#msg-body").prop("disabled", false);
+ } else {
+ $("#full-name").addClass("invalid");
+ $("#full-name").removeClass("valid");
+ $("#chat-recipient-select-btn").prop("disabled", true);
+ $("#msg-body").prop("disabled", true);
+ $("#msg-body").val("");
+ }
+ } else {
+ $("#chat-recipient-select-btn").prop("disabled", true);
+ $("#full-name").val(D("nameDirectoryNotSet"));
+ $("#full-name").prop("disabled", true);
+ $("#msg-body").val("");
+ }
+}
+
+async function clearMessages() {
+ $(".chat").eq(0).html("");
+}
+
+function getUrlParameter(sParam) {
+ const url_params = new URLSearchParams(window.location.search);
+ const found_param = url_params.get(sParam);
+ return found_param;
+}
+
+async function updateSendButton() {
+ if ($("#msg-body").val().length == 0) {
+ $("#msg-send").prop("disabled", true);
+ } else {
+ $("#msg-send").prop("disabled", false);
+ }
+}
+
+async function setRecipient(name = null) {
+ if (name == null || name == false || name == undefined) {
+ name = $("#full-name").val();
+ } else if (typeof name != "number") {
+ throw new TypeError('Hello from setRecipient(): name can only be string or null!');
+ }
+
+ if (!Object.keys(directory).includes(name)) {
+ 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();
+
+ $(".msg-chattingWith").eq(0).html(name);
+ sogovornik = name;
+ currentlyChattingWith = directory[name];
+
+ $("#chat-mustSelectRecipient").hide();
+
+ updateSendButton();
+ clearMessages(); // <-- do when recipient selected
+ prepareAndStartFetchingMessages(); // <-- same
+}
+
+async function prepareAndStartFetchingMessages() {
+ if (currentlyChattingWith === 0 || (currentlyChattingWith >= 1 && currentlyChattingWith < 69420)) {
+ $("#msg-body").prop("disabled", false);
+ await clearMessages();
+ startFetchingMessages();
+ } else {
+ var modal = document.querySelectorAll("#directory-side-menu")[0];
+ var modalInstance = M.Sidenav.getInstance(modal);
+ modalInstance.open();
+ }
+}
+
+async function startFetchingMessages() {
+ let promises_to_run = [
+ localforage.getItem("username").then((value) => {
+ username = value;
+ }),
+ localforage.getItem("password").then((value) => {
+ password = value;
+ }),
+ ];
+
+ setLoading(true);
+ await Promise.all(promises_to_run);
+ try {
+ let gsecInstance = new gsec();
+ await gsecInstance.login(username, password);
+ for (var category = 0; category <= 1; category++) {
+ let lastpage = await gsecInstance.fetchMessagesLastPageNumber(category);
+ startLoadingMessagesForCategory(gsecInstance, category, lastpage);
+ }
+ } catch (err) {
+ gsecErrorHandlerUI(err);
+ }
+ setLoading(false);
+}
+
+async function startLoadingMessagesForCategory(gsecInstance, category, lastpage) {
+ for (var page = 1; page <= lastpage; page++) {
+ var gsecMsgList = await gsecInstance.fetchMessagesList(category, page);
+ if (category == 0) {
+ whom = 1;
+ } else {
+ whom = 0;
+ }
+ renderMessages(gsecMsgList, whom, 1);
+ }
+}
+
+async function renderMessages(gsecMsgList, whom, order = 1) { // order: 1=newest>olest 0=oldest>newest 2=autodetect (todo-not implemented)
+ for (const message of gsecMsgList) { // whom: 0=me 1=you
+ if (message.subject.startsWith(CHATS_SUBJECT_PREFIX)) {
+ console.log(message);
+ addMessage(whom, message.subject.substring(CHATS_SUBJECT_PREFIX.length), 2, message.date.getTime);
+ }
+ }
+}
+
+function setupEventListeners() {
+ $("#chat-recipient-select-btn").click(() => {
+ setRecipient();
+ });
+
+ $("#msg-send").click(() => {
+ sendMessage();
+ });
+
+ $("#full-name").on("input", () => {
+ validateName();
+ });
+
+ $("#msg-body").on("input", () => {
+ updateSendButton();
+ });
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+
+ checkLogin();
+ loadDirectory();
+
+ setupEventListeners();
+
+ updateSendButton();
+
+ // var receivedmessages = null;
+
+ M.updateTextFields();
+
+ // Setup side menu
+ const menus = document.querySelectorAll(".side-menu");
+ M.Sidenav.init(menus, { edge: "right", draggable: true });
+ let elems = document.querySelectorAll(".modal");
+ M.Modal.init(elems, {});
+
+ // Setup side modal
+ const modals = document.querySelectorAll(".side-modal");
+ M.Sidenav.init(modals, { edge: "left", draggable: false });
+ prepareAndStartFetchingMessages(); // just opens modal, as there is no recipient selected
+}); \ No newline at end of file