City-CSS / city-css

Computer Science Society Landing page City University London
https://www.css-city.com/
0 stars 1 forks source link

Modules status component #7

Closed DanyloPiatyhorets closed 1 month ago

DanyloPiatyhorets commented 1 month ago

Would be nice to have a component which gives a clear and nice view on the status of our topics

So I have 3 stages in mind to implement

1 stage. The simplest, just a nice list of our themes

Screenshot 2024-09-16 at 17 16 39

2 stages. Nested list with bullets implemented as points on a solid line. Not sure how difficult it is but if you could try. Modules dropdown to show how many workshops in a module we have and titles of the workshops. Image below

Screenshot 2024-09-16 at 17 18 54

3 stage. Status render. Here done workshops ticked as marked (so to change an empty white circle to green tick and a line above the circle to green) Connected to the date

Screenshot 2024-09-16 at 17 24 10 Screenshot 2024-09-16 at 17 24 47

Hint for the status: to make this I recommend to create an object Topic { String name, bool done, Date date } and a method that sets a boolean to true automatically when the date has come. Just suggestion, if you have better solutions go ahead with them but I wish it to be not hardcoded

FilippoVicini commented 1 month ago

Will do

FilippoVicini commented 1 month ago

solved