Add login interface #13

[jacobtylerwalls]

Closes #13

Depends on archesproject/arches#11284 and archesproject/arches#11331

Styling will be finalized later.

Testing instructions

Visit the site (at root), ensure you don't have a csrf cookie (first-time visitor).

• Login works in success path
• Appropriate message shown in failure path
• Logout works
• Links to register, existing auth form work
• Redirect from auth form doesn't go to login page
• Refresh doesn't go to login page
• Superuser can navigate directly to django admin

[chrabyrd]

looks good! Just a few Qs 👍

[chrabyrd]

Does this belong under components? IMO it's a top-level thing

[jacobtylerwalls]

What do you think about the App.vue component being the only top-level component outside components? As currently implemented, it uses <component> to switch between HomePage and LoginPage, but if you don't like that pattern, we can have the LoginPage be the top level component instead of App.vue.

[chrabyrd]

Ah -- fun discussion abounds 😄 . This is an interesting topic for me.

As I understand it you're suggesting:

.
└── arches-lingo/
    └── arches_lingo/
        └── src/
            └── arches_lingo/
                ├── App.vue
                └── components/
                    └── login/
                        ├── LoginPage.vue
                        ├── LoginLinks.vue
                        └── LoginForm.vue

which is fine. The only problem I have with it is that it combines more-basic stuff with more-complex stuff. I guess unofficially I've been trying to steer us towards atomic design, and this violates that to some degree. Playing it out I could see:

.
└── arches-lingo/
    └── arches_lingo/
        └── src/
            └── arches_lingo/
                ├── App.vue
                └── components/
                    ├── login/
                    │   ├── LoginPage.vue
                    │   ├── LoginLinks.vue
                    │   └── LoginForm.vue
                    ├── foo/
                    │   ├── FooStuff.vue
                    │   └── ThingThatUsesFooStuff.vue
                    ├── bar/
                    │   ├── BarComponents.vue
                    │   ├── BarForm.vue
                    │   └── ThingThatUsesBarForm.vue
                    └── baz/
                        └── ThingThatUsesFooStuffAndBarForm.vue ?

where baz is a complex thing (eg page) that still lives in the components directory. Maybe it's just me being pedantic ( 😅 ) but a page shouldn't live among its componentry.

Are you open to something like views or pages?

[jacobtylerwalls]

Are you open to something like views or pages?

Definitely, I'm just flying a little blind as I don't know how many pages or views we're going to have. More than one?

[jacobtylerwalls]

0c06de0

[jacobtylerwalls]

This will change on the routing branch. For now this is just to get something functional to test with.

[chrabyrd]

lgtm 👍