Moved some css-code into the correct css-files; Added a welcome-message to the login-page.

64a5b670 · Nils Christian Ehmke · 846f0878 · 64a5b670 · 64a5b670
Commit 64a5b670 authored 12 years ago by Nils Christian Ehmke
--- 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 &quot;Login&quot; 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
--- 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;
+}