Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MAP: Implement Press Play feature #161

Open
3 tasks
JFQueralt opened this issue Jan 18, 2021 · 1 comment
Open
3 tasks

MAP: Implement Press Play feature #161

JFQueralt opened this issue Jan 18, 2021 · 1 comment
Labels
Module: MAP Issues related to the Mapping Platform. Project: PLD Issue related to Project Lockdown. 💖 Supported by: NDI ⌨ Team: Devs Task related to Team Developers.

Comments

@JFQueralt
Copy link
Member

JFQueralt commented Jan 18, 2021

logo

Problem

When visualizing the data on the MAP, users can check the datapoints represented at different times with the TimeSlider. At times, this may not be the most efficient way to handle that experience, for instance during a presentation.

Objectives

Enable the ability for users to "play" an animation with the DSL data that is loaded from DateStart to DateEnd in the TimeSlider.

The play buttons has already been added to the UI (#175), but is not yet functional.

Screenshot from 2021-05-08 17-57-08.png

Proposed solution

  • Clicking play loops from DateStart to DateEnd
  • For each date change, the datapoints shown on screen (Map and TDO) are updated
  • During "play mode" the component becomes a pause/stop icon

Extra information

-- UI components implemented in Storybook
-- Component adapts to Light/Dark mode like the TimeSlider

  • Could have
    -- Ability to pause & resume via spacebar.
    -- Improved location in the UI with the TimeSlider
@JFQueralt JFQueralt added Module: MAP Issues related to the Mapping Platform. Project: PLD Issue related to Project Lockdown. ⌨ Need: Code This Issue involves some sort of coding. ⌨ Team: Devs Task related to Team Developers. ⚡ Priority: High This task has High priority. ✔ Stage: Ready This Task is ready to be implemented. 🎨 Need: Design This Issue involves some sort of design UXUI. 💖 Supported by: NDI 📑 Team: Docs Task related to Team Documentation. 🔑 Keyword: Figma Issue involving the use of Figma. 🔑 Keyword: Graphic design Issue involving Graphic Design tasks. 🔑 Keyword: Javascript Issue involving Javascript language. 🔑 Keyword: React Issue involving React framework. 🔑 Keyword: UX/UI Design Issue involving UX or UI Design tasks. 🔑 Keyword: Storybook Issue involving using Storybook for UI components. labels Jan 18, 2021
@JFQueralt JFQueralt mentioned this issue Jan 18, 2021
53 tasks
@JFQueralt JFQueralt added 🔥 Priority: Critical This task has Critical priority. and removed ⚡ Priority: High This task has High priority. labels Jan 20, 2021
@jeff-knurek jeff-knurek added the 🥈 Flag: v2.0 Tasks required for rolling out v2.0 of the project. label Jan 21, 2021
@Dhaiwat10 Dhaiwat10 self-assigned this Jan 29, 2021
@Dhaiwat10
Copy link
Contributor

The functionality has been implemented. Waiting for one of the other devs to get done with the Timeslider.

@jeff-knurek jeff-knurek removed 📑 Team: Docs Task related to Team Documentation. 🎨 Need: Design This Issue involves some sort of design UXUI. 🔑 Keyword: Javascript Issue involving Javascript language. 🔑 Keyword: Figma Issue involving the use of Figma. 🔑 Keyword: UX/UI Design Issue involving UX or UI Design tasks. 🥈 Flag: v2.0 Tasks required for rolling out v2.0 of the project. 🔑 Keyword: Graphic design Issue involving Graphic Design tasks. ✔ Stage: Ready This Task is ready to be implemented. 🔑 Keyword: React Issue involving React framework. labels May 8, 2021
@jeff-knurek jeff-knurek removed 🔥 Priority: Critical This task has Critical priority. 🔑 Keyword: Storybook Issue involving using Storybook for UI components. ⌨ Need: Code This Issue involves some sort of coding. labels May 8, 2021
@jeff-knurek jeff-knurek changed the title [PROD] Implement Press Play feature MAP: Implement Press Play feature May 8, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Module: MAP Issues related to the Mapping Platform. Project: PLD Issue related to Project Lockdown. 💖 Supported by: NDI ⌨ Team: Devs Task related to Team Developers.
Development

No branches or pull requests

3 participants