1
0
mirror of https://github.com/e107inc/e107.git synced 2025-04-21 21:21:54 +02:00

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

This commit is contained in:
secretr 2008-11-11 13:26:49 +00:00
parent b0e9dacb39
commit 711af58c5c
4 changed files with 51 additions and 41 deletions

View File

@ -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 $
| $Date: 2008-06-15 20:20:14 $
| $Author: e107steved $
| $Revision: 1.16 $
| $Date: 2008-11-11 13:26:49 $
| $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
{

View File

@ -1,14 +1,12 @@
table { margin-left:auto; margin-right:auto; }
.searchhighlight{text-decoration: underline;color:#FF0000;font-weight:bold;}
/*table { margin-left:auto; margin-right:auto; }*/
.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 {
color: #556B2F;
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 { color: #556B2F; 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 */

View File

@ -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;
}

View File

@ -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 $
| $Date: 2008-11-09 20:31:10 $
| $Revision: 1.4 $
| $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() {
// echo "<script></script>";
//}
function theme_head() {
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>