play audio on click and navigate when finished

1 files changed, 23 insertions, 14 deletions

diff --git a/frontend/site/viewer/viewer.container.js b/frontend/site/viewer/viewer.container.js
index 314d243..1c8be43 100644
--- a/frontend/site/viewer/viewer.container.js
+++ b/frontend/site/viewer/viewer.container.js
@@ -38,15 +38,6 @@ class ViewerContainer extends Component {
     actions.site.interact()
   }
 
-  handleResize() {
-    this.setState({
-      bounds: {
-        width: window.innerWidth,
-        height: window.innerHeight,
-      }
-    })
-  }
-
   load() {
     const { graph_name, page_name } = this.props.match.params
     const page_path = ["", graph_name, page_name].join('/')
@@ -61,12 +52,30 @@ class ViewerContainer extends Component {
     }
   }
 
+  handleResize() {
+    this.setState({
+      bounds: {
+        width: window.innerWidth,
+        height: window.innerHeight,
+      }
+    })
+  }
+
   handleMouseDown(e, tile) {
-    console.log(tile)
-    if (tile.href.indexOf('http') === 0) {
-      window.location.href = tile.href
-    } else {
-      history.push(tile.href)
+    if (tile.href) {
+      if (tile.href.indexOf('http') === 0) {
+        window.location.href = tile.href
+        return
+      }
+      else if (!tile.settings.navigate_when_audio_finishes) {
+        history.push(tile.href)
+      }
+    }
+    if (tile.settings.audio_on_click_id > 0) {
+      this.props.audio.player.playTile({
+        type: "click",
+        tile,
+      })
     }
   }