Changeset 37951 for gs3-installations/thewillow

Timestamp:

2023-08-14T22:20:29+12:00 (10 months ago)

Author:

davidb

Message:

pos now stored inside TimelineState

File:

• gs3-installations/thewillow/trunk/interfaces/thewillow/js/thumbnail-timeline.js (modified) (5 diffs)

gs3-installations/thewillow/trunk/interfaces/thewillow/js/thumbnail-timeline.js

@@ -50 +50 @@
 TimelineState.PosJump = TimelineState.CardWidthAndGap * 2;  /* nav-block move, two upper-cards at a time */
 
-
-let pos = TimelineState.StartPos;
+TimelineState.pos = TimelineState.StartPos;
 
 
@@ -61 +60 @@
     TimelineState.NumCards = num_cards;
     TimelineState.CardsTotalWidth = Math.ceil((num_cards/2) * TimelineState.CardWidthAndGap) - ((TimelineState.CardWidth*2) + TimelineState.StartPos);
-    console.log("cards total width  = " + TimelineState.CardsTotalWidth);
+    // console.log("cards total width  = " + TimelineState.CardsTotalWidth);
         
-
     var httpPath  = gs.collectionMetadata["httpPath"];
     var assocfilepath = gs.documentMetadata["assocfilepath"];
@@ -102 +100 @@
 function timelineBlockMove(event,inputs){
     var dir = Array.from(inputs).indexOf(event.target);
-    pos += (dir > 0) ? TimelineState.PosJump * -1 : TimelineState.PosJump
+    TimelineState.pos += (dir > 0) ? TimelineState.PosJump * -1 : TimelineState.PosJump
 
-    console.log("*** pos = " + pos);
+    //console.log("*** pos = " + TimelineState.pos);
     
     var container = document.getElementsByClassName("timeline-container")[0];    
-    container.style.transform = "translate3d(" + pos + "px, " + 0 + "px, 0)";
+    container.style.transform = "translate3d(" + TimelineState.pos + "px, " + 0 + "px, 0)";
 
-    if (pos < TimelineState.StartPos) {
+    if (TimelineState.pos < TimelineState.StartPos) {
     $('#timeline-nav-block-left').show();
     }
@@ -116 +114 @@
     }
 
-    if (pos > -TimelineState.CardsTotalWidth ) {
+    if (TimelineState.pos > -TimelineState.CardsTotalWidth ) {
     $('#timeline-nav-block-right').show();
     }
@@ -134 +132 @@
     // Initialize thumbnail-timeline area
     // .timeline-container is a static div
-    document.getElementsByClassName("timeline-container")[0].style.transform = "translate3d(" + pos + "px, " + 0 + "px, 0)";
+    document.getElementsByClassName("timeline-container")[0].style.transform = "translate3d(" + TimelineState.pos + "px, " + 0 + "px, 0)";
     
     // Attach listeners to move in "chunks" (blocks) the section of the timeline area on display