Added tabs to student dashboard

[Aviral09]

Added Services, CSA, SAC and Contact Us tabs to student dashboard. After navigating to one of these pages, the student can return to the student dashboard after clicking on 'Home' on any of these pages. This solves issue number #243
File changed:
base.html

[khizirsiddiqui]

Hey, It would be better if you would replace these hardcoded urls with django template url tag.

[Aviral09]

The urls have been hardcoded in the entire document. Shall I replace all the urls in base.html with template url tags?

[khizirsiddiqui]

Yeah, that should be better.

[Aviral09]

Updated.

[aryanagarwal15]

@Aviral09 can you show how it looks on Mobile?

When I designed it the problem was not for desktop but for showing links on Mobile. We also don't want different features available on mobile and desktop. So untill the pages are available on Mobile it doesn't make sense to add them to desktop

[Aviral09]

@Aviral09 can you show how it looks on Mobile?

When I designed it the problem was not for desktop but for showing links on Mobile. We also don't want different features available on mobile and desktop. So untill the pages are available on Mobile it doesn't make sense to add them to desktop

Updated mobile view

[aryanagarwal15]

This won't do bro, we need to figure out a better UI. Let me talk to the designers for this. Till then @khizirsiddiqui let this be open only.

[Aviral09]

Has any progress been made regarding UI design?

[aryanagarwal15]

It will take some time, since all UI designers are busy. Expect this to be resolved by second week of August.

[Aviral09]

Okay noted. Thankyou! I will start working on some other issue.

[aryanagarwal15]

Hey @Aviral09 this is the design for looged in mobile

[Aviral09]

Sorry I checked in late. Will update it accordingly soon.

[Aviral09]

Changes have been made according to the designs. Sorry for the delay!

[aryanagarwal15]

@Aviral09 please share screenshots of both mobile and desktop for login and logout state

[aryanagarwal15]

This is not following design. Please make changes in css and share screenshot with commit

[Aviral09]

Updated Design

Desktop Logged in

Desktop logged out

Mobile logged in

Mobile logged out

[aryanagarwal15]

Hey @Aviral09 nice work till now, still I beleive the designs are not properly followed.

Pointers:

1. Mobile Logged out view needs to be changed according with logged in view (designs are available above)
2. Desktop Logged in view also need to have all the links (will share those designs soon)
3. if you see in one of the designs it is mentioned how color changes are to be implemented for focused tab.

Please also make sure that you are using all the colors in the design if you face any difficulties in finding out design colors then comment here for help.

[Aviral09]

@aryanagarwal15
Okay, my bad I didn't see the focussed tab part and assumed them to just be hoverable. Will implement the focussed part accordingly.
I need some other clarifications to implement the design as well.

Right now the implementation is as follows-
My account and About Us are collapsible which expand on click.
All the tabs are hoverable and on hover, colour changes to orange. For My Account and About Us, the collapsible headers are orange in case any of the child tabs is hovered or focussed on.

Clarifications needed:

1. Were About Us and My Account not supposed to be collapsible?
2. What will be the functionality of My Account in the Not logged-in state?
3. Where should I put Migration, Contact Us etc in Desktop logged in view? Will my very first design be fine for it?
4. Your designs don't mention daypass tab. Am I supposed to remove it?
5. Your designs mention an Events tab but no such template exists.

Thank you in advance! Also, if it is possible, can we communicate on slack to avoid future misunderstandings?

[aryanagarwal15]

1. They are not supposed to be collapsable. Need to be viewable at all times
2. Should take user to login window
3. I'll share the design for desktop as well
4. That functionality is added later. Please make sure all the tabs which are present right now is present in future as well
5. Same as point 2

You can ping me at [email protected] if you need any immediate help.

[aryanagarwal15]

For point 3 your approach work as well. I think we can stick to that

[Aviral09]

Apologies for the delay! This semester has been a bouncy ride😅
I have updated everything according to the designs. Also included the submit mcn button.
While the navbars have been updated, a small issue is that when tried accessing CSA, SWD or Contact Us pages, since they extend indexbase, the user gets logged out. (To be more precise the logged out nav bar comes up).