fixed some style issues and improved demo-mode 'parrot'

Author: fquirin

www/css/sepiaFW-skin-grid.css

@@ -78,7 +78,7 @@ html {
 #sepiaFW-assist-btn-area button {
 	border: 1px solid #fff;
 	box-shadow: 0 0 5px #fff, inset 0 0 5px #fff;
-	background: #142534;
+	background: #142534 !important;
 }
 #sepiaFW-assist-btn-orbiters {
     top: 2px;
@@ -96,6 +96,11 @@ html {
 	border-radius: 3px;
 }
 
+#sepiaFW-chat-controls-speech-box > div {
+	background: rgba(19, 38, 58, 0.92);
+	color: #fff;
+}
+
 .sepiaFW-menu {
 	background: rgba(21, 171, 195, 0.95);
 	color: #fff;

www/css/sepiaFW-skin-neo-sepia-dark.css

@@ -31,7 +31,7 @@ html {
 #sepiaFW-aC2 	{ background-color: #08a0c8; 	}
 #sepiaFW-asC 	{ background-color: #ceff1a; 	}
 #sepiaFW-adC 	{ background-color: #ceff1a; 	}
-#sepiaFW-lC 	{ background-color: rgba(150, 150, 150, 0.50); 	}
+#sepiaFW-lC 	{ background-color: #535557; 	}
 
 #sepiaFW-login-box {
 	background: #212327;
@@ -98,6 +98,11 @@ html {
 }
 */
 
+#sepiaFW-chat-controls-speech-box > div {
+	background: #08a0c8;
+	color: #fff;
+}
+
 .sepiaFW-menu {
 	background: #101418;
 	color: #ECEBE7;

www/css/sepiaFW-skin-neo-sepia.css

@@ -19,7 +19,7 @@ html {
 #sepiaFW-aC2 { background-color: #4ec48f; }							/* Accent color 2 - e.g. used during speaking in assistant button */
 #sepiaFW-asC { background-color: #CEFF1A; }	/*#c4ff3e, #69d177;*/	/* Assistant color - the signature color of the assistant */
 #sepiaFW-adC { background-color: #ffeb3b; }							/* Await-dialog color - used during "wait for interaction" in assistant button */
-#sepiaFW-lC  { background-color: rgba(30, 30, 30, 0.50); }		/* Loading color - used during loading in assistant button */
+#sepiaFW-lC  { background-color: #8e8e8e; }						/* Loading color - used during loading in assistant button */
 
 #sepiaFW-login-box, #sepiaFW-nav-bar, #sepiaFW-chat-controls-form, #sepiaFW-chat-controls-right {
 	background: #000000;
@@ -66,6 +66,11 @@ html {
 	display: none !important;
 }
 
+#sepiaFW-chat-controls-speech-box > div {
+	background: #16abc3;
+	color: #fff;
+}
+
 .sepiaFW-menu {
 	/*background: rgba(206, 255, 26, 0.95);*/
 	background:#000;

www/css/sepiaFW-style.css

@@ -1371,13 +1371,15 @@ body {
 	margin: 2px;
 	padding: 2px;
 }
+#sepiaFW-chat-controls-speech-box > div {
+	background: #2f3035;
+	color: #fff;
+}
 #sepiaFW-chat-controls-speech-box-edit {
 	flex: 0 1 50px;
 	display: flex;
     align-items: center;
     justify-content: center;
-	background: #2f3035;
-	color: #fff;
 	border-radius: 3px 0 0 3px;
 	min-width: 50px;
 	padding: 5px;
@@ -1387,8 +1389,6 @@ body {
 #sepiaFW-chat-controls-speech-box-bubble {
 	flex: 1 0 auto;
 	max-width: calc(100% - 100px);
-	background: #2f3035;
-	color: #fff;
 	border-radius: 0px;
 	padding: 8px;
 	margin: 0 0px;
@@ -1401,8 +1401,6 @@ body {
 	display: flex;
     align-items: center;
     justify-content: center;
-	background: #2f3035;
-	color: #fff;
 	border-radius: 0 3px 3px 0;
 	min-width: 50px;
 	padding: 5px;

www/scripts/sepiaFW.offline.js

@@ -150,16 +150,26 @@ function sepiaFW_build_offline(){
 				}
 				//console.log(serviceResult); 						//DEBUG
 			}
+			var senderUiIdOrName = undefined;	//default
 			if (!serviceResult || !serviceResult.result == "success"){
-				//just repeat input
+				//just repeat input for demo-mode
+				var command = "chat";
+				var answerText = message.text;
+				var lang = message.data.parameters.lang;
+				serviceResult = SepiaFW.embedded.services.buildServiceResult(
+					userId, lang, command, answerText, '', '', ''
+				);
+				senderUiIdOrName = 'Parrot';	//overwrite (to make clear this is no real answer ... and for fun)
+				/* Old version that lacks e.g. TTS:
 				var dataOut = { sender: 'Parrot', senderType: 'assistant' };
 				SepiaFW.ui.showCustomChatMessage(message.text, dataOut);
-			}else{
-				//build a message-object and send it to 'real' message handler (as if we got a server reply)
-				var id = message.msgId;
-				var resultMessage = Offline.buildAssistAnswerMessageForHandler(id, serviceResult);
-				Offline.sendToClienMessagetHandler(resultMessage);
+				return;
+				*/
 			}
+			//build a message-object and send it to 'real' message handler (as if we got a server reply)
+			var id = message.msgId;
+			var resultMessage = Offline.buildAssistAnswerMessageForHandler(id, serviceResult, senderUiIdOrName);
+			Offline.sendToClienMessagetHandler(resultMessage);
 		}, 600);
 	}
 
@@ -169,9 +179,9 @@ function sepiaFW_build_offline(){
 	}
 
 	//Message builder
-	Offline.buildAssistAnswerMessageForHandler = function(msgId, serviceResult){
-		var receiver = 'userid'; 	//e.g. uid1010
-		var sender = 'UI';			//e.g. uid1005 (assistant usually)
+	Offline.buildAssistAnswerMessageForHandler = function(msgId, serviceResult, assistantIdOrName){
+		var receiver = 'userid'; 				//e.g. uid1010
+		var sender = assistantIdOrName || 'UI';	//e.g. uid1005 (assistant usually)
 		var senderType = 'assistant';
 		var channelId = SepiaFW.client.getActiveChannel(); 	//TODO: does this work with an empty channel?
 		var timeUnix = new Date().getTime();