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.

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

Fixes #8250: Redesigning the Login Page #1089

Conversation

RaphaelGauthier
Copy link
Member

@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from f115d00 to 37ce1d5 Compare May 10, 2016 13:30
<link href="/images/themes/ui-lightness/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/bootstrap-3.2.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi. Do you really want to include code on the login page from the internet? What about environments, where there is no internet available for the Browser you are using the Rudder UI?... might happen...

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi. You are right this is a bad idea, I am going to change that !

@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from 37ce1d5 to 65336db Compare May 10, 2016 15:53
<link href="/style/ionicons-2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
<link href="/style/AdminLTE.min.css" rel="stylesheet" type="text/css">
<link href="/style/skin-yellow.min.css" rel="stylesheet" type="text/css">
<link href="/style/perso.css" rel="stylesheet" type="text/css">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't find this file in the diff, can you remove it please ? or add its content if needed to login.css / or rename it to custom.css

@VinceMacBuche
Copy link
Member

Ho and can you put a screenshot here of the new login screen please? :)

@VinceMacBuche
Copy link
Member

Can you remove non minified css files (font-awesome and ionicon) ?

@VinceMacBuche
Copy link
Member

VinceMacBuche commented May 11, 2016

Do you need 'less' and 'scss' files ? if not, remove them :)

@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from 65336db to 7aa02e2 Compare May 11, 2016 10:27
@VinceMacBuche
Copy link
Member

Can we only keep only svg/png we use from ionicons ?

We don't need all I think !!

also can you remove rudder-web/src/main/webapp/style/ionicons-2.0.1/.gitignore

@RaphaelGauthier
Copy link
Member Author

Not for now, but ion icons will be used for the next menu design. But for the moment I can still remove them if you want ?

@VinceMacBuche
Copy link
Member

If they will be used then do not remove them ... do you knwo which one will not be used ?

@RaphaelGauthier
Copy link
Member Author

Here is an overview of the new login screen !

new-login-form

@RaphaelGauthier
Copy link
Member Author

@VinceMacBuche

Not exactly, but I can remove icons that I'm sure to never use.

@matya
Copy link
Contributor

matya commented May 11, 2016

Nice. I have to modify my apache rewrite rule to customize it...

For reference: https://www.rudder-project.org/redmine/issues/6661

@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from 7aa02e2 to ea2a298 Compare May 11, 2016 12:45
<link href="/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/style/font-awesome-4.6.2/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="/style/ionicons-2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
<link href="/style/login.min.css" rel="stylesheet" type="text/css">
Copy link
Contributor

@matya matya May 11, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sorry to bug you, but will the login.css be minimized to login.min.css during the build?
Just asking because down below you commit the login.css and login.min.css, and the login.css is not referenced there :-o

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will not be minified during build ( a part of my infinite todo list ...)

@RaphaelGauthier We should not use minified file for our code, because we will forget a some time to minify after fixes (or at least I will forget :) )

@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from ea2a298 to 0d714d4 Compare May 11, 2016 14:32
@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from 0d714d4 to f0a851c Compare May 11, 2016 14:33
@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from f0a851c to 8dd2d20 Compare May 13, 2016 14:24
@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from 8dd2d20 to cbdbc5a Compare May 13, 2016 14:24
@RaphaelGauthier RaphaelGauthier force-pushed the ust_8250/redesigning_the_login_page branch from cbdbc5a to 2e4b436 Compare May 13, 2016 15:21
@RaphaelGauthier
Copy link
Member Author

PR updated

@RaphaelGauthier
Copy link
Member Author

Here is the latest version of the new login screen :

latest-version

@matya
Copy link
Contributor

matya commented May 24, 2016

It would be nice to have a place where we can put custom information, for example "Use your AD account"...
https://www.rudder-project.org/redmine/issues/6661

@RaphaelGauthier
Copy link
Member Author

RaphaelGauthier commented May 24, 2016

Something like this ?
(with a help cursor on hover, not visible here)

perso-info-message

@matya
Copy link
Contributor

matya commented May 25, 2016

Well, more like making Welcome, please sign in a configurable value in the webapp config file, and you keep that (2-3 line?) area customizable, but defaulting to your current text.

So you can have there like Enter your europe.company.corp credentials for\nPRODUCTION, and this would then tell all users which environment they are accessing (like when you have multiple rudder environments 😁 )

@matya
Copy link
Contributor

matya commented May 25, 2016

And if we are already on "how could this be improve", please have a look at this:
https://www.rudder-project.org/redmine/issues/8368
I would suggest something like this if you are in the middle of re-designing your UI, since this is a good time to include ideas which would impact the UI...

@VinceMacBuche
Copy link
Member

Thanks @matya For all your feedback and ideas ;) I think the customization will go with http://www.rudder-project.org/redmine/issues/6661 and I'll add you comment in this issue !

@VinceMacBuche VinceMacBuche merged commit 453324e into Normation:master May 27, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants