From 504627994841454050ac3b127244cf79e7f45e2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anton=20Luka=20=C5=A0ijanec?= <sijanecantonluka@gmail.com>
Date: Mon, 24 Feb 2020 21:39:34 +0100
Subject: multiple attached pictures, ability to remove them, storage bar >>
 msgz

---
 js/messaging.js      | 13 +++++++++++++
 pages/messaging.html | 19 ++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/js/messaging.js b/js/messaging.js
index ed53880..f5d2e13 100644
--- a/js/messaging.js
+++ b/js/messaging.js
@@ -272,6 +272,9 @@ function displayData() {
                 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 messages "+document.getElementById("storage-progressbar").style.width;
 }
 
 async function sendMessage(recipient_number, subject, body) {
@@ -345,6 +348,14 @@ function setupEventListeners() {
             // 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='Remove images' class='btn waves-effect waves-light' "
+			+"onclick=additionalstufftoaddtomessage='';document.getElementById('msg-added-image').innerHTML='' /><br>Note: GimB servers don't like large messages, "
+			+"so only very small images may be attached or your message will not be delivered.<br>Attached images:<br><img style=width:20mm "
+			+"src='"+readerEvent.target.result+"' />"; // ravno obratni narekovaji
+		}
                 M.toast({ html: "Image added as an attachment." });
             }
         }
@@ -362,7 +373,9 @@ function setupEventListeners() {
             document.getElementById("msg-body").value = "";
             document.getElementById("full-name").value = "";
             document.getElementById("msg-subject").value = "";
+            document.getElementById("msg-send").disabled = true;
             additionalstufftoaddtomessage = "";
+	    document.getElementById("msg-added-image").innerHTML = "";
         }).catch(function (err) {
             M.toast({ html: "Unable to read directory of people. Message could not be sent." });
             console.log(err);
diff --git a/pages/messaging.html b/pages/messaging.html
index 70f61a9..eaeb962 100644
--- a/pages/messaging.html
+++ b/pages/messaging.html
@@ -124,10 +124,27 @@
             <i class="material-icons right">system_update</i>
         </button>
         <div id="msg-list"></div>
+	<p>
+		<div class="row" id="storage-bar">
+			<div class="col s4">
+				Message storage used in this folder: 
+			</div>
+			<div class="col s3" id="storage-desc">
+				0/120 messages 10%
+			</div>
+			<div class="progress col s5">
+				<div class="determinate" id="storage-progressbar" style="width: 0%"></div>
+			</div>
+			<p>
+				You can only have 120 messages per message folder, older messages will not be shown. Remember to delete read and sent
+				messages regulary to avoid any issues.
+			</p>
+		</div>
+	</p>
     </div>
 
 
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
-- 
cgit v1.2.3