-
Notifications
You must be signed in to change notification settings - Fork 73
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* feat: redesign Janssen device authentication page #7203 Signed-off-by: Jeet Viramgama <[email protected]> * refactor(css): login template trimmed Signed-off-by: ossdhaval <[email protected]> * refactor(css): apply correct color Signed-off-by: ossdhaval <[email protected]> * refactor(css): make style name more generic Signed-off-by: ossdhaval <[email protected]> * refactor(css): update style name Signed-off-by: ossdhaval <[email protected]> * refactor(css): add background color to body Signed-off-by: ossdhaval <[email protected]> * refactor(css): remove login box Signed-off-by: ossdhaval <[email protected]> * refactor(css): jans logo styles Signed-off-by: Jeet Viramgama <[email protected]> * refactor(html): remove syntax error Signed-off-by: ossdhaval <[email protected]> * refactor(html): remove duplicated style Signed-off-by: ossdhaval <[email protected]> * refactor(css): add body style Signed-off-by: ossdhaval <[email protected]> * refactor(css): css and html changes for login page Signed-off-by: ossdhaval <[email protected]> * refactor(css): remove absolute position Signed-off-by: ossdhaval <[email protected]> * refactor(css): basic html without css Signed-off-by: ossdhaval <[email protected]> * refactor(css): make css class name generic Signed-off-by: ossdhaval <[email protected]> * refactor(css): add form background Signed-off-by: ossdhaval <[email protected]> * refactor(css): fixed frame-6 Signed-off-by: ossdhaval <[email protected]> * refactor(css): add styles Signed-off-by: ossdhaval <[email protected]> * refactor(css): login changes Signed-off-by: ossdhaval <[email protected]> * feat: redesign sign-in page #7202 Signed-off-by: Jeet Viramgama <[email protected]> * refactor(html): replace gluu logo with jans Signed-off-by: ossdhaval <[email protected]> * refactor(html): fix placeholder text in the input boxes Signed-off-by: ossdhaval <[email protected]> * refactor(html): move logo outside of form to stabilize it when across forms Signed-off-by: ossdhaval <[email protected]> * refactor(html): comment out non-functional elements from page - Commented `remember me` check box - Commented `sign up` link - Commented `forgot password` As discussed in [this chat](https://chat.gluu.org/group/documentation?msg=3Ksg5GxZ4QL2WbRCK) Signed-off-by: ossdhaval <[email protected]> * refactor(html): adjust padding Signed-off-by: ossdhaval <[email protected]> * refactor(css): remove bold styling Signed-off-by: ossdhaval <[email protected]> * refactor(html): remove overflow of device auth & login page Signed-off-by: Jeet Viramgama <[email protected]> * chore(css): reduce spacing & font-size by 20% Signed-off-by: Jeet Viramgama <[email protected]> --------- Signed-off-by: Jeet Viramgama <[email protected]> Signed-off-by: ossdhaval <[email protected]> Co-authored-by: ossdhaval <[email protected]>
- Loading branch information
1 parent
0437a56
commit 466d2a7
Showing
4 changed files
with
367 additions
and
320 deletions.
There are no files selected for viewing
109 changes: 15 additions & 94 deletions
109
jans-auth-server/server/src/main/webapp/WEB-INF/incl/layout/login-template.xhtml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,117 +1,38 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | ||
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml" | ||
| xmlns:ui="http://xmlns.jcp.org/jsf/facelets" | ||
| xmlns:f="http://xmlns.jcp.org/jsf/core" | ||
| xmlns:h="http://xmlns.jcp.org/jsf/html"> | ||
| xmlns:ui="http://xmlns.jcp.org/jsf/facelets" | ||
| xmlns:f="http://xmlns.jcp.org/jsf/core" | ||
| xmlns:h="http://xmlns.jcp.org/jsf/html"> | ||
| <f:view transient="true" locale="#{language.locale}"> | ||
| <h:head> | ||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <title><ui:insert name="pageTitle" /></title> | ||
| <link rel="icon" href="#{request.contextPath}/servlet/favicon" | ||
| type='image/x-icon' /> | ||
| type='image/x-icon' /> | ||
| <link type="text/css" rel="stylesheet" | ||
| href="#{webConfigurationService.getCssLocation()}/style.css" /> | ||
| href="#{webConfigurationService.getCssLocation()}/style.css" /> | ||
| <link type="text/css" rel="stylesheet" | ||
| href="#{webConfigurationService.getCssLocation()}/bootstrap.min.css" /> | ||
| href="#{webConfigurationService.getCssLocation()}/bootstrap.min.css" /> | ||
| <link rel="stylesheet" | ||
| href="#{webConfigurationService.getCssLocation()}/fontawesome.min.css" /> | ||
| href="#{webConfigurationService.getCssLocation()}/fontawesome.min.css" /> | ||
| <link type="text/css" rel="stylesheet" | ||
| href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> | ||
| href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" /> | ||
|
|
||
| <script | ||
| src="#{webConfigurationService.getJsLocation()}/jquery-3.6.0.min.js" /> | ||
| src="#{webConfigurationService.getJsLocation()}/jquery-3.6.0.min.js" /> | ||
| <script | ||
| src="#{webConfigurationService.getJsLocation()}/bootstrap.min.js" /> | ||
| src="#{webConfigurationService.getJsLocation()}/bootstrap.min.js" /> | ||
| <script | ||
| src="#{webConfigurationService.getJsLocation()}/platform.js" /> | ||
| <style> | ||
| body { | ||
| margin-bottom: 3% !important; | ||
| } | ||
|
|
||
| .footer { | ||
| position: fixed; | ||
| bottom: 0; | ||
| width: 100%; | ||
| color: white; | ||
| height: 55px; | ||
| background-color: #00BE79; | ||
| justify-content: center; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| @media screen and (min-height: 720px) { | ||
| .footer { | ||
| position: absolute; | ||
| height: 5px !important; | ||
| } | ||
| } | ||
| </style> | ||
| src="#{webConfigurationService.getJsLocation()}/platform.js" /> | ||
|
|
||
| </h:head> | ||
| <h:body> | ||
| <h:body styleClass="body jans-page-backgrond-color"> | ||
|
|
||
| <div> | ||
| <div class="login-logo"> | ||
| <img style="max-height: 70px; padding-bottom: 2px;" id="AppLogo" | ||
| src="#{request.contextPath}/servlet/logo" /> | ||
| </div> | ||
| <div class="bs-docs-section" | ||
| style="border-top: 2px solid #1ab26b !important; margin-bottom: 5px !important; margin-top: 1px !important; padding-top: 1px !important;"></div> | ||
| </div> | ||
| <div class="body"> | ||
| <ui:insert name="body" /> | ||
| </div> | ||
| </h:body> | ||
| <footer class="footer" id="appFooter"> | ||
| <div class="row" style="margin-top: 20px;"> | ||
| <div class="col-sm-3"></div> | ||
| <div class="col-sm-6 centered" style="text-align: center;"> | ||
| <p class="centered"> | ||
| © <a target="_blank" | ||
| href="https://jans.io"><h:outputText | ||
| value="#{msgs['common.janssenProject']}" escape="false" /></a> | ||
| </p> | ||
| </div> | ||
| <div class="col-sm-3"></div> | ||
| </div> | ||
| </footer> | ||
| <script type="text/javascript"> | ||
| //<![CDATA[ | ||
| $(document) | ||
| .ready( | ||
| function() { | ||
| $(window) | ||
| .scroll( | ||
| function() { | ||
| if (window.innerHeight < 620) { | ||
| document | ||
| .getElementById("appFooter").style.display = "none"; | ||
| } else { | ||
| document | ||
| .getElementById("appFooter").style.display = "block"; | ||
| } | ||
|
|
||
| }); | ||
|
|
||
| $(window) | ||
| .on( | ||
| 'resize', | ||
| function() { | ||
| var win = $(this); | ||
| if (win.height() >= 620) { | ||
| document | ||
| .getElementById("appFooter").style.display = "block"; | ||
| } else { | ||
| document | ||
| .getElementById("appFooter").style.display = "none"; | ||
| } | ||
| }); | ||
| }); | ||
|
|
||
| //]]> | ||
| </script> | ||
| </f:view> | ||
| </html> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.