Allow alert box to be themed

6 files changed, 143 insertions, 10 deletions

diff --git a/usr/local/www/guiconfig.inc b/usr/local/www/guiconfig.inc
index bc89710..d2d4caa 100755
--- a/usr/local/www/guiconfig.inc
+++ b/usr/local/www/guiconfig.inc
@@ -231,17 +231,28 @@ function do_input_validation($postdata, $reqdfields, $reqdfieldsn, $input_errors
 
 function print_input_errors($input_errors) {
 	global $g;
-	echo "<p><table border=\"0\" cellspacing=\"0\" cellpadding=\"4\" width=\"100%\">\n";
-	echo "<tr><td bgcolor=\"#990000\" width=\"36\" align=\"center\" valign=\"top\"><img src=\"./themes/".$g['theme']."/images/icons/icon_error.gif\" width=\"28\" height=\"32\"></td>\n";
-	echo "<td bgcolor=\"#FFD9D1\" style=\"padding-left: 8px; padding-top: 6px\">";
 
-	echo "<span class=\"errmsg\"><p>The following input errors were detected:<ul>\n";
-	foreach ($input_errors as $ierr) {
-		echo "<li>" . htmlspecialchars($ierr) . "</li>\n";
-	}
-	echo "</ul></span>";
-
-	echo "</td></tr></table></p>&nbsp;<br>";
+	print <<<EOF
+	<p>
+	<table border="0" cellspacing="0" cellpadding="4" width="100%">
+	<tr>
+		<td class="alertboxleft">
+			<img src="./themes/{$g['theme']}/images/icons/icon_error.gif" width="28" height="32">
+		</td>
+		<td class="alertboxright">
+			<span class="errmsg"><p>
+				The following input errors were detected:
+				<ul>
+	<?php foreach ($input_errors as $ierr): ?>
+					<li><?=htmlspecialchars($ierr)?></li>
+	<?php endforeach; ?>
+				</ul>
+			</span>
+		</td></tr>
+	</table>
+	</p>&nbsp;<br>
+EOF;
+	
 }
 
 function exec_rc_script($scriptname) {
diff --git a/usr/local/www/themes/metallic/all.css b/usr/local/www/themes/metallic/all.css
index b70ac29..853c977 100644
--- a/usr/local/www/themes/metallic/all.css
+++ b/usr/local/www/themes/metallic/all.css
@@ -4,6 +4,30 @@ html, body, td, th, input, select {
 	font-size: 0.9em;
 }
 
+.alertboxleft {
+	background-color: #990000;	
+	color: #000000;
+	font-size: 11px;
+	padding-top: 1px;
+	padding-bottom: 1px;	
+	padding-right: 1px;
+	padding-left: 1px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
+.alertboxright {
+	background-color: #FFD9D1;	
+	color: #000000;
+	font-size: 11px;
+	padding-left: 8px; 
+	padding-top: 6px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
 /* DOM Tooltip CSS definitions */
 div.niceTitle
 {
diff --git a/usr/local/www/themes/nervecenter/all.css b/usr/local/www/themes/nervecenter/all.css
index 61f3382..3b3b0e1 100644
--- a/usr/local/www/themes/nervecenter/all.css
+++ b/usr/local/www/themes/nervecenter/all.css
@@ -5,6 +5,30 @@ html, body, td, th, input, select {
 
 }
 
+.alertboxleft {
+	background-color: #990000;	
+	color: #000000;
+	font-size: 11px;
+	padding-top: 1px;
+	padding-bottom: 1px;	
+	padding-right: 1px;
+	padding-left: 1px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
+.alertboxright {
+	background-color: #FFD9D1;	
+	color: #000000;
+	font-size: 11px;
+	padding-left: 8px; 
+	padding-top: 6px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
 div.GraphLink {
 	position: relative;
 }
diff --git a/usr/local/www/themes/pfsense-dropdown/all.css b/usr/local/www/themes/pfsense-dropdown/all.css
index 9d6b399..b549cfa 100644
--- a/usr/local/www/themes/pfsense-dropdown/all.css
+++ b/usr/local/www/themes/pfsense-dropdown/all.css
@@ -3,6 +3,31 @@ html, body, td, th, input, select {
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.9em;
 }
+
+.alertboxleft {
+	background-color: #990000;	
+	color: #000000;
+	font-size: 11px;
+	padding-top: 1px;
+	padding-bottom: 1px;	
+	padding-right: 1px;
+	padding-left: 1px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
+.alertboxright {
+	background-color: #FFD9D1;	
+	color: #000000;
+	font-size: 11px;
+	padding-left: 8px; 
+	padding-top: 6px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
 form {
 	margin: 0px;
 }
diff --git a/usr/local/www/themes/pfsense/all.css b/usr/local/www/themes/pfsense/all.css
index e529a26..bfd23ba 100644
--- a/usr/local/www/themes/pfsense/all.css
+++ b/usr/local/www/themes/pfsense/all.css
@@ -3,6 +3,31 @@ html, body, td, th, input, select {
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.9em;
 }
+
+.alertboxleft {
+	background-color: #990000;	
+	color: #000000;
+	font-size: 11px;
+	padding-top: 1px;
+	padding-bottom: 1px;	
+	padding-right: 1px;
+	padding-left: 1px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
+.alertboxright {
+	background-color: #FFD9D1;	
+	color: #000000;
+	font-size: 11px;
+	padding-left: 8px; 
+	padding-top: 6px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
 form {
 	margin: 0px;
 }
diff --git a/usr/local/www/themes/the_wall/all.css b/usr/local/www/themes/the_wall/all.css
index 9cf0c71..111cd9f 100644
--- a/usr/local/www/themes/the_wall/all.css
+++ b/usr/local/www/themes/the_wall/all.css
@@ -5,6 +5,30 @@ html, body, td, th, input, select {
 
 }
 
+.alertboxleft {
+	background-color: #990000;	
+	color: #000000;
+	font-size: 11px;
+	padding-top: 1px;
+	padding-bottom: 1px;	
+	padding-right: 1px;
+	padding-left: 1px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
+.alertboxright {
+	background-color: #FFD9D1;	
+	color: #000000;
+	font-size: 11px;
+	padding-left: 8px; 
+	padding-top: 6px;
+	width: 36px;
+	align: center;
+	valign: center;
+}
+
 div.GraphLink {
 	position: relative;
 }