@internetstiftelsen/styleguide 2.24.27 → 2.24.28-beta.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/organisms/podcast/podcast.js +27 -23
  2. package/dist/organisms/video-guide/video-guide.js +17 -12
  3. package/package.json +1 -1
  4. package/src/organisms/podcast/podcast.js +27 -23
  5. package/src/organisms/video-guide/video-guide.js +17 -12
package/dist/organisms/podcast/podcast.js CHANGED
@@ -149,31 +149,35 @@ if (stepBackward) {
149
149
  });
150
150
  }
151
151
 
152
+ function saveState() {
153
+ var podcastData = {
154
+ podCastTitle: title.innerHTML,
155
+ episodeDescription: description.innerHTML,
156
+ episodeSrc: audio.src,
157
+ episodeCurrentTime: audio.currentTime,
158
+ episodeDuration: durationElement.innerHTML,
159
+ episodeImage: image.src
160
+ };
161
+
162
+ sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
163
+
164
+ if (!audio.paused) {
165
+ var existing = sessionStorage.getItem('episodeData');
166
+ existing = existing ? JSON.parse(existing) : {};
167
+ existing.podcastWasPlaying = true;
168
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
169
+ } else {
170
+ var _existing = sessionStorage.getItem('episodeData');
171
+ _existing = _existing ? JSON.parse(_existing) : {};
172
+ _existing.podcastWasPlaying = false;
173
+ sessionStorage.setItem('episodeData', JSON.stringify(_existing));
174
+ }
175
+ }
176
+
152
177
  // Handle continous play when user leaves the page
153
178
  if (podCast) {
154
- window.addEventListener('unload', function () {
155
- var podcastData = {
156
- podCastTitle: title.innerHTML,
157
- episodeDescription: description.innerHTML,
158
- episodeSrc: audio.src,
159
- episodeCurrentTime: audio.currentTime,
160
- episodeDuration: durationElement.innerHTML,
161
- episodeImage: image.src
162
- };
163
- sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
164
-
165
- if (!audio.paused) {
166
- var existing = sessionStorage.getItem('episodeData');
167
- existing = existing ? JSON.parse(existing) : {};
168
- existing.podcastWasPlaying = true;
169
- sessionStorage.setItem('episodeData', JSON.stringify(existing));
170
- } else {
171
- var _existing = sessionStorage.getItem('episodeData');
172
- _existing = _existing ? JSON.parse(_existing) : {};
173
- _existing.podcastWasPlaying = false;
174
- sessionStorage.setItem('episodeData', JSON.stringify(_existing));
175
- }
176
- });
179
+ window.addEventListener('visibilitychange', saveState);
180
+ window.addEventListener('beforeunload', saveState);
177
181
  }
178
182
 
179
183
  if (sessionStorage.getItem('episodeData') && podCast) {
package/dist/organisms/video-guide/video-guide.js CHANGED
@@ -21,27 +21,32 @@ var timeLinePosts = document.querySelector('.js-timeline-posts');
21
21
  var currentChapter = 0;
22
22
  var manualStep = false;
23
23
 
24
+ // Set sessionStorage if video has started playing
25
+ function saveState() {
26
+ if (video.currentTime > 0) {
27
+ var currentGuideURL = window.location.href;
28
+ var currentGuideImage = video.dataset.featuredImage;
29
+ sessionStorage.setItem('InmsCurrentTime', video.currentTime);
30
+ sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
31
+ sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
32
+ sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
33
+ }
34
+ }
35
+
24
36
  // Has src attributes been set already?
25
37
  if (video) {
26
38
  // Store current time in on page reload
27
- window.addEventListener('beforeunload', function () {
28
- // Set sessionStorage if video has started playing
29
- if (video.currentTime > 0) {
30
- var currentGuideURL = window.location.href;
31
- var currentGuideImage = video.dataset.featuredImage;
32
- sessionStorage.setItem('InmsCurrentTime', video.currentTime);
33
- sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
34
- sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
35
- sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
36
- }
37
- });
39
+ window.addEventListener('visibilitychange', saveState);
40
+ window.addEventListener('beforeunload', saveState);
38
41
 
39
- // Get value from sessionStorage in present
42
+ // Get value from sessionStorage if present
40
43
  if (sessionStorage.getItem('InmsCurrentTime')) {
41
44
  var videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
42
45
 
43
46
  if (videoCurrentTime > 0) {
44
47
  video.currentTime = videoCurrentTime;
48
+ } else {
49
+ video.currentTime = 0.001;
45
50
  }
46
51
  }
47
52
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.24.27",
3
+ "version": "2.24.28-beta.0.2",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/organisms/podcast/podcast.js CHANGED
@@ -162,31 +162,35 @@ if (stepBackward) {
162
162
  });
163
163
  }
164
164
 
165
+ function saveState() {
166
+ const podcastData = {
167
+ podCastTitle: title.innerHTML,
168
+ episodeDescription: description.innerHTML,
169
+ episodeSrc: audio.src,
170
+ episodeCurrentTime: audio.currentTime,
171
+ episodeDuration: durationElement.innerHTML,
172
+ episodeImage: image.src,
173
+ };
174
+
175
+ sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
176
+
177
+ if (!audio.paused) {
178
+ let existing = sessionStorage.getItem('episodeData');
179
+ existing = existing ? JSON.parse(existing) : {};
180
+ existing.podcastWasPlaying = true;
181
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
182
+ } else {
183
+ let existing = sessionStorage.getItem('episodeData');
184
+ existing = existing ? JSON.parse(existing) : {};
185
+ existing.podcastWasPlaying = false;
186
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
187
+ }
188
+ }
189
+
165
190
  // Handle continous play when user leaves the page
166
191
  if (podCast) {
167
- window.addEventListener('unload', () => {
168
- const podcastData = {
169
- podCastTitle: title.innerHTML,
170
- episodeDescription: description.innerHTML,
171
- episodeSrc: audio.src,
172
- episodeCurrentTime: audio.currentTime,
173
- episodeDuration: durationElement.innerHTML,
174
- episodeImage: image.src,
175
- };
176
- sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
177
-
178
- if (!audio.paused) {
179
- let existing = sessionStorage.getItem('episodeData');
180
- existing = existing ? JSON.parse(existing) : {};
181
- existing.podcastWasPlaying = true;
182
- sessionStorage.setItem('episodeData', JSON.stringify(existing));
183
- } else {
184
- let existing = sessionStorage.getItem('episodeData');
185
- existing = existing ? JSON.parse(existing) : {};
186
- existing.podcastWasPlaying = false;
187
- sessionStorage.setItem('episodeData', JSON.stringify(existing));
188
- }
189
- });
192
+ window.addEventListener('visibilitychange', saveState);
193
+ window.addEventListener('beforeunload', saveState);
190
194
  }
191
195
 
192
196
  if (sessionStorage.getItem('episodeData') && podCast) {
package/src/organisms/video-guide/video-guide.js CHANGED
@@ -19,27 +19,32 @@ const timeLinePosts = document.querySelector('.js-timeline-posts');
19
19
  let currentChapter = 0;
20
20
  let manualStep = false;
21
21
 
22
+ // Set sessionStorage if video has started playing
23
+ function saveState() {
24
+ if (video.currentTime > 0) {
25
+ const currentGuideURL = window.location.href;
26
+ const currentGuideImage = video.dataset.featuredImage;
27
+ sessionStorage.setItem('InmsCurrentTime', video.currentTime);
28
+ sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
29
+ sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
30
+ sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
31
+ }
32
+ }
33
+
22
34
  // Has src attributes been set already?
23
35
  if (video) {
24
36
  // Store current time in on page reload
25
- window.addEventListener('beforeunload', () => {
26
- // Set sessionStorage if video has started playing
27
- if (video.currentTime > 0) {
28
- const currentGuideURL = window.location.href;
29
- const currentGuideImage = video.dataset.featuredImage;
30
- sessionStorage.setItem('InmsCurrentTime', video.currentTime);
31
- sessionStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
32
- sessionStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
33
- sessionStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
34
- }
35
- });
37
+ window.addEventListener('visibilitychange', saveState);
38
+ window.addEventListener('beforeunload', saveState);
36
39
 
37
- // Get value from sessionStorage in present
40
+ // Get value from sessionStorage if present
38
41
  if (sessionStorage.getItem('InmsCurrentTime')) {
39
42
  const videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
40
43
 
41
44
  if (videoCurrentTime > 0) {
42
45
  video.currentTime = videoCurrentTime;
46
+ } else {
47
+ video.currentTime = 0.001;
43
48
  }
44
49
  }
45
50