@internetstiftelsen/styleguide 2.22.3-beta.0.58 → 2.22.3-beta.0.59

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

@@ -27,14 +27,6 @@ var sourceElement = null;
 if (sourceElement) {
 	document.location.reload();
 } else if (video) {
-	var dataSrc = video.dataset.src;
-
-	sourceElement = document.createElement('source');
-	sourceElement.setAttribute('src', dataSrc);
-	sourceElement.setAttribute('type', 'video/mp4');
-
-	video.appendChild(sourceElement);
-
 	// Store current time in on page reload
 	window.addEventListener('unload', function () {
 		// Set localStorage if video has started playing
@@ -224,23 +216,10 @@ function displayChapters() {
 								// get the chapter <li> elements based on the currentLocation
 								var locations = [].slice.call(chapter.closest('figure').querySelectorAll('.js-chapters li'));
 
-								var counter = 0;
-
 								[].forEach.call(locations, function (location) {
 									// remove current classes from all items on page refresh
 									location.classList.remove('is-current-item');
 									location.querySelector('a').classList.remove('is-current');
-
-									if (location.classList.contains('is-current-item')) {
-										counter += 1; // iterate counter when active chapter is reached
-									}
-									if (counter < 1) {
-										// add watched class to everything before the current chapter to show progress
-										location.classList.add('is-watched');
-									} else {
-										// remove watched on all other items
-										location.classList.remove('is-watched');
-									}
 								});
 								chapter.parentNode.classList.add('is-current-item');
 								chapter.classList.add('is-current');
@@ -253,7 +232,7 @@ function displayChapters() {
 			// Get timeline post IDs from metadata.vtt
 			metadataTrack.addEventListener('cuechange', function () {
 				var metadataCues = metadataTrack.activeCues;
-				var chapterCues = chapterTrack.activeCues;
+				var chapterCues = chapterTrack.activeCues[0];
 
 				if (metadataCues.length > 0) {
 					var metadataCueMatch = metadataTrack.activeCues[0].text;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@internetstiftelsen/styleguide",
-	"version": "2.22.3-beta.0.58",
+	"version": "2.22.3-beta.0.59",
 	"main": "dist/components.js",
 	"ports": {
 		"fractal": "3000"

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

@@ -19,20 +19,12 @@ const navigationButton = document.querySelector('.js-show-timelineposts');
 const timeLinePosts = document.querySelector('.js-timeline-posts');
 let currentChapter = 1;
 let manualStep = false;
-let sourceElement = null;
+const sourceElement = null;
 
 // Has src attributes been set already?
 if (sourceElement) {
 	document.location.reload();
 } else if (video) {
-	const dataSrc = video.dataset.src;
-
-	sourceElement = document.createElement('source');
-	sourceElement.setAttribute('src', dataSrc);
-	sourceElement.setAttribute('type', 'video/mp4');
-
-	video.appendChild(sourceElement);
-
 	// Store current time in on page reload
 	window.addEventListener('unload', () => {
 		// Set localStorage if video has started playing
@@ -223,23 +215,10 @@ function displayChapters() {
 								const locations = [].slice.call(chapter.closest('figure')
 									.querySelectorAll('.js-chapters li'));
 
-								let counter = 0;
-
 								[].forEach.call(locations, (location) => {
 									// remove current classes from all items on page refresh
 									location.classList.remove('is-current-item');
 									location.querySelector('a').classList.remove('is-current');
-
-									if (location.classList.contains('is-current-item')) {
-										counter += 1; // iterate counter when active chapter is reached
-									}
-									if (counter < 1) {
-										// add watched class to everything before the current chapter to show progress
-										location.classList.add('is-watched');
-									} else {
-										// remove watched on all other items
-										location.classList.remove('is-watched');
-									}
 								});
 								chapter.parentNode.classList.add('is-current-item');
 								chapter.classList.add('is-current');
@@ -252,7 +231,7 @@ function displayChapters() {
 			// Get timeline post IDs from metadata.vtt
 			metadataTrack.addEventListener('cuechange', () => {
 				const metadataCues = metadataTrack.activeCues;
-				const chapterCues = chapterTrack.activeCues;
+				const chapterCues = chapterTrack.activeCues[0];
 
 				if (metadataCues.length > 0) {
 					const metadataCueMatch = metadataTrack.activeCues[0].text;