Login page ugly as fuck

Seriously ? ;-) https://api.alpha.happy-dev.fr/accounts/login/

--

Edit @jbpasquier for time estimation: https://projects.invisionapp.com/d/main#/console/15840189/390220515/preview but without the logo

No wireframe, no login page :p I can set up a more beautiful page (but not as beautiful as what an ux/ui designer would do ;))

By Gaëlle Morin on 2019-05-17T09:24:03 (imported from GitLab project)

assigned to @gaelleM

By Gaëlle Morin on 2019-05-17T09:24:05 (imported from GitLab project)

added To Do + 1 deleted label

Yes please take inspiration in styles already provided for other pages. Here is an example of what you can do : https://invis.io/ANOG8CJ4KTE#/255681015_CONNEXION

It's a https://git.happy-dev.fr/startinblox/djangoldp-packages/djangoldp issue.

As back end is not linked to front end, should it be at the front end branding ?

If possible then I think it's better yes

changed milestone to %Projects part I

added 1 deleted label and removed To Do label

removed 1 deleted label

@gaelleM : Do you have the login template to integrate all setup, or do not? :-)

By Alexandre on 2019-10-23T15:59:34 (imported from GitLab project)

Isn't something @christophehenry already done?

Hmm... Yup. Did something: startinblox/djangoldp-packages/djangoldp-account!29. Can probably be inproved, though.

By Christophe Henry on 2019-10-23T16:17:15 (imported from GitLab project)

do you need a quick template ?

@sophie: If it is a quick thing for you: yes. Otherwise we can copy Coopstarter's page.

By Alexandre on 2019-10-23T16:56:53 (imported from GitLab project)

I'm reposting @sophie's template here since it isn't really related to /startinblox/djangoldp-packages/djangoldp-account!29: https://invis.io/3POVGBKAQD8#/390220515_Connexion_Page
@sophie Template is missing the second part of the form — login with a defferent provider — can you complete you template?

By Christophe Henry on 2019-10-24T10:41:51 (imported from GitLab project)

@christophehenry Did you find a solution to serve this login page only for HD/Sib App project?

Yup. Just editing auth's login template.

By Christophe Henry on 2019-10-24T10:43:49 (imported from GitLab project)

Directly on djangoldp-account? How do you condition if it come from sibapp and not coopstarter or another?

@christophehenry I have added login with a different provider but I do not understand what it is.

Don't worry. I do
Thank you.

By Christophe Henry on 2019-10-24T12:54:16 (imported from GitLab project)

@christophehenry : UP :-)

By Alexandre on 2019-10-27T13:52:54 (imported from GitLab project)

What conditions which template is used is the order in INSTALLED_APPS in settings.py. First packages have priority. So we can imagine a template overloading package that you can install in settings.yml. In the end, if you create templates/registration/login.html directly at the root of your SIB project generated by sib-manager, it should always take priority.

By Christophe Henry on 2019-10-28T09:58:55 (imported from GitLab project)

I don't know if what I am going to say is relevant but here we go:

• The template for should belongs to DjangoLDP-account
• The CSS belongs to the app

I don't know how we are supposed to add CSS to a Django package. Maybe passing a stylesheet as a parameter? What is sure is that the end user shouldn't have to edit a Django package to customize her logo and colors.

By Alexandre on 2019-10-28T10:03:25 (imported from GitLab project)

@sylvain: Your Django wizardry might be useful here.

By Alexandre on 2019-10-28T10:03:48 (imported from GitLab project)

Django should manage static files the same way it manages templates. So let's say we source static/css/login.css and static/img/logo.png in the template. If they are overrided in the user's sib installation, it should take priority.

Otherwise, we can think of something where the user drops the image path and the CSS style directly in the YAML configuration. But I think ths would required some controller customisation.

By Christophe Henry on 2019-10-28T10:13:30 (imported from GitLab project)

In fact the CSS cannot belong to the app as it belong to the server.

If my webid is on HD Paris, and I log into CoopStarter, I will be redirected to HD Paris' server and see the login page with the HD Paris' colors. I would tend to start with a simple and common style for everyone, maybe with the colors of Freelance Network.

Makes sense.

By Alexandre on 2019-10-28T15:55:25 (imported from GitLab project)

@gaelleM: Clear enough for you?

By Alexandre on 2019-10-28T15:55:44 (imported from GitLab project)

I have to ask to @christophehenry or @jbpasquier how to access the css of login pages. Then I have a doubt: must I follow Sophie's mockup or Sylvain's instruction (mockup + colors of Freelance Network)?

By Gaëlle Morin on 2019-10-29T09:38:08 (imported from GitLab project)

@gaelleM Templates are in djangoldp_account, here. You'll see, it sources base.css and registration/login.css. The static files directory is here. Don't hesitate to ask me if you have further questions on this particular code.

By Christophe Henry on 2019-10-29T09:59:58 (imported from GitLab project)

@christophehenry: Cool

@gaelleM: Sylvain's version as it is more generic and will work for every collective

By Alexandre on 2019-10-29T23:25:33 (imported from GitLab project)

@christophehenry Thank you :) @alexandre Understood :)

By Gaëlle Morin on 2019-10-30T15:14:48 (imported from GitLab project)

@gaelleM : We don't have Freelance Network's colors at the moment. Do you manage do use the ones of Startin'blox?

If not... just do Happy Dev and we'll tweak colors later on. Just don't add a logo so it remains generic enough.

By Alexandre on 2019-10-30T15:57:17 (imported from GitLab project)

Yes I will use https://projects.invisionapp.com/d/main#/console/15840189/390220515/preview without the logo :)

By Gaëlle Morin on 2019-11-05T09:13:05 (imported from GitLab project)

Perfect. If you find something more neutral than the yellow color for the button, perfect. If not... let it be.

By Alexandre on 2019-11-12T17:01:20 (imported from GitLab project)

changed the description

changed time estimate to 2h

added Doing label

Changes will be visible here: https://git.happy-dev.fr/startinblox/djangoldp-packages/djangoldp-account/merge_requests/33

Here is a preview

I just need some help for the field on the reset page. I will ask for it on Monday.

By Gaëlle Morin on 2019-11-22T18:37:05 (imported from GitLab project)

Changes are visible here: https://git.happy-dev.fr/startinblox/djangoldp-packages/djangoldp-account/merge_requests/33

By Gaëlle Morin on 2019-11-25T16:57:40 (imported from GitLab project)

added 1 deleted label and removed Doing label

@gaelleM: On top of adding the To be tested tag, don't hesitate to assign the issue to me. I don't receive any notification when a tag is added to the issue :-)

By Alexandre on 2019-11-25T22:08:52 (imported from GitLab project)

closed

By Alexandre on 2019-11-25T22:20:47 (imported from GitLab project)

@alexandre OK There was some confusion on my part. I added the tag so that Jean-Baptiste could take over to merge and make the first feedback. I'll use it only when I want you to test something :)

By Gaëlle Morin on 2019-11-26T12:39:42 (imported from GitLab project)

Just assign to me if you want that I review, it'll be ok.