From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 28 Nov 2023 18:50:48 +0000 (+0100)
Subject: wait #6518 @2
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6c2bbbb7085b1d4e707724646e629f41971f1c1a;p=fluidbook-html5.git

wait #6518 @2
---

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index c3a8d1dc..57065718 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -383,7 +383,7 @@ FluidbookLinks.prototype = {
                         if ($(this).is('[data-zindex]')) {
                             $(this).css('z-index', $(this).data('zindex'));
                         }
-                        console.log('hide ',id);
+                        console.log('hide ', id);
                         $this.hidePlacedLink(this, timeout);
                     }
                 });
@@ -571,7 +571,6 @@ FluidbookLinks.prototype = {
             }
         }
         return href;
-
     },
 
     appendParamsToURL: function (url, params) {
@@ -679,6 +678,13 @@ FluidbookLinks.prototype = {
         this.fluidbook.resize.resizeLinks();
         var $this = this;
 
+        $("#links .link[data-delay]").each(function () {
+            let $link = $(this);
+            setTimeout(function () {
+                $this.initDelayedLink($link);
+            }, $(this).data('delay') * 1000);
+        });
+
         this.animateLinks();
         $this.initAnimatedContentsLinks();
 
@@ -696,6 +702,10 @@ FluidbookLinks.prototype = {
         this.resize();
     },
 
+    initDelayedLink: function (link) {
+        $(link).addClass('revealed');
+        this.fluidbook.video.initVideos();
+    },
 
     replaceVariableInTextLinks: function () {
         $('.textLink').each(function () {
diff --git a/js/libs/fluidbook/fluidbook.video.js b/js/libs/fluidbook/fluidbook.video.js
index 963548a3..eaf16dd5 100644
--- a/js/libs/fluidbook/fluidbook.video.js
+++ b/js/libs/fluidbook/fluidbook.video.js
@@ -82,6 +82,9 @@ FluidbookVideo.prototype = {
         var $this = this;
 
         $(".videoContainer").each(function () {
+            if ($(this).closest('[data-delay]:not(.revealed)').length > 0) {
+                return;
+            }
             if ($(this).closest('.rightclone').length > 0 && $(this).is(':hidden')) {
                 return;
             }
diff --git a/style/fluidbook.less b/style/fluidbook.less
index f8b13ce8..ac026629 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -296,6 +296,17 @@ body, html {
     pointer-events: none;
   }
 
+  &[data-delay] {
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 250ms;
+
+    &.revealed {
+      visibility: visible;
+      opacity: 1;
+    }
+  }
+
   &.rightclone {
     display: none;