From 3a20217d9eb8a46a69f4221d379bf4650e99b658 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 6 Oct 2021 13:28:42 +0200
Subject: [PATCH] wip #4748 @2

---
 js/libs/fluidbook/fluidbook.links.js | 27 +++++++++++++++------------
 style/fluidbook.less                 |  4 ++++
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 43307fa5..eea0ef6e 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -425,20 +425,10 @@ FluidbookLinks.prototype = {
         }
 
         if (leftLinks) {
-            links.prepend('<div class="leftContainer container"></div>');
-            var leftContainer = links.find('.leftContainer');
-            leftContainer.html(this.fluidbook.loader.handleExtension(this.fluidbook.settings.links[leftPage]));
-            if (this.fluidbook.settings.bookmark) {
-                leftContainer.append(this.fluidbook.bookmarks.getBookmarkForPage(leftPage, this.fluidbook.displayOnePage, this.fluidbook.settings.bookmarkPermanentIcon));
-            }
+            this.setLinksInContainer(leftPage, 'left');
         }
         if (rightLinks) {
-            links.prepend('<div class="rightContainer container"></div>');
-            var rightContainer = links.find('.rightContainer');
-            rightContainer.html(this.fluidbook.loader.handleExtension(this.fluidbook.settings.links[rightPage]));
-            if (this.fluidbook.settings.bookmark) {
-                rightContainer.append(this.fluidbook.bookmarks.getBookmarkForPage(rightPage, this.fluidbook.displayOnePage, this.fluidbook.settings.bookmarkPermanentIcon));
-            }
+            this.setLinksInContainer(rightPage, 'right');
         }
 
         if (links.find('.link.multimedia iframe').length > 0) {
@@ -471,6 +461,19 @@ FluidbookLinks.prototype = {
         this.resize();
     },
 
+    setLinksInContainer: function (page, side) {
+        var links = $("#links");
+        links.prepend('<div class="' + side + 'Container container empty"></div>');
+        var container = links.find('.' + side + 'Container');
+        var llinks = this.fluidbook.loader.handleExtension(this.fluidbook.settings.links[page]);
+        if (llinks !== '') {
+            container.html(llinks).removeClass('empty');
+        }
+        if (this.fluidbook.settings.bookmark) {
+            container.append(this.fluidbook.bookmarks.getBookmarkForPage(page, this.fluidbook.displayOnePage, this.fluidbook.settings.bookmarkPermanentIcon));
+        }
+    },
+
     initLottieAnimations: function () {
         var $this = this;
         $('.lottie:not([data-lottie-inited])').each(function () {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 0d468326..7f1c8857 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -267,6 +267,10 @@ body, html {
     width: @book-page-width;
     height: @book-page-height;
 
+    &.empty {
+      pointer-events: none;
+    }
+
     &.rightContainer {
       left: 50%;
 
-- 
2.39.5