trouni/predictor-vue

Display all players predictions for all past and ongoing matches

Closed this issue · 9 comments

Maybe on the Leaderboard#show page?

Screen Shot 2022-11-22 at 14 39 17

kinda like this but have the user avatars underneath the prediction they chose

Screen Shot 2022-11-22 at 14 39 17

kinda like this but have the user avatars underneath the prediction they chose

@dmbf29 I can't find this view. What is the route for it?

So I'm thinking for the results page (pictured below) we display a list of the past matches and when you click on a match card you see the results in your league like @dmbf29 suggested above. Is this what you guys were thinking?

2022-11-26_16-38-19

The question is what should you display when the user is not in any league. I guess it would make most sense to just show your avatar in your predicted category, like this.

player_predictions

Sorry, didn't see that comment @jjmountain
For now, I'd say we only focus on users that are in a league. The idea is to use the same layout as the Rankings tab, but display matches with the predictions instead of the rankings. The league/rankings tab should just stay as is, @dmbf29's suggestion was prior to the nav update and the creation of the "Results" tab.

It's already setup in this view:
https://github.com/trouni/predictor-vue/blob/leaderboard-results/src/views/Results.vue

Basically, what is left is to implement this component.

I don't have time to work on the design, but if it helps, I could probably quickly push out a first pass of the component to get the data on that page for you to design.

No worries :) I started building it in Results.vue and with LeaderboardResultsCard.vue but I thought it made more sense for it to be based more like the matches (now called "predict") tab because you are displaying matches and the users choices within them.

So far what I've built is this.

2022-11-28_20-51-30

I was planning to make the matches clickable so that when you do so you see the game at the top and each users predictions like in the sketch above.

I don't mind changing it at all (actually having fun messing around with vue for the first time) but I'm confused about how it could be more like the leaderboard.

Would it be just an index pages showing every past match with the people who predicted each score like the above sketch? To me it seems more like the matches/predict page except just with past matches, the results, and without the ability to predict.

I see now that the original feature was for ongoing match only. Oops 😅
I'll stash this for later and get to work on the original feature.

Yeah sorry it was definitely confusing... We were talking about it in person with Doug and kind of posted on the Slack thread with obviously some missing context... Anyway, let me push a quick implementation of the data that I've done. I think you can combine it with the percentage component that you started as well!