Merge pull request #8942 from jimchamp/8906/bug/fix-work-cover-carousel

Fix work's `add-cover` carousel
internetarchive · Mar 28, 2024 · 4043d67 · 4043d67
2 parents 74f6870 + 136727a
commit 4043d67
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/openlibrary/plugins/openlibrary/js/carousel/Carousel.js b/openlibrary/plugins/openlibrary/js/carousel/Carousel.js
@@ -42,14 +42,18 @@ export class Carousel {
         this.$container = $container;
 
         //This loads in i18n strings from a hidden input element, generated in the books/custom_carousel.html template.
-        this.i18n = JSON.parse($('input[name="carousel-i18n-strings"]').attr('value'));
-        this.availabilityStatuses = {
-            open: {cls: 'cta-btn--available', cta: this.i18n['open']},
-            borrow_available: {cls: 'cta-btn--available', cta: this.i18n['borrow_available']},
-            borrow_unavailable: {cls: 'cta-btn--unavailable', cta: this.i18n['borrow_unavailable']},
-            error: {cls: 'cta-btn--missing', cta: this.i18n['error']},
-            // private: {cls: 'cta-btn--available', cta: 'Preview'}
-        };
+        const i18nInput = document.querySelector('input[name="carousel-i18n-strings"]')
+        if (i18nInput) {
+            this.i18n = JSON.parse(i18nInput.value);
+
+            this.availabilityStatuses = {
+                open: {cls: 'cta-btn--available', cta: this.i18n['open']},
+                borrow_available: {cls: 'cta-btn--available', cta: this.i18n['borrow_available']},
+                borrow_unavailable: {cls: 'cta-btn--unavailable', cta: this.i18n['borrow_unavailable']},
+                error: {cls: 'cta-btn--missing', cta: this.i18n['error']},
+                // private: {cls: 'cta-btn--available', cta: 'Preview'}
+            };
+        }
     }
 
     get slick() {