@internetstiftelsen/styleguide 2.24.27 → 2.24.28-beta.0.1

package/package.json

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

package/src/organisms/podcast/podcast.js

@@ -162,31 +162,35 @@ if (stepBackward) {
 	});
 }
 
+function saveState() {
+	const 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) {
+		let existing = sessionStorage.getItem('episodeData');
+		existing = existing ? JSON.parse(existing) : {};
+		existing.podcastWasPlaying = true;
+		sessionStorage.setItem('episodeData', JSON.stringify(existing));
+	} else {
+		let 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', () => {
-		const 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) {
-			let existing = sessionStorage.getItem('episodeData');
-			existing = existing ? JSON.parse(existing) : {};
-			existing.podcastWasPlaying = true;
-			sessionStorage.setItem('episodeData', JSON.stringify(existing));
-		} else {
-			let 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/src/organisms/video-guide/video-guide.js

@@ -19,27 +19,32 @@ const timeLinePosts = document.querySelector('.js-timeline-posts');
 let currentChapter = 0;
 let manualStep = false;
 
+// Set sessionStorage if video has started playing
+function saveState() {
+	if (video.currentTime > 0) {
+		const currentGuideURL = window.location.href;
+		const 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', () => {
-		// Set sessionStorage if video has started playing
-		if (video.currentTime > 0) {
-			const currentGuideURL = window.location.href;
-			const 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')) {
 		const videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
 
 		if (videoCurrentTime > 0) {
 			video.currentTime = videoCurrentTime;
+		} else {
+			video.currentTime = 0.001;
 		}
 	}