wip #4748 @2

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 43307fa5a6ef2f62a2029aaac11d30fd1e2e0f85..eea0ef6ec89e30968f4da4a2b0b2703ff0048059 100644 (file)
--- 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 0d46832626a184a16824697cb3d06d26ff6e4722..7f1c8857465d9be53c4d7d4b75f648e1d2a247e9 100644 (file)
--- 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%;