feat(login): integrated login form component

[connordoman]

Signed-off-by: Connor Doman connor@connordoman.dev

A simple username/password login form based on Patternfly.

Example page

To test this functionality, first ensure the .env prerequisites from #33 are met by running this command:

echo "NEXTAUTH_SECRET=$(openssl rand -base64 32)\nNEXTAUTH_URL=http://localhost:3000" > .env.local

Then run (from front-end/):

1. npm install
2. npm run dev

You can then navigate to http://localhost:3000/login to test this form. You can use the following credentials:

{
  "username": "johnny@example.com",
  "password": "password"
}

---

Depends on #33

[nganphan123]

I got this error. Was the assets folder committed?

[linhnnk]

I did git add --a but somehow that folder is not committed? Do you know how can I fix this problem?

[linhnnk]

oh nevermind I got it!

[connordoman]

I extracted the header and footer elements Linh created and moved styling around as much as possible. Overriding patternfly base styles is working to some extent but we will have to go back and refactor component structure somewhat.

This PR is rebased on #33 but has also had to refactor aspects of auth due to authorize calling Node modules from the client. We will have to reconsider user.properties.json but that can be sorted out during auth migration. For now, it works as expected and redirects to /video-upload

[connordoman]

ping @nganphan123 @linhnnk

[tthvo]

Rebase on develop pls. You should see your test status here.

[nganphan123]

everything works for me.

[tthvo]

Hmm, I realized I was mentioning about idea of base64 the password quite vaguely. From a second look, the credentials are sent as JSON, correct? If so, we can leave it as it is then without base64. Otherwise, we will have to encode the entire JSON.

Sorry, would trouble you to revert the latest commit.

[tthvo]

One more question: Does the login form pops up directly or do I have to click the bottom log in button?

[connordoman]

One more question: Does the login form pops up directly or do I have to click the bottom log in button?

gotta click log in

[tthvo]

Sounds good! Very nice!