search

digitalinteraction / deconf-ui-toolkit

A library for running decentralised virtual conferences
https://ui.openlab.dev
0 stars 0 forks source link

More customisable SessionTile #70

Open robb-j opened 2 years ago

robb-j commented 2 years ago

The arrangement of SessionTile needs to be more configurable for the different uses it now has. These configurations should be able to be set from a containing component like a ScheduleView or WhatsOnView so each use of those components can have different SessionTile arrangement.

Each bit of the component (title, header, footer, speakers & content) should be toggle-able to be turned on/off. The current customisation of the header & footer should stay the same.

The decision of wether to make a session large/small should also be configurable at this point, so the layout field SessionType can be deprecated as it is a bit of a lost legacy field that doesn't make sense anymore. Instead it should be configured which session types should be made large/small at this level, rather than by a SessionType. This would mean different ScheduleView instances could highlight different sessions if they liked.

It might also be useful to configure the SessionTile for each the larger (plenary) and smaller (workshop) renderings to create nicer designs.

Wether to collapse workshop types or not should also be configurable here too.

It could control which actions are allowed to be shown next to a SessionTile

type HeaderAttrs = 'type' | 'track' | 'themes'
type FooterAttrs = 'type' | 'track' | 'themes' | 'languages' | 'recorded' | 'organisation'
type SessionAction = 'calendar' | 'interest' | 'open'

interface SessionTileConfig {
  title: { enabled: boolean, maxLength?: number }
  content: { enabled: boolean, maxLength?: number }
  speakers: { enabled: boolean, maxSpeakers?: number }
  header: { enabled: boolean, attributes: HeaderAttrs[] }
  footer: { enabled: boolean, attributes: FooterAttrs[] }
  actions: { enabled: boolean, actions: SessionAction[] } 
}

interface SessionViewConfig {
  featuredTile: SessionTileConfig
  tile: SessionTileConfig
  featuredTypes: string[]
  collapseTiles: boolean
}
robb-j commented 2 years ago

Related — https://github.com/digitalinteraction/mozfest-client/pull/7