Once everyone has used their voting credits to vote and once the vote closes (after a certain time); we want to display the result to everyone.
The results page consists of two distinct components: The resulting video from the vote that is rendered using stills in /assets/stills into /public/result.mp4
A quadratic voting score of how each of the question's options fared.
Deliverables
Layout the voting screen such that the result.mp4 video is embedded as a media file into the HTML page
Come up with a solution to display the voting results in those circles below as e.g. an SVG or with CSS
Scale the circles in proportion to the voting results of individual options: E.g. for a result [{optionId: 1, votes: 4}, {optionId: 2, vote: 0}, {optionId: 3, vote:2}], we'd expect optionId:1 to be twice the size of optionId:3. I've asked on Figma what we should display in case one option doesn't receive any votes.
Note
This issue mostly is concerned with creating the layout of the results screen. Functionality as e.g. retrieving the voting result or other information from the server can be handled in a subsequent issue
TimDaub
commented
2 years ago
Scope
/public/result.mp4Deliverables
result.mp4video is embedded as a media file into the HTML page[{optionId: 1, votes: 4}, {optionId: 2, vote: 0}, {optionId: 3, vote:2}], we'd expectoptionId:1to be twice the size ofoptionId:3. I've asked on Figma what we should display in case one option doesn't receive any votes.Note
This issue mostly is concerned with creating the layout of the results screen. Functionality as e.g. retrieving the voting result or other information from the server can be handled in a subsequent issue
Time estimate
3-4h