feat: introducing tracks for sessions

[maze-runnar]

Adding more than 1 speaker for a session with track -

Checklist

• I have read the Contribution & Best practices Guide.
• My branch is up-to-date with the Upstream development branch.
• The acceptance, integration, unit tests and linter pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/eventyay/open-event-frontend/gtt2ns3vi
✅ Preview: https://open-event-frontend-git-fork-maze-runnar-tracks.eventyay.vercel.app

[maze-runnar]

@iamareebjamal please review.

[maze-runnar]

video of working - https://youtu.be/gdotFtocMjc

[mariobehling]

Please implement the design more closely to the website generator. Do not use the track color for the entire area. Compare https://summit.fossasia.org/event/schedule.html

[mariobehling]

In the screenshots, I dont see if all details are present. Here is the list what should definitely be there:

• Session Title
• Track
• Type (workshop, talk etc.)
• Speaker Name and links
• Time and Date
• Room
• Description

[maze-runnar]

In the screenshots, I dont see if all details are present. Here is the list what should definitely be there:

• Session Title
• Track
• Type (workshop, talk etc.)
• Speaker Name and links
• Time and Date
• Room
• Description

@mariobehling I have updated the changes . please take a look - https://youtu.be/gdotFtocMjc,

[maze-runnar]

@iamareebjamal @mariobehling please take a look at these changes -

[iamareebjamal]

Don't show time in card. Try to mimick https://summit.fossasia.org/event/schedule.html as much as you can. Remove the outer card as well

Expanded session should show these details: #4796 (comment)

Not in the old UI. New UI is set to replace the old UI. So all the information should be available in the new UI itself including the date switcher as well

[maze-runnar]

@iamareebjamal i have made it similar to https://summit.fossasia.org/event/schedule.html .

[maze-runnar]

[iamareebjamal]

Looks good. Please remove the time from card, only session box should be in a card. I'll review the implementation soon

[maze-runnar]

Looks good. Please remove the time from card, only session box should be in a card. I'll review the implementation soon

ok

[iamareebjamal]

Also, use isLight utility function to change the text color in the card

[maze-runnar]

Also, use isLight utility function to change the text color in the card

which color?

[maze-runnar]

@iamareebjamal please take a look -

[niranjan94]

Here is an overview of what got changed by this pull request:

Issues
======
- Added 1
           

Complexity increasing per file
==============================
- app/controllers/public/sessions/list.js  1
         

See the complete overview on Codacy

[niranjan94]

Codacy found an issue: Mixed spaces and tabs.

[iamareebjamal]

Session Title and subtitle should be of same color. And there is still card nesting. The color card is sitting inside a white card

[maze-runnar]

Session Title and subtitle should be of the same color. And there is still card nesting. The color card is sitting inside a white card

No there is no card nesting, this is default accordion. And if I remove border lines, UI looks unclear.

[maze-runnar]

Session Title and subtitle

they should be white ?

[iamareebjamal]

Yes

[mariobehling]

I think the implementation here is more closely related to this issue #4807

It seems you are implementing the tracks view page.

What is the difference between the different schedule pages?

1. Schedule Page in calendar view (in future different views should be switchable)
   1.a) Tracks Page - all sessions are sorted in list view according to date, time and track
   1.b) Rooms Page - all sessions are sorted in list view according to date, time and room
2. Session Page - this page shows all sessions in alphabetical order (including accepted and confirmed ones that are not yet scheduled)

[mariobehling]

Please get rid of box lines. You can move the time on the left to match the position of the text on the right hand side.

Just keep the lines minimal as in the website generated pages. The tracks page also lists the track name above each track list.
Compare: https://sched.eventyay.com/FOSSASIASummit/tracks.html

[iamareebjamal]

Great work @maze-runnar. I'm going to take your UI and logic to implement #4808 as it is high priority and to be fixed by tomorrow. And then later, we can use the same components to implement track and schedule view.

Thanks for doing the hard work for me

[iamareebjamal]

UI changed now