summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-08-19 17:22:33 +0200
committerJules Laplace <julescarbon@gmail.com>2020-08-19 17:22:33 +0200
commit27d593acaf023ba15b3c81cbe72e90f754523078 (patch)
treeee5d857fe6abe37b026d6ad16d148834427eac8b /animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
parent609d04b1bc02a5ee57ec22cb49fc6f08b57f1deb (diff)
vitrine modal
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js')
-rw-r--r--animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js47
1 files changed, 0 insertions, 47 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js b/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
deleted file mode 100644
index da83c4f..0000000
--- a/animism-align/frontend/app/views/viewer/player/components.utility/media.gallery.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { Component } from 'react'
-
-import { CURTAIN_COLOR_LOOKUP } from 'app/constants'
-
-export const Gallery = ({ media, annotation }) => {
- const { image_order, image_lookup, display_lookup, thumbnail_lookup, caption_lookup } = media.settings
- const color = CURTAIN_COLOR_LOOKUP[annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white
- const style = {
- backgroundColor: color.backgroundColor,
- // color: color.textColor,
- }
-
- // console.log(display_lookup)
- // console.log(width)
- return (
- <div style={style} className='gallery-container'>
- <div className='gallery-items'>
- <div className='gallery-scroll'>
- {image_order.map(id => {
- const image = display_lookup[id]
- const caption = (caption_lookup && caption_lookup[id]) || {}
- // console.log(image)
- return (
- <GalleryItem key={id} image={image} caption={caption} />
- )
- })}
- </div>
- </div>
- </div>
- )
-}
-
-const GalleryItem = ({ image, caption }) => {
- // console.log(image)
- return (
- <div className='gallery-item'>
- <div className='gallery-image'>
- <img src={image.url} />
- </div>
- {caption.caption && (
- <div className='gallery-caption'>
- {caption.caption}
- </div>
- )}
- </div>
- )
-}