introducing <thead>, <tbody>, <tfooter> standard; JS decorate on newspost list; new core CSS rule (e-list); theme JS API usage demo

e107_admin/newspost.php

@@ -11,9 +11,9 @@
 |        GNU General Public License (http://gnu.org).
 |
 |   $Source: /cvs_backup/e107_0.8/e107_admin/newspost.php,v $
-|   $Revision: 1.15 $
+|   $Revision: 1.16 $
-|   $Date: 2008-06-15 20:20:14 $
+|   $Date: 2008-11-11 13:26:49 $
-|   $Author: e107steved $
+|   $Author: secretr $
 +---------------------------------------------------------------+
 
 */
@@ -323,13 +323,16 @@ class newspost
 		$newsarray = $sql -> db_getList();
 		$text .= "
 			<form action='".e_SELF."' id='newsform' method='post'>
-			<table class='fborder' style='".ADMIN_WIDTH."'>
+			<table class='fborder e-list' style='".ADMIN_WIDTH."'>
+			<thead>
 			<tr>
 			<td style='width:5%' class='fcaption'><a href='".e_SELF."?main.news_id.{$sort_link}.{$from}'>".LAN_NEWS_45."</a></td>
 			<td style='width:55%' class='fcaption'><a href='".e_SELF."?main.news_title.{$sort_link}.{$from}'>".NWSLAN_40."</a></td>
 			<td style='width:15%' class='fcaption'>".LAN_NEWS_49."</td>
 			<td style='width:15%' class='fcaption'>".LAN_OPTIONS."</td>
-			</tr>";
+			</tr>
+			</thead>
+			<tbody>";
 		$ren_type = array("default","title","other-news","other-news 2");
 		foreach($newsarray as $row)
 		{
@@ -356,7 +359,7 @@ class newspost
 				</td>
 				</tr>";
 		}
-		$text .= "</table></form>";
+		$text .= "</tbody></table></form>";
 	  }
 	  else
 	  {

e107_files/e107.css

@@ -1,14 +1,12 @@
-table { margin-left:auto; margin-right:auto; }
+/*table { margin-left:auto; margin-right:auto; }*/
-.searchhighlight{text-decoration: underline;color:#FF0000;font-weight:bold;}
+
+.searchhighlight{text-decoration: underline; color:#FF0000; font-weight:bold; }
 
 /*
- * e107 v0.800 - new class definitions.
+ * e107 v0.800 - new class definitions
- *
  */
  
- /*
+/* Core Formatting */
-	Core Formatting
- */
 .left { text-align: left }
 .right { text-align: right }
 .center { text-align: center }
@@ -20,32 +18,23 @@ table { margin-left:auto; margin-right:auto; }
 .clear { clear: both }
 .clearL { clear: right }
 .clearR { clear: left }
+
+/* Core Icons */
 .icon { border: 0 }
 .icon.action { vertical-align: middle }
+.S16 { width: 16px; height: 16px }
+.S32 { width: 32px; height: 32px }
+.S64 { width: 64px; height: 64px }
+.S128 { width: 128px; height: 128px }
+
+/* Decorate JS - see core/decorate.js */
+.odd {  }
+.even { background-color: #F5F5F5 }
+.first, .last {  }
 
 /* Loading Status default style */
-#loading-mask {
+#loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; }
-	color: #556B2F;
+#loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;  text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; }
-	font-size: 1.2em;
-	font-weight:bold;
-	position:absolute;
-	text-align: center;
-	padding: 0; margin: 0;
-}
-#loading-mask .loader {
-	position: fixed;
-	top: 40%;
-	left: 50%;
-	width: 200px; 
-	text-align: center;
-	background: #F0F9E3 none repeat scroll 0 0;
-	border: 2px solid #556B2F;
-	font-weight: bold;
-	padding: 10px 5px;
-	margin-left: -100px;
-	margin-top: 0;
-	
-}
 #loading-mask img { margin: 10px auto; }
 
 /* Debug Console - this will be moved to debug.css */

e107_themes/reline/admin_style.css

@@ -80,7 +80,7 @@ table {
 
 .forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
 	padding: 5px;
-	background-color: #fff;
+	/* background-color: #fff; - inherited from body */
 	border-bottom: 1px solid #bbb;
 }
 

e107_themes/reline/theme.php

@@ -11,8 +11,8 @@
 |	GNU General Public License (http://gnu.org).
 |
 |	$Source: /cvs_backup/e107_0.8/e107_themes/reline/theme.php,v $
-|	$Revision: 1.3 $
+|	$Revision: 1.4 $
-|	$Date: 2008-11-09 20:31:10 $
+|	$Date: 2008-11-11 13:26:49 $
 |	$Author: secretr $
 |
 +----------------------------------------------------------------------------+
@@ -95,9 +95,20 @@ $csscompliant = TRUE;	// If set to TRUE will display a CSS compliant logo in the
 // into this, and as with theme.js, a link will automatically be generated to this file.
 // Uncomment the following three lines to use.
 
-//function theme_head() {
+function theme_head() {
-//	echo "<script></script>";
+    return "
-//}
+    <script type='text/javascript'>
+       /**
+    	* Decorate all tables having e-list class
+    	* TODO: add 'e-list' class to all list core tables, allow theme decorate. 
+    	*/
+        e107.runOnLoad( function() {
+            \$\$('table.e-list').each(function(element) {
+            	e107Utils.Decorate.table(element);
+            });
+        }, document, true);
+    </script>";
+}
 
 
 // Header and footer templates for the body of your site.
@@ -119,6 +130,13 @@ $csscompliant = TRUE;	// If set to TRUE will display a CSS compliant logo in the
 // $layout = '_your_version'; // uncomment this line (remove the // ) to use alternative template files.
 
 
+//Require e107Utils#Decorate JS 
+// This include method could be changed soon
+$THEME_CORE_JSLIB = array(
+	'jslib/core/decorate.js' => 'all'
+);
+
+
 // Main header
 $HEADER = "<table class='container'>
 <tr>