diff options
Diffstat (limited to 'animism-align/frontend/app')
3 files changed, 43 insertions, 32 deletions
diff --git a/animism-align/frontend/app/views/site/site.actions.js b/animism-align/frontend/app/views/site/site.actions.js index ee6c523..d1c1e66 100644 --- a/animism-align/frontend/app/views/site/site.actions.js +++ b/animism-align/frontend/app/views/site/site.actions.js @@ -9,6 +9,8 @@ export const loadProject = () => dispatch => { actions.annotation.index(), actions.paragraph.index(), actions.media.index(), + actions.episode.index(), + actions.venue.index(), ]).then(() => { actions.viewer.loadSections() }).catch(err => { @@ -27,4 +29,3 @@ export const loadText = (asdf) => dispatch => ( export const updateText = text => dispatch => ( dispatch({ type: types.text.loaded, data: text }) ) - diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js index d2e434f..486b8e5 100644 --- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js +++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js @@ -1,4 +1,5 @@ import React, { Component } from 'react' +import { connect } from 'react-redux' import { MediaCitation } from '../components.media' @@ -35,26 +36,35 @@ export const Intro = ({ paragraph, media, onAnnotationClick }) => { ) } -export const Schedule = ({ media }) => { - const nameLookup = Object.values(media.lookup).reduce((a,b) => { - a.add(b.author) - return a - }, new Set) +const ScheduleComponent = ({ episodes, venues }) => { + console.log(episodes.lookup[episodes.order[0]]) + const currentEpisode = episodes.lookup[episodes.order[0]].settings return ( <div> + <div className="schedule-about"> + {'Animism on e-flux.com is the ninth iteration of the exhibition and overall '} + {'research project presented at Extra City and MuHKA, Antwerp, 2010; Kunsthalle '} + {'Bern, 2010; Generali Foundation, Vienna, 2011; the Haus der Kulturen der Welt, '} + {'Berlin, 2012; e-flux, New York, 2012; OCAT Shenzhen, 2013; Times Museum Seoul, '} + {'2013; and Ashkal Alwan, Beirut, 2014. Presented here in its digital iteration, '} + {'the exhibition will be released in four episodes starting October 2020.'} + </div> <div className='schedule'> <div className='schedule-title'>Schedule</div> - {SCHEDULE.map(row => ( - <div className={row.active ? 'schedule-row active' : 'schedule-row inactive'} key={row.id}> - <div className='schedule-date'> - {row.date} - </div> - <div className='schedule-title'> - {'Episode '}{row.id}{': '} - <i>{row.title}</i> + {episodes.order.map(id => { + const episode = episodes.lookup[id] + return ( + <div className={episode.is_live ? 'schedule-row active' : 'schedule-row inactive'} key={episode.id}> + <div className='schedule-date'> + {episode.release_date} + </div> + <div className='schedule-title'> + {'Episode '}{episode.episode_number}{': '} + <i>{episode.title}</i> + </div> </div> - </div> - ))} + ) + })} </div> <div className='credits'> <div> @@ -62,15 +72,15 @@ export const Schedule = ({ media }) => { Curator </div> <div className='credits-info'> - {ABOUT.curator} + {currentEpisode.curator} </div> </div> <div> <div className='credits-title'> - Authors + Author </div> <div className='credits-info'> - {ABOUT.authors} + {currentEpisode.author} </div> </div> <div> @@ -78,7 +88,7 @@ export const Schedule = ({ media }) => { Artists </div> <div className='credits-info'> - {Array.from(nameLookup).sort().join("\n")} + {currentEpisode.artists} </div> </div> </div> @@ -86,16 +96,10 @@ export const Schedule = ({ media }) => { ) } -const SCHEDULE = [ - { id: 1, active: true, date: 'Mon 00-00, 2020', title: 'Animist Origins & Export Projections' }, - { id: 2, active: false, date: 'Mon 00-00, 2020', title: 'Animation & The Mummy Complex: The Museum' }, - { id: 3, active: false, date: 'Mon 00-00, 2020', title: 'The Extirpation of Animism' }, - { id: 4, active: false, date: 'Mon 00-00, 2020', title: 'Media History & Animism\'s Continuous Displacement' }, - { id: 5, active: false, date: 'Mon 00-00, 2020', title: 'Soul-Design or Liminal Cosmologies' }, - { id: 6, active: false, date: 'Mon 00-00, 2020', title: 'Animal, Mythic and Other' }, -] +const mapStateToProps = state => ({ + episodes: state.episode.index, + episode: state.episode.show.res || {}, + venues: state.venue.index, +}) -const ABOUT = { - curator: "Anselm Franke", - authors: "Anselm Franke\nAmal Issa", -} +export const Schedule = connect(mapStateToProps)(ScheduleComponent)
\ No newline at end of file diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css index 03a73ac..4ea459b 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -274,6 +274,12 @@ /* schedule */ +.schedule-about { + width: 45rem; + margin: 0 auto; + margin-top: 1rem; + line-height: 1.3; +} .schedule { width: 45rem; display: flex; |