Just some cosmetic cuteness.

git-svn-id: http://svn.igniterealtime.org/svn/repos/wildfire/trunk@6353 b35dd754-fafc-0310-a699-88a17e54d16e

src/plugins/gateway/src/web/gateway-settings.jsp

@@ -342,12 +342,13 @@
             }
         }
         ConfigManager.saveSettings(transportID, transportSettings);
-        document.getElementById(transportID+"optionsresults").innerHTML = "Settings Saved!";
+        document.getElementById(transportID+"optionsresults").style.display = "";
+        document.getElementById(transportID+"optionsresults").innerHTML = "<span class='successresults'><img src='images/success-16x16.gif' align='absmiddle' />Settings Saved!</span>";
         setTimeout("to_saveOptions('"+transportID+"')", 5000);
     }
 
     function to_saveOptions(transportID) {
-        document.getElementById(transportID+"optionsresults").innerHTML = "";
+        Effect.Fade(transportID+"optionsresults");
     }
 
     function testConnect(transportID) {
@@ -357,18 +358,19 @@
     }
 
     function cb_testConnect(result) {
+        document.getElementById(testTransportID+"testsresults").style.display = "";
         if (result) {
-            document.getElementById(testTransportID+"testsresults").innerHTML = "Success!";
+            document.getElementById(testTransportID+"testsresults").innerHTML = "<span class='successresults'><img src='images/success-16x16.gif' alt='' align='absmiddle' />Success!</span>";
         }
         else {
-            document.getElementById(testTransportID+"testsresults").innerHTML = "<span style='color: #ff0000'>Failed.</span>";
+            document.getElementById(testTransportID+"testsresults").innerHTML = "<span class='failureresults'><img src='images/failure-16x16.gif' alt='' align='absmiddle' />Failed.</span>";
         }
         setTimeout("to_testConnect('"+testTransportID+"')", 5000);
         testTransportID = null;
     }
 
     function to_testConnect(transportID) {
-        document.getElementById(transportID+"testsresults").innerHTML = "";
+        Effect.Fade(transportID+"testsresults");
     }
 </script>
 </head>

src/plugins/gateway/src/web/style/gateways.css

@@ -98,12 +98,32 @@ a.jive-gatewayButtonOn {
 }
 .jive-formButton {
 	margin: 10px 5px 5px 0px;
+    vertical-align: middle;
 }
 .saveResultsMsg {
-    margin-left: 5px;
-    vertical-align: middle;
+    margin: 10px 5px 5px 0px;
+    padding: 0px;
     font-weight: bold;
+}
+.saveResultsMsg .successresults {
+    border: 1.0px solid #009900;
+    background-color: #aaffaa;
     color: #009900;
+    padding: 3.0px;
+}
+.saveResultsMsg .successresults img {
+    margin-right: 3px;
+    margin-bottom: 2px;
+}
+.saveResultsMsg .failureresults {
+    border: 1.0px solid #ff0000;
+    background-color: #ffaaaa;
+    color: #ff0000;
+    padding: 3.0px;
+}
+.saveResultsMsg .failureresults img {
+    margin-right: 3px;
+    margin-bottom: 2px;
 }