@internetstiftelsen/styleguide 2.24.28-beta.0.1 → 2.24.28-beta.0.2

package/dist/organisms/podcast/podcast.js

@@ -149,31 +149,35 @@ if (stepBackward) {
 	});
 }
 
+function saveState() {
+	var podcastData = {
+		podCastTitle: title.innerHTML,
+		episodeDescription: description.innerHTML,
+		episodeSrc: audio.src,
+		episodeCurrentTime: audio.currentTime,
+		episodeDuration: durationElement.innerHTML,
+		episodeImage: image.src
+	};
+
+	sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
+
+	if (!audio.paused) {
+		var existing = sessionStorage.getItem('episodeData');
+		existing = existing ? JSON.parse(existing) : {};
+		existing.podcastWasPlaying = true;
+		sessionStorage.setItem('episodeData', JSON.stringify(existing));
+	} else {
+		var _existing = sessionStorage.getItem('episodeData');
+		_existing = _existing ? JSON.parse(_existing) : {};
+		_existing.podcastWasPlaying = false;
+		sessionStorage.setItem('episodeData', JSON.stringify(_existing));
+	}
+}
+
 // Handle continous play when user leaves the page
 if (podCast) {
-	window.addEventListener('unload', function () {
-		var podcastData = {
-			podCastTitle: title.innerHTML,
-			episodeDescription: description.innerHTML,
-			episodeSrc: audio.src,
-			episodeCurrentTime: audio.currentTime,
-			episodeDuration: durationElement.innerHTML,
-			episodeImage: image.src
-		};
-		sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
-
-		if (!audio.paused) {
-			var existing = sessionStorage.getItem('episodeData');
-			existing = existing ? JSON.parse(existing) : {};
-			existing.podcastWasPlaying = true;
-			sessionStorage.setItem('episodeData', JSON.stringify(existing));
-		} else {
-			var _existing = sessionStorage.getItem('episodeData');
-			_existing = _existing ? JSON.parse(_existing) : {};
-			_existing.podcastWasPlaying = false;
-			sessionStorage.setItem('episodeData', JSON.stringify(_existing));
-		}
-	});
+	window.addEventListener('visibilitychange', saveState);
+	window.addEventListener('beforeunload', saveState);
 }
 
 if (sessionStorage.getItem('episodeData') && podCast) {

package/dist/organisms/video-guide/video-guide.js

@@ -21,27 +21,32 @@ var timeLinePosts = document.querySelector('.js-timeline-posts');
 var currentChapter = 0;
 var manualStep = false;
 
+// Set sessionStorage if video has started playing
+function saveState() {
+	if (video.currentTime > 0) {
+		var currentGuideURL = window.location.href;
+		var currentGuideImage = video.dataset.featuredImage;
+		sessionStorage.setItem('InmsCurrentTime', video.currentTime);
+		sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
+		sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
+		sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
+	}
+}
+
 // Has src attributes been set already?
 if (video) {
 	// Store current time in on page reload
-	window.addEventListener('beforeunload', function () {
-		// Set sessionStorage if video has started playing
-		if (video.currentTime > 0) {
-			var currentGuideURL = window.location.href;
-			var currentGuideImage = video.dataset.featuredImage;
-			sessionStorage.setItem('InmsCurrentTime', video.currentTime);
-			sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
-			sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
-			sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
-		}
-	});
+	window.addEventListener('visibilitychange', saveState);
+	window.addEventListener('beforeunload', saveState);
 
-	// Get value from sessionStorage in present
+	// Get value from sessionStorage if present
 	if (sessionStorage.getItem('InmsCurrentTime')) {
 		var videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
 
 		if (videoCurrentTime > 0) {
 			video.currentTime = videoCurrentTime;
+		} else {
+			video.currentTime = 0.001;
 		}
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@internetstiftelsen/styleguide",
-	"version": "2.24.28-beta.0.1",
+	"version": "2.24.28-beta.0.2",
 	"main": "dist/components.js",
 	"ports": {
 		"fractal": "3000"