zoom and scroll the waveform

1 files changed, 7 insertions, 7 deletions

diff --git a/animism-align/frontend/views/align/components/ticks.component.js b/animism-align/frontend/views/align/components/ticks.component.js
index 832144b..69866f0 100644
--- a/animism-align/frontend/views/align/components/ticks.component.js
+++ b/animism-align/frontend/views/align/components/ticks.component.js
@@ -12,13 +12,13 @@ export default class Ticks extends Component {
     let secondsPerPixel = ZOOM_STEPS[zoom] / 10 // 0.1 sec / step
     let pixelTimeDuration = 1 / secondsPerPixel // secs per pixel
     let widthTimeDuration = width / pixelTimeDuration // secs per pixel
-    console.log(secondsPerPixel, pixelTimeDuration)
-    console.log('width in seconds', widthTimeDuration)
+    // console.log(secondsPerPixel, pixelTimeDuration)
+    // console.log('width in seconds', widthTimeDuration)
 
     let secondsPerTick = ZOOM_LABEL_STEPS[zoom] // secs
     let pixelsPerLabel = secondsPerTick * pixelTimeDuration
     let pixelsPerTick = ZOOM_TICK_STEPS[zoom]
-    console.log('pixels per label', pixelsPerLabel)
+    // console.log('pixels per label', pixelsPerLabel)
 
     let subdivision = secondsPerTick
     while (pixelsPerLabel < 200) {
@@ -27,13 +27,13 @@ export default class Ticks extends Component {
       subdivision *= 2
     }
 
-    console.log('start ts', start_ts)
+    // console.log('start ts', start_ts)
     let pixelOffset = (start_ts / secondsPerPixel)
     let pixelRemainder = pixelOffset % pixelsPerLabel
     let startOffset = pixelsPerLabel - pixelRemainder
     let startTiming = (pixelOffset + startOffset) * secondsPerPixel
 
-    let labelCount = Math.ceil(width / pixelsPerLabel)
+    let labelCount = Math.ceil(width / pixelsPerLabel) + 2
     let offset, timing, tickLabels = [], ticks = []
     for (var i = -1; i < labelCount; i++) {
       offset = i * pixelsPerLabel + startOffset - 20
@@ -70,7 +70,7 @@ export default class Ticks extends Component {
         />
       )
     }
-    let tickCount = Math.ceil(width / pixelsPerTick) + 1
+    let tickCount = Math.ceil(width / pixelsPerTick) + 6
     for (var i = 0; i < tickCount; i += 1) {
       offset = i * pixelsPerTick + startOffset - pixelsPerLabel
       if (offset > durationOffset) {
@@ -84,7 +84,7 @@ export default class Ticks extends Component {
         />
       )
     }
-    console.log(ticks.length)
+    // console.log(ticks.length)
 
     return (
       <div className='ticks'>