scroll to beginning or end but not beyond

2 files changed, 11 insertions, 4 deletions

diff --git a/animism-align/frontend/app/utils/vendor/keen-slider/keen-slider.js b/animism-align/frontend/app/utils/vendor/keen-slider/keen-slider.js
index 8efea56..dec451e 100644
--- a/animism-align/frontend/app/utils/vendor/keen-slider/keen-slider.js
+++ b/animism-align/frontend/app/utils/vendor/keen-slider/keen-slider.js
@@ -156,8 +156,14 @@ function KeenSlider(initialContainer, initialOptions = {}) {
   function eventWheel(e) {
     if (!isTouchable()) return
     if (touchActive) e.preventDefault()
-    const delta = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX
-    trackAdd(touchMultiplicator(delta, pubfuncs), e.timeStamp)
+    let delta = Math.abs(e.deltaY) > Math.abs(e.deltaX) ? e.deltaY : e.deltaX
+    const idx_trend = (trackPosition + delta) / (width / slidesPerView)
+    if (idx_trend < 0) {
+      delta = -trackPosition
+    } else if (idx_trend > slides.length - 1) {
+      delta = (width * (slides.length - 1) / slidesPerView) - trackPosition
+    }
+    trackAdd(delta)
   }
 
   function eventsAdd() {
@@ -474,8 +480,8 @@ function KeenSlider(initialContainer, initialOptions = {}) {
             spacing / slidesPerView -
             (spacing / slidesPerView) * (slidesPerView - 1))
 
-      const scale_size = 0.7
-      const scale = 1 - (scale_size - scale_size * trackSlidePositions[idx].portion)
+      // const scale_size = 0.7
+      // const scale = 1 - (scale_size - scale_size * trackSlidePositions[idx].portion)
       const x = isVertialSlider() ? 0 : pos
       const y = isVertialSlider() ? pos : 0
       const transformString = `translate3d(${x}px, ${y}px, 0)` // scale(${scale})`
diff --git a/animism-align/frontend/app/views/audio/audio.actions.js b/animism-align/frontend/app/views/audio/audio.actions.js
index 9d9727d..179dc9c 100644
--- a/animism-align/frontend/app/views/audio/audio.actions.js
+++ b/animism-align/frontend/app/views/audio/audio.actions.js
@@ -4,6 +4,7 @@ import actions from 'app/actions'
 import { session } from 'app/session'
 
 const audioPlayer = document.createElement('audio')
+audioPlayer.volume = 0.0
 audioPlayer.src = '/static/data_store/peaks/animismA080720.mp3'
 audioPlayer.addEventListener('loadedmetadata', () => {
   // console.log('audio duration:', audioPlayer.duration)