improved missed-messages handling and fixed some list bugs

Author: fquirin

www/scripts/sepiaFW.alwaysOn.js

@@ -40,6 +40,8 @@ function sepiaFW_build_always_on(){
             onFinishSetup: AlwaysOn.onFinishSetup,
             onOpen: AlwaysOn.onOpen,
             onClose: AlwaysOn.onClose,
+            //onMessageHandler: AlwaysOn.onMessageHandler,              //TODO: use this?
+            onMissedMessageHandler: AlwaysOn.onMissedMessageHandler,
             theme: "dark_full"
         });
     }
@@ -135,6 +137,18 @@ function sepiaFW_build_always_on(){
         AlwaysOn.isOpen = false;
     }
 
+    //Missed messages handling
+    AlwaysOn.onMissedMessageHandler = function(msgInfo){
+        //console.log(msgInfo);
+        //we only accept error messages and chat-other for now:
+        if (msgInfo && msgInfo.name && 
+                (msgInfo.name.indexOf('error') >= 0 || msgInfo.name.indexOf('chatOther') >= 0)
+            ){
+            SepiaFW.ui.addMissedMessage();
+            showNotificationsAndFade(INFO_FADE_DELAY, preventNoteIndicatorFadeIfNotZero);
+        }
+    }
+
     //Animations and wake controls:
 
     AlwaysOn.onWakeup = function(){

www/scripts/sepiaFW.frames.js

@@ -10,12 +10,18 @@ function sepiaFW_build_frames(){
 	var onFinishSetup = undefined;
 	var onOpen = undefined;
 	var onClose = undefined;
+
+	//handlers
+	var onMessageHandler = undefined; 			//should receive a message object
+	var onMissedMessageHandler = undefined;		//should be triggered when a message was not visible for user (e.g. because frame was open)
 
 	Frames.open = function(info){
 		//callbacks?
 		onOpen = info.onOpen;
 		onClose = info.onClose;
 		onFinishSetup = info.onFinishSetup;
+		onMessageHandler = info.onMessageHandler;
+		onMissedMessageHandler = info.onMissedMessageHandler;
 
 		//theme
 		if (info.theme && info.theme == "dark"){
@@ -61,6 +67,9 @@ function sepiaFW_build_frames(){
 		onFinishSetup = undefined;
 		onOpen = undefined;
 		onClose = undefined;
+		//handlers reset
+		onMessageHandler = undefined;
+		onMissedMessageHandler = undefined;
 	}
 
 	Frames.setup = function(info, finishCallback){
@@ -111,6 +120,20 @@ function sepiaFW_build_frames(){
 			$('#sepiaFW-frames-view').html("Error - could not load page");
 		});
 	}
+
+	Frames.canHandleMessages = function(){
+		return !!onMessageHandler;
+	}
+	Frames.handleMessages = function(msgObject){
+		if (onMessageHandler) onMessageHandler(msgObject);
+	}
+
+	Frames.canHandleMissedMessages = function(){
+		return !!onMissedMessageHandler;
+	}
+	Frames.handleMissedMessages = function(msgObject){
+		if (onMissedMessageHandler) onMissedMessageHandler(msgObject);
+	}
 
 	return Frames;
 }

www/scripts/sepiaFW.ui.build.js

@@ -1242,12 +1242,35 @@ function sepiaFW_build_ui_build(){
 				block.className += ' hidden-by-settings';
 			}
 		}
-		article.innerHTML = ""
-			+ "<b class='" + classes + "'>" + senderText + ": </b>"
-			+ "<span class='status'>" + text + "</span>"
-			+ "<span class='timestamp'>" + time + "</span>";
+		//inner HTML:
+		var articleSender = document.createElement('b');
+		articleSender.className = classes;
+		articleSender.innerHTML = (senderText + ": ");
+		article.appendChild(articleSender);
+
+		var articleText = document.createElement('span');
+		articleText.className = 'status';
+		articleText.innerHTML = text;
+		article.appendChild(articleText);
+
+		var articleTimestamp = document.createElement('span');
+		articleTimestamp.className = 'timestamp';
+		articleTimestamp.innerHTML = time;
+		article.appendChild(articleTimestamp);
 
 		block.appendChild(article);
+
+		//add quick private message button
+		var closeBtn = articleTimestamp;
+		SepiaFW.ui.longPressShortPressDoubleTab(closeBtn, function(){
+			//long-press
+		},'',function(){
+			//short-press
+			$(article).remove();
+		},function(){
+			//double-tab
+		}, true);
+
 		return block;
 	}