diff --git a/Kieker.WebGUI/src/main/webapp/Login.xhtml b/Kieker.WebGUI/src/main/webapp/Login.xhtml index 599fa868c738e9b2c9f8088e17f0d4306fc164fb..d00af406da8ca6f07343d1d336d632e25e851d3e 100644 --- a/Kieker.WebGUI/src/main/webapp/Login.xhtml +++ b/Kieker.WebGUI/src/main/webapp/Login.xhtml @@ -2,42 +2,20 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" - xmlns:ui="http://java.sun.com/jsf/facelets" - xmlns:f="http://java.sun.com/jsf/core" - xmlns:p="http://primefaces.org/ui" - xmlns:c="http://java.sun.com/jsp/jstl/core"> + xmlns:p="http://primefaces.org/ui"> <h:head> <title>Kieker.WebGUI</title> <link rel="stylesheet" type="text/css" href="../css/Common.css" /> <link rel="stylesheet" type="text/css" href="../css/Login.css" /> - <style> - .col1 { - width: fit-content !important; - } - - .col2 { - width: 100% !important; - } - - .input { - width: 100% !important; - } - - .grid { - width: 100% !important; - } - - .login-panel { - width: 30%; - text-align: center - } - </style> </h:head> - - <h:body> - <img src="../img/kieker-logo-transparent.png" /><br/> + + <h:body onload="growlComp.renderMessage({summary:'Welcome to the Kieker.WebGUI', detail: 'This is an early alpha version of the Kieker Web GUI. Therefore it may contain bugs and some functionality may have not been implemented yet. Just click "Login" to continue.', severity: 'info'})"> + <img src="../img/kieker-logo-transparent.png" /> + <br/> <p:spacer width="0" height="100"/> + + <!-- The following is the login form --> <h:form> <div align="center"> <p:panel header="Welcome to the Kieker.WebGUI" styleClass="login-panel"> @@ -53,8 +31,8 @@ <p:commandButton value="Login" ajax="false" action="#{userBean.login}" /> </div> </p:panel> + <p:growl sticky="true" autoUpdate="true" widgetVar="growlComp"/> </div> </h:form> - </h:body> </html> \ No newline at end of file diff --git a/Kieker.WebGUI/src/main/webapp/css/Login.css b/Kieker.WebGUI/src/main/webapp/css/Login.css index 8d52f57c5736644ae39b3861ce594d76b899f8f0..8d724d30b9594748626d72a83221950850fd1a91 100644 --- a/Kieker.WebGUI/src/main/webapp/css/Login.css +++ b/Kieker.WebGUI/src/main/webapp/css/Login.css @@ -3,3 +3,33 @@ .ui-panel { font-size: 12px; } + +.col1 { + width: fit-content !important; +} + +.col2 { + width: 100% !important; +} + +.input { + width: 100% !important; +} + +.grid { + width: 100% !important; +} + +.login-panel { + width: 30%; + text-align: center +} + +.ui-growl { + width: 500px +} + +.ui-growl-message { + width: 400px; + text-align: justify; +}