@pimaonline/pimaonline-themepack 3.10.11 → 3.10.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/js/scripts2.js +58 -46
  2. package/package.json +1 -1
package/dist/js/scripts2.js CHANGED
@@ -1,6 +1,6 @@
1
1
  const columnWidget = document.querySelector("#column-widget");
2
- const contentLockInstructions = document.querySelectorAll(".content-lock-instructions");
3
- const contentUnlockBtns = document.querySelectorAll(".content-unlock-btn");
2
+ const contentLockInstructions = document.querySelectorAll(".instructions");
3
+ const contentUnlockBtns = document.querySelectorAll(".unlock-btn");
4
4
  const contentWrapper = document.querySelector("#content-wrapper");
5
5
  const courseBody = document.querySelector("body");
6
6
  const docHead = document.querySelector("head");
@@ -36,8 +36,7 @@ const addAria = () => {
36
36
  if (contentWrapper) {
37
37
  contentWrapper.setAttribute("role", "main");
38
38
  } else if (!contentWrapper) {
39
- console.error("Document error: does not contain #content-wrapper.");
40
- return;
39
+ console.log("Document error: does not contain #content-wrapper.");
41
40
  }
42
41
  if (secondColumn) {
43
42
  secondColumn.setAttribute("role", "region");
@@ -61,11 +60,9 @@ const addGrid = () => {
61
60
  } else if (contentWrapper && !secondColumn && !thirdColumn && !columnWidget && !videoWrapper) {
62
61
  courseBody.id = "one-column";
63
62
  } else if (contentWrapper && !secondColumn && (thirdColumn || columnWidget)) {
64
- console.error("Document error: <body> is missing id because #second-column doesn't exist.");
65
- return;
63
+ console.log("Document error: <body> is missing id because #second-column doesn't exist.");
66
64
  } else {
67
- console.error("Document error: unable to determine the page layout for setting <body> id.");
68
- return;
65
+ console.log("Document error: unable to determine the page layout for setting <body> id.");
69
66
  }
70
67
 
71
68
  const topLevelElements = document.body.children;
@@ -92,8 +89,7 @@ const addGrid = () => {
92
89
  }
93
90
 
94
91
  if (foundNestedElement) {
95
- console.error("Document error: Additional content outside #content-wrapper, #second-column, #third-column, or footer.");
96
- return;
92
+ console.log("Document error: Additional content outside #content-wrapper, #second-column, #third-column, or footer.");
97
93
  }
98
94
  };
99
95
  addGrid();
@@ -108,11 +104,10 @@ const addMediaContainersAria = () => {
108
104
 
109
105
  // Check if media container items are present
110
106
  if (!iframe) {
111
- console.error("Document error: no iframe found for media container");
112
- return;
107
+ console.log("Document error: no iframe found for media container");
113
108
  }
114
109
  if (!mediaObject) {
115
- console.error("Document error: no media object found for media container");
110
+ console.log("Document error: no media object found for media container");
116
111
  }
117
112
 
118
113
  // If element DOES NOT have "aria-describedby" && it DOES have a sibling element.
@@ -133,8 +128,7 @@ iconClasses.forEach(icon => {
133
128
  const metaTagRef = docHead.querySelector("meta[name='viewport']");
134
129
  //Check if viewport meta tag exists
135
130
  if (!metaTagRef) {
136
- console.error("Document error: could not find viewport meta tag");
137
- return;
131
+ console.log("Document error: could not find viewport meta tag");
138
132
  }
139
133
 
140
134
  const iconCDN = document.createElement("link");
@@ -149,8 +143,7 @@ iconClasses.forEach(icon => {
149
143
  const checkGalleryWrapperParent = () => {
150
144
  galleryWrappers.forEach((galleryWrapper) => {
151
145
  if (!galleryWrapper.parentNode.classList.contains("image-gallery")) {
152
- console.error(`Document error: parent of .gallery-wrapper does not have the .image-gallery class.`);
153
- return;
146
+ console.log(`Document error: parent of .gallery-wrapper does not have the .image-gallery class.`);
154
147
  }
155
148
  });
156
149
  };
@@ -160,8 +153,7 @@ checkGalleryWrapperParent();
160
153
  const checkImageBoxParent = () => {
161
154
  imgBoxes.forEach((imgBox) => {
162
155
  if (!imgBox.parentNode.classList.contains("gallery-wrapper")) {
163
- console.error(`Document error: parent of .image-box does not have the .gallery-wrapper class.`);
164
- return;
156
+ console.log(`Document error: parent of .image-box does not have the .gallery-wrapper class.`);
165
157
  }
166
158
  });
167
159
  };
@@ -173,8 +165,7 @@ const checkGalleryWrapperChildren = () => {
173
165
  let directChildren = Array.from(galleryWrapper.children).every(child => child.classList.contains("image-box"));
174
166
 
175
167
  if (!directChildren) {
176
- console.error(`Document error: not all direct children of .gallery-wrapper have the .image-box class.`);
177
- return;
168
+ console.log(`Document error: not all direct children of .gallery-wrapper have the .image-box class.`);
178
169
  }
179
170
  });
180
171
  };
@@ -276,19 +267,16 @@ const callTabsWidget = () => {
276
267
 
277
268
  //Check that there are more than just one tab
278
269
  if (tabInputs.length < 2 || tabLabels.length < 2 || tabDivs.length < 2) {
279
- console.error("Document error: please add more than just one tab for tabs widget");
280
- return;
270
+ console.log("Document error: please add more than just one tab for tabs widget");
281
271
  }
282
272
 
283
273
  // Check amount of tab elements present
284
274
  if (tabInputs.length < tabLabels.length || tabInputs.length < tabDivs.length) {
285
- console.error("Document error: missing tab input(s) in tab widget");
286
- return;
275
+ console.log("Document error: missing tab input(s) in tab widget");
287
276
  }
288
277
 
289
278
  if (tabLabels.length < tabInputs.length || tabLabels.length < tabDivs.length) {
290
- console.error("Document error: missing tab label(s) in tab widget");
291
- return;
279
+ console.log("Document error: missing tab label(s) in tab widget");
292
280
  }
293
281
 
294
282
  let groupNum = index + 1;
@@ -303,18 +291,15 @@ const callTabsWidget = () => {
303
291
 
304
292
  // Check on present variables
305
293
  if (tabInputs == null) {
306
- console.error("Document error: no inputs found for tabs widget");
307
- return;
294
+ console.log("Document error: no inputs found for tabs widget");
308
295
  }
309
296
 
310
297
  if (tabLabels == null) {
311
- console.error("Document error: no labels found for tabs widget");
312
- return;
298
+ console.log("Document error: no labels found for tabs widget");
313
299
  }
314
300
 
315
301
  if (tabInputs == null) {
316
- console.error("Document error: no divs (tab panels) found for tabs widget");
317
- return;
302
+ console.log("Document error: no divs (tab panels) found for tabs widget");
318
303
  }
319
304
 
320
305
  //Add class, id, name, and aria-described by for inputs
@@ -396,17 +381,15 @@ const callVocabList = () => {
396
381
 
397
382
  // Check for terms and definitions in the vocab list
398
383
  if (terms < 1) {
399
- console.error("Document error: no terms found in vocab list");
400
- return;
384
+ console.log("Document error: no terms found in vocab list");
401
385
  }
402
386
 
403
387
  if (definitions < 1) {
404
- console.error("Document error: no definitions found in vocab list");
405
- return;
388
+ console.log("Document error: no definitions found in vocab list");
406
389
  }
407
390
 
408
391
  if (terms > definitions) {
409
- console.error("Document error: more terms than definitions in vocab list")
392
+ console.log("Document error: more terms than definitions in vocab list")
410
393
  }
411
394
 
412
395
  // If there are more than 2 terms and 2 definitions, then check for a button
@@ -612,15 +595,16 @@ if (lockedContent) {
612
595
  // Go through each show/hide button and add click listener
613
596
  contentUnlockBtns.forEach((button, index) => {
614
597
 
598
+ button.tabIndex = 0;
599
+
615
600
  button.addEventListener("click", function () {
616
- const keyNum = lockedContent[index].getAttribute("data-key");
601
+ let keyNum = lockedContent[index].getAttribute("data-key");
617
602
 
618
603
  // Add alert to ensure the user confirms the action to unlock the content
619
- const confirmed = window.confirm(`Please confirm: ${unlockContent[index]}`)
604
+ let confirmed = window.confirm(`Please confirm: ${unlockContent[index]}`)
620
605
 
621
606
  if (confirmed) {
622
607
 
623
-
624
608
  // Toggle the key status
625
609
  contentLockData[courseNumber].keys[keyNum] = !contentLockData[courseNumber].keys[keyNum];
626
610
 
@@ -641,8 +625,38 @@ if (lockedContent) {
641
625
  }
642
626
  });
643
627
 
628
+ button.addEventListener("keydown", function (e) {
629
+ if (e.key == "Enter") {
630
+ let keyNum = lockedContent[index].getAttribute("data-key");
631
+
632
+ // Add alert to ensure the user confirms the action to unlock the content
633
+ let confirmed = window.confirm(`Please confirm: ${unlockContent[index]}`)
634
+
635
+ if (confirmed) {
636
+
637
+ // Toggle the key status
638
+ contentLockData[courseNumber].keys[keyNum] = !contentLockData[courseNumber].keys[keyNum];
639
+
640
+ // Toggle classes based on key status
641
+ if (contentLockData[courseNumber].keys[keyNum]) {
642
+ lockedContent[index].classList.add("open");
643
+ contentLockInstructions[index].classList.add("complete");
644
+ } else {
645
+ lockedContent[index].classList.remove("open");
646
+ contentLockInstructions[index].classList.remove("complete");
647
+ }
648
+
649
+ // Save the updated contentLockData object to local storage
650
+ localStorage.setItem("contentLockData", JSON.stringify(contentLockData));
651
+
652
+ // Update the hidden content based on the key status
653
+ checkHiddenContent(courseNumber);
654
+ }
655
+ }
656
+ });
657
+
644
658
  // Apply initial classes based on key status
645
- const keyNum = lockedContent[index].getAttribute("data-key");
659
+ let keyNum = lockedContent[index].getAttribute("data-key");
646
660
 
647
661
  // Make sure contentLockData[courseNumber] is initialized
648
662
  if (!contentLockData[courseNumber]) {
@@ -704,13 +718,11 @@ function callFlipCardWidget() {
704
718
 
705
719
  // Check to ensure each card has the .flip-card class
706
720
  if (numOfCardsInGroup !== flipCard.length) {
707
- console.error("Document error: missing .flip-card class for flip card widget");
708
- return; // Stop execution if there's an error
721
+ console.log("Document error: missing .flip-card class for flip card widget");
709
722
  }
710
723
  // Check to ensure each card has the .inner-card class
711
724
  if (numOfCardsInGroup !== innerFlipCard.length) {
712
- console.error("Document error: missing .inner-card class for flip card widget");
713
- return; // Stop execution if there's an error
725
+ console.log("Document error: missing .inner-card class for flip card widget");
714
726
  }
715
727
 
716
728
  flipCard.forEach((card) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pimaonline/pimaonline-themepack",
3
- "version": "3.10.11",
3
+ "version": "3.10.13",
4
4
  "description": "A cloud based, course theme-pack for building courses efficiently within the D2L learning environment.",
5
5
  "main": "index.js",
6
6
  "files": [