[portal-commits] JBoss Portal SVN: r12935 - in branches/JBoss_Portal_Branch_2_7/core/src: bin/portal-core-war/js and 1 other directories.

[portal-commits at lists.jboss.org]

Author: wesleyhales
Date: 2009-03-03 16:30:40 -0500 (Tue, 03 Mar 2009)
New Revision: 12935

Modified:
   branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/css/login.css
   branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/js/login.js
   branches/JBoss_Portal_Branch_2_7/core/src/resources/portal-server-war/login.jsp
Log:
JBPORTAL-2227

Modified: branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/css/login.css
===================================================================
--- branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/css/login.css	2009-03-03 19:26:22 UTC (rev 12934)
+++ branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/css/login.css	2009-03-03 21:30:40 UTC (rev 12935)
@@ -20,6 +20,17 @@
    position: absolute;
 }
 
+input.disabled-button {
+   background-color: #9db3cf;
+   border-color: #c5d7df #8598ab #8598ab #c5d7df;
+   border-style: solid;
+   border-width: 1px;
+   color: #FFFFFF;
+   font-size: 10px;
+   font-weight: bold;
+   position: absolute;
+}
+
 input.login-button {
    bottom: 25px;
    right: 90px;
@@ -53,9 +64,7 @@
 }
 
 div.login-container div.login-content {
-   background-image: url( ../images/modal/login-content-bg.gif );
-   background-position: top left;
-   background-repeat: repeat-x;
+   background: url(../images/modal/login-content-bg.gif) repeat-x top left;
    width: 255px;
    font-weight: bold;
    text-align: right;
@@ -81,4 +90,8 @@
 div.button-container{
    height: 50px;
    position: relative;
+}
+
+div.form-field .highlight {
+   border: 2px solid #6a9cd4;
 }
\ No newline at end of file

Modified: branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/js/login.js
===================================================================
--- branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/js/login.js	2009-03-03 19:26:22 UTC (rev 12934)
+++ branches/JBoss_Portal_Branch_2_7/core/src/bin/portal-core-war/js/login.js	2009-03-03 21:30:40 UTC (rev 12935)
@@ -59,7 +59,7 @@
                 }
                 catch(e)
                 {
-                    //swallow
+                //swallow
                 }
                 //give the cancel button back button functionality (hackish) but there is no other way
                 //to get returning page
@@ -83,11 +83,48 @@
             try
             {
                 document.loginform.j_username.focus();
+                highlightField(document.getElementById('j_username'));
             }
             catch (e)
             {
             }
 
+        },
+
+        /**
+         * simple validate login fields and disable submit
+         *
+         * @public
+         * @type Function
+         * @name validate
+         * @return {void}
+         */
+        validate : function() {
+            try
+            {
+               
+                if (document.getElementById('j_username').value.length < 1 || document.getElementById('j_password').value.length < 1){
+                   document.getElementById('login-submit').disabled = true;
+                   document.getElementById('login-submit').className = 'login-button disabled-button';
+               }else{
+                   document.getElementById('login-submit').disabled = false;
+                   document.getElementById('login-submit').className = 'login-button';
+               }
+            }
+            catch (e)
+            {
+            }
+
+        },
+
+        highlight : function(id) {
+            var el = document.getElementById(id);
+            if ( el.className != 'highlight' ) {
+                el.className = 'highlight';
+            }
+            else {
+                el.className = '';
+            }
         }
     };
 

Modified: branches/JBoss_Portal_Branch_2_7/core/src/resources/portal-server-war/login.jsp
===================================================================
--- branches/JBoss_Portal_Branch_2_7/core/src/resources/portal-server-war/login.jsp	2009-03-03 19:26:22 UTC (rev 12934)
+++ branches/JBoss_Portal_Branch_2_7/core/src/resources/portal-server-war/login.jsp	2009-03-03 21:30:40 UTC (rev 12935)
@@ -39,7 +39,7 @@
 
     <link rel="stylesheet" href="/portal-core/css/login.css" type="text/css"/>
 </head>
-<body onload="JBossPortal.login.setFocusOnLoginForm();JBossPortal.login.displayStatus();">
+<body onload="JBossPortal.login.setFocusOnLoginForm();JBossPortal.login.displayStatus();JBossPortal.login.validate();">
 
 <div class="login-container">
 
@@ -69,12 +69,12 @@
             <div class="form-field">
                 <label for="j_username"><%= rb.getString("LOGIN_USERNAME") %>
                 </label>
-                <input type="text" style="width:155px;" name="j_username" id="j_username" value=""/>
+                <input type="text" style="width:155px;" name="j_username" id="j_username" value="" onkeyup="JBossPortal.login.validate();" onFocus="JBossPortal.login.highlight('j_username');" onblur="JBossPortal.login.highlight('j_username');"/>
             </div>
             <div class="form-field">
                 <label for="j_password"><%= rb.getString("LOGIN_PASSWORD") %>
                 </label>
-                <input type="password" style="width:155px;" name="j_password" id="j_password" value=""/>
+                <input type="password" style="width:155px;" name="j_password" id="j_password" value="" onkeyup="JBossPortal.login.validate();" onFocus="JBossPortal.login.highlight('j_password');" onblur="JBossPortal.login.highlight('j_password');"/>
             </div>
             <br class="clear"/>