NoMongo: Event Calendar Doesn't Have a Weekly View

[palisadoes]

Please post a video of you work in the PR

This is important to understand the workflow, look and feel.

Is your feature request related to a problem? Please describe.

1. The Event Calendar Doesn't Have a Weekly View
2. This is required as a standard part of any web calendaring system

Describe the solution you'd like

1. Create a weekly view
2. Use Figma design as a guide. There is no weekly view, but use the monthly event calendar for inspiration.
3. Use Google Calendar to examine the elements that need to be present.
4. Create valid tests for your changes.
5. Apply CSS changes to only src/style/app.module.css

Additional information:

1. The foundational work for this was completed in this PR:
   • Chore/css changes #2466
2. When in doubt about colors, take cues from other similar elements in this file and the PR mentioned in the issue.
   1. https://www.figma.com/design/dmKt00m9GVSeA1nebnkxql/Untitled?node-id=0-1&node-type=canvas&t=TPzfh1DE9IxjzsEe-0
3. The desired single CSS file is:
   1. src/style/app.module.css
      1. Convert all code files to use this file.
      2. Delete all CSS files in this code path and below mentioned in the title. The src/style/app.module.css file must be the only source of CSS
4. Use no CSS in:
   1. assets/css/app.css
5. Use variable names that describe the function of the color and not the color itself. This will help with future attempts to having Dark Mode.
   1. For example --search-button-bg is much better than --light-blue
   2. NoMongo: Fix Stylesheet in Anticipation of Dark Mode #3296
6. When refactoring modals, please refer to this PR that has created a standardized design patter for them.
   1. Updating to NEW COLOR SCHEME #2984
7. Remove all references to HTML color codes in the files you edit except in src/style/app.module.css
8. Buttons, and dropdowns must only have shadows when there is a mouse hover. Their color must not change
9. Search boxes must only have shadows when selected

Describe alternatives you've considered

• N/A

Approach to be followed (optional)

• N/A

Additional context

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[AdiInfiniteLoop]

Hi!
@palisadoes Can you assign me this issue?

[KatalKavya96]

@palisadoes Can you assign this issue to me?

[gurramkarthiknetha]

@palisadoes i want to work on this please assign this issue to me i previously worked on this event Calendar

[AdiInfiniteLoop]

Thanks. Setting Up and On it!

[YourBroCode]

Hey @AdiInfiniteLoop are you still working on this issue ?
I want to work on it.

[AdiInfiniteLoop]

Hey @AdiInfiniteLoop are you still working on this issue ? I want to work on it.
Yes On it!

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[palisadoes]

unassigning. inactivity

[Anushkaguptaaaa]

@palisadoes i would like to work on this

[Anushkaguptaaaa]

Update : I am still working on the new weekly view. Updating this thread to make sure this does not go into inactivity.
Will be opening an PR in the upcoming week.

[Anushkaguptaaaa]

update: there were some issues with the setup hence this took a little longer, working on the issue now, will open the pr soon.