@internetstiftelsen/styleguide 2.24.16 → 2.24.17

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/organisms/podcast/podcast.js +8 -8
  3. package/src/organisms/video-guide/video-guide.js +17 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.24.16",
3
+ "version": "2.24.17",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/organisms/podcast/podcast.js CHANGED
@@ -173,24 +173,24 @@ if (podCast) {
173
173
  episodeDuration: durationElement.innerHTML,
174
174
  episodeImage: image.src,
175
175
  };
176
- localStorage.setItem('episodeData', JSON.stringify(podcastData));
176
+ sessionStorage.setItem('episodeData', JSON.stringify(podcastData));
177
177
 
178
178
  if (!audio.paused) {
179
- let existing = localStorage.getItem('episodeData');
179
+ let existing = sessionStorage.getItem('episodeData');
180
180
  existing = existing ? JSON.parse(existing) : {};
181
181
  existing.podcastWasPlaying = true;
182
- localStorage.setItem('episodeData', JSON.stringify(existing));
182
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
183
183
  } else {
184
- let existing = localStorage.getItem('episodeData');
184
+ let existing = sessionStorage.getItem('episodeData');
185
185
  existing = existing ? JSON.parse(existing) : {};
186
186
  existing.podcastWasPlaying = false;
187
- localStorage.setItem('episodeData', JSON.stringify(existing));
187
+ sessionStorage.setItem('episodeData', JSON.stringify(existing));
188
188
  }
189
189
  });
190
190
  }
191
191
 
192
- if (localStorage.getItem('episodeData') && podCast) {
193
- const arr = JSON.parse(localStorage.getItem('episodeData'));
192
+ if (sessionStorage.getItem('episodeData') && podCast) {
193
+ const arr = JSON.parse(sessionStorage.getItem('episodeData'));
194
194
 
195
195
  if (arr.episodeCurrentTime) {
196
196
  podCast.classList.remove(`${namespace}o-podcast-player--hidden`);
@@ -240,7 +240,7 @@ if (closeButton) {
240
240
  audio.currentTime = 0;
241
241
  timeupdate();
242
242
  audio.pause();
243
- localStorage.removeItem('episodeData');
243
+ sessionStorage.removeItem('episodeData');
244
244
  podCast.classList.add(`${namespace}o-podcast-player--hidden`);
245
245
  });
246
246
  }
package/src/organisms/video-guide/video-guide.js CHANGED
@@ -23,20 +23,20 @@ let manualStep = false;
23
23
  if (video) {
24
24
  // Store current time in on page reload
25
25
  window.addEventListener('unload', () => {
26
- // Set localStorage if video has started playing
26
+ // Set sessionStorage if video has started playing
27
27
  if (video.currentTime > 0) {
28
28
  const currentGuideURL = window.location.href;
29
29
  const currentGuideImage = video.dataset.featuredImage;
30
- localStorage.setItem('InmsCurrentTime', video.currentTime);
31
- localStorage.setItem('InmsDuration', video.duration); // Get totalt duration of video
32
- localStorage.setItem('InmsCurrentGuideURL', currentGuideURL);
33
- localStorage.setItem('InmsCurrentGuideImage', currentGuideImage);
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
34
  }
35
35
  });
36
36
 
37
- // Get value from localStorage in present
38
- if (localStorage.getItem('InmsCurrentTime')) {
39
- const videoCurrentTime = localStorage.getItem('InmsCurrentTime');
37
+ // Get value from sessionStorage in present
38
+ if (sessionStorage.getItem('InmsCurrentTime')) {
39
+ const videoCurrentTime = sessionStorage.getItem('InmsCurrentTime');
40
40
 
41
41
  if (videoCurrentTime > 0) {
42
42
  video.currentTime = videoCurrentTime;
@@ -81,10 +81,10 @@ if (video) {
81
81
  manualStep = false;
82
82
  forwardsButton.removeAttribute('disabled');
83
83
  subtitlesContainer.innerHTML = '';
84
- localStorage.removeItem('InmsCurrentTime');
85
- localStorage.removeItem('InmsDuration');
86
- localStorage.removeItem('InmsCurrentGuideURL');
87
- localStorage.removeItem('InmsCurrentGuideImage');
84
+ sessionStorage.removeItem('InmsCurrentTime');
85
+ sessionStorage.removeItem('InmsDuration');
86
+ sessionStorage.removeItem('InmsCurrentGuideURL');
87
+ sessionStorage.removeItem('InmsCurrentGuideImage');
88
88
  });
89
89
  }
90
90
 
@@ -97,10 +97,10 @@ if (video) {
97
97
  forwardsButton.removeAttribute('disabled');
98
98
  currentChapter = 1;
99
99
  manualStep = false;
100
- localStorage.removeItem('InmsCurrentTime');
101
- localStorage.removeItem('InmsDuration');
102
- localStorage.removeItem('InmsCurrentGuideURL');
103
- localStorage.removeItem('InmsCurrentGuideImage');
100
+ sessionStorage.removeItem('InmsCurrentTime');
101
+ sessionStorage.removeItem('InmsDuration');
102
+ sessionStorage.removeItem('InmsCurrentGuideURL');
103
+ sessionStorage.removeItem('InmsCurrentGuideImage');
104
104
  window.location.href = urlTarget;
105
105
  });
106
106
  }
@@ -128,7 +128,7 @@ function displayChapters() {
128
128
  video.classList.remove('is-loading');
129
129
 
130
130
  // If not set in sessionStorgare, set first cue on forward button on page load
131
- if (!localStorage.getItem('InmsCurrentTime')) {
131
+ if (!sessionStorage.getItem('InmsCurrentTime')) {
132
132
  forwardsButton.setAttribute('data-id', chapterTrack.cues[0].endTime);
133
133
  }
134
134
  }, 100);