improved my-view reload animation; added switch-language action

Author: fquirin

www/css/sepiaFW-style.css

@@ -1624,6 +1624,10 @@ body {
 
 #sepiaFW-my-view {
 }
+#sepiaFW-my-view.disabled {
+	pointer-events: none;
+	user-select: none;
+}
 #sepiaFW-my-view > .sepiaFW-cards-flexSize-container {
 	padding-bottom: 5px !important;
 	margin-bottom: 10px;

www/scripts/sepiaFW.local.js

@@ -72,6 +72,7 @@ function sepiaFW_build_strings(){
 	StringsDE.reload = 'Neu laden';
 	StringsDE.refreshUI = 'Interface neu laden';
 	StringsDE.refreshUI_info = 'Um Änderungen, die hier gemacht wurden zu <u>sehen</u> muss das Interface neu geladen werden';
+	StringsDE.lastUpdate = 'Zuletzt aktualisiert';
 	StringsDE.recommendationsFor = 'Empfehlungen für';
 	StringsDE.forNewcomers = 'Für Neuankömmlinge';
 	StringsDE.myCustomButtons = 'Meine Aktionen';
@@ -164,6 +165,7 @@ function sepiaFW_build_strings(){
 	StringsEN.reload = 'Reload';
 	StringsEN.refreshUI = 'Refresh interface';
 	StringsEN.refreshUI_info = 'To <u>see</u> changes you made here you need to refresh the interface';
+	StringsEN.lastUpdate = 'Last update';
 	StringsEN.recommendationsFor = 'Recommendations for';
 	StringsEN.forNewcomers = 'For newcomers';
 	StringsEN.myCustomButtons = 'My actions';

www/scripts/sepiaFW.speech.js

@@ -722,18 +722,31 @@ function sepiaFW_build_speech(){
 				//TODO: implement
 			}else{
 				selectedVoice = newVoice;
-				var selectedVoiceObjectArray = speechSynthesis.getVoices().filter(function(voice){
-					return (voice && voice.name && (voice.name === selectedVoice));
-				});
-				if (selectedVoiceObjectArray.length == 0){
-					selectedVoiceObject = {};	
+				if (selectedVoice){
+					var selectedVoiceObjectArray = speechSynthesis.getVoices().filter(function(voice){
+						return (voice && voice.name && (voice.name === selectedVoice));
+					});
+					if (selectedVoiceObjectArray.length == 0){
+						selectedVoiceObject = {};	
+					}else{
+						selectedVoiceObject = selectedVoiceObjectArray[0];
+					}
 				}else{
-					selectedVoiceObject = selectedVoiceObjectArray[0];
+					selectedVoiceObject = {};
 				}
 				SepiaFW.debug.log("TTS voice set: " + ((selectedVoiceObject.name)? selectedVoiceObject.name : "undefined"));
 			}
 		}
 	}
+	Speech.getActiveVoice = function(){
+		return selectedVoice;
+	}
+	Speech.refreshVoice = function(){
+		if (voices && voices.length > 0){
+			selectedVoice = undefined;
+			setVoiceOnce();
+		}
+	}
 
 	//speak an utterance
 	Speech.speak = function(text, finishedCallback, errorCallback, startedCallback){
@@ -949,14 +962,14 @@ function sepiaFW_build_speech(){
 			if (SepiaFW.ui.isEdge){
 				if (SepiaFW.config.appLanguage === "de"){
 					Speech.setVoice('Microsoft Katja Mobile - German (Germany)');
-				}else{
+				}else if(SepiaFW.config.appLanguage === "en"){
 					Speech.setVoice('Microsoft Zira Mobile - English (United States)');
 				}
 
 			}else if (SepiaFW.ui.isChromeDesktop){
 				if (SepiaFW.config.appLanguage === "de"){
 					Speech.setVoice('Google Deutsch');
-				}else{
+				}else if(SepiaFW.config.appLanguage === "en"){
 					Speech.setVoice('Google UK English Female');
 				}
 			}

www/scripts/sepiaFW.ui.actions.js

@@ -302,15 +302,25 @@ function sepiaFW_build_ui_actions(){
 		}
 		SepiaFW.events.addOrRefreshTimeEvent(action.targetTimeUnix, eventType, action);
 	}
+
+	//SWITCH LANGUAGE
+	Actions.switchLanguage = function(action){
+		if (action.language_code){
+			SepiaFW.config.broadcastLanguage(action.language_code);
+		}
+	}
 
 	//EVENTS START
 	Actions.buildMyEventsBox = function(action, parentBlock){
 		//fadeout old
 		var	aButtonsAreaReplaced = document.getElementById('sepiaFW-myEvents-buttons');
 		if (aButtonsAreaReplaced){
+			//temporary disable interaction with my-view to prevent false click
+			$('#sepiaFW-my-view').addClass('disabled');
+			//remove
 			aButtonsAreaReplaced.id = 'sepiaFW-myEvents-buttons-replaced';
 			var oldEventsParent = $(aButtonsAreaReplaced).closest('.chatMsg');
-			oldEventsParent.fadeOut(300, function(){
+			oldEventsParent.hide(300, function(){
 				oldEventsParent.remove();
 			});
 		}else{
@@ -328,13 +338,20 @@ function sepiaFW_build_ui_actions(){
 		titleNote.innerHTML = SepiaFW.local.g('recommendationsFor') + " " + SepiaFW.account.getUserName() + ":";
 		var dateNote = document.createElement('DIV');
 		dateNote.className = 'sepiaFW-myEvents-dateHeader';
-		dateNote.innerHTML = (new Date().toLocaleString());
+		var d = new Date();
+		dateNote.innerHTML = (SepiaFW.local.g('lastUpdate') + ": " 
+			+ d.toLocaleDateString() + " - " + d.toLocaleTimeString([], {hour: 'numeric', minute:'2-digit'}));
 		$(aButtonsArea).prepend(dateNote);
 		$(aButtonsArea).prepend(titleNote);
 
 		//show again on top
 		$(parentBlock).append(aButtonsArea);
-		$(aButtonsArea).fadeIn(500);
+		setTimeout(function(){
+			//show and enable everything again
+			$(aButtonsArea).show(300, function(){
+				$('#sepiaFW-my-view').removeClass('disabled');
+			});
+		}, 200);
 
 		return aButtonsArea;
 	}
@@ -471,6 +488,10 @@ function sepiaFW_build_ui_actions(){
 						}else{
 							SepiaFW.debug.info('UNSUPPORTED ACTION (timeEvent): ' + JSON.stringify(actionInfo));
 						}
+
+					//Language switcher
+					}else if (type === 'switch_language'){
+						Actions.switchLanguage(data.actionInfo[i]);
 
 					//UNKNOWN
 					}else{