Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Control Panel Login Form #822

Open
5 tasks done
DietBepis1 opened this issue Dec 2, 2023 · 3 comments
Open
5 tasks done

Control Panel Login Form #822

DietBepis1 opened this issue Dec 2, 2023 · 3 comments
Assignees
@briansegura15

Comments

@DietBepis1
Copy link
Collaborator

DietBepis1 commented Dec 2, 2023 •
edited by briansegura15

Description

In this issue, we will work on creating a login form for the control panel.
login_form

We can use Vuetify's built in components to offload most of the heavy styling work. Look at those docs, here. Make sure you are looking at Vuetify V2's docs and not V3 (that's for Vue 3).

Spec

The form should do the following:

  • Collect a user's credentials
  • Make a POST request to /api/v1/auth/login with those credentials and get a response
  • Store the session cookie that was returned in the browser's cookie jar.
  • Redirect the user to the dashboard view.
  • Be Responsive! This component should look good on small, medium, and large screens. What this means in practice is up to the developer's interpretation, but there should not be overflowing or very mismatched proportions on any subcomponents in the form 😉

Testing this will be challenging because we do not currently have automated testing for front-end components. Adding that is outside the scope of this cohort. We will have to rely on multi-user testing and the browser dev tools for now. If the login routes are not completed yet, we can stub them out for testing.

Copilot Prompts

How do I redirect to a different page with Vue 2's router?
How does the browser store cookies?
What are some tips for making a webpage as responsive as possible to different screen sizes?

Target Date: 12/31/2023 📆
@briansegura15 briansegura15 self-assigned this Dec 2, 2023
@briansegura15
Copy link
Collaborator

Hey Glenn, I'm going to get after this one.

@CodingLady22
Copy link
Collaborator

Hi @briansegura15 can I work on this one with you? @DietBepis1 Is this ok for more than 1 person to work on?

@briansegura15
Copy link
Collaborator

I'm always down to team up Maye! 👍

@CodingLady22 CodingLady22 self-assigned this Dec 5, 2023
briansegura15 added a commit that referenced this issue Dec 12, 2023
@briansegura15
Implement responsive control panel login form for issue #822
f355335 
- Collect and send user credentials via POST request to /api/v1/auth/login
- Handle response and store session cookie in browser's cookie jar
- Redirect user to dashboard view after successful login
- Ensure responsiveness of login form for all screen sizes

This commit addresses issue #822 by implementing a responsive login form for the control panel. As per the specs, the form collects user credentials, communicates with the server, handles the response, stores the session cookie, and redirects the user to the dashboard view upon successful login.
@briansegura15 briansegura15 mentioned this issue Dec 12, 2023
Open
@CodingLady22 CodingLady22 removed their assignment Dec 18, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@briansegura15 briansegura15

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@DietBepis1 @briansegura15 @CodingLady22