summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/nav
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav')
-rw-r--r--animism-align/frontend/app/views/viewer/nav/nav.css9
-rw-r--r--animism-align/frontend/app/views/viewer/nav/viewer.icons.js10
-rw-r--r--animism-align/frontend/app/views/viewer/nav/viewer.router.js7
3 files changed, 21 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index 2c17621..922bd01 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -222,3 +222,12 @@
display: none;
}
}
+
+/* Zoom Plus */
+
+.zoomPlus {
+ width: 40px; height: 40px;
+}
+.zoomPlus path {
+ stroke: white;
+} \ No newline at end of file
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
index 183c3e0..002e00e 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.icons.js
@@ -82,3 +82,13 @@ export const PlayerTime = ({ play_ts, duration }) => (
</span>
</span>
)
+
+// zoom button
+
+export const ZoomPlus = (
+ <svg className='zoomPlus' version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
+ <path d="M20,35.5c-8.55,0-15.5-6.95-15.5-15.5c0-8.55,6.95-15.5,15.5-15.5S35.5,11.45,35.5,20C35.5,28.55,28.55,35.5,20,35.5z
+ M20,5.5C12,5.5,5.5,12,5.5,20c0,8,6.5,14.5,14.5,14.5S34.5,28,34.5,20C34.5,12,28,5.5,20,5.5z M27.5,19.5h-7v-7h-1v7h-7v1h7v7h1v-7
+ h7V19.5z"/>
+ </svg>
+)
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.router.js b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
index 75aaed7..ad30333 100644
--- a/animism-align/frontend/app/views/viewer/nav/viewer.router.js
+++ b/animism-align/frontend/app/views/viewer/nav/viewer.router.js
@@ -20,11 +20,8 @@ class ViewerRouter extends Component {
case 'checklist':
actions.viewer.showComponent('checklist')
break
- case 'fullscreenImage':
- break
- case 'fullscreenVideo':
- break
- case 'fullscreenCarousel':
+ case 'seek':
+ actions.audio.seek(456)
break
case 'end':
break