1
0
mirror of https://github.com/e107inc/e107.git synced 2025-08-19 04:41:53 +02:00

featurebox front-end - dynamic (AJAX) loading added, the rest is only theme styling; working examples in jayya and _blank (better one)

This commit is contained in:
secretr
2009-12-10 22:46:46 +00:00
parent 52d9d13d3f
commit abc0d5a7c6
20 changed files with 597 additions and 194 deletions

View File

@@ -97,8 +97,8 @@ pre {
/******** Decorate JS */
/* Admin List Table */
.adminlist { width:100%; border:1px solid #ddd;}
.adminlist th { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold }
.adminlist td { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; }
.adminlist th { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold; vertical-align: middle; }
.adminlist td { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle; }
.adminlist th.last,
.adminlist td.last { border-right: 0px solid;}
.adminlist tr.last td{ border-bottom: 0px solid;}

View File

@@ -15,95 +15,58 @@ $register_sc[]='FS_ADMIN_ALT_NAV';
$no_core_css = TRUE;
if (!defined('ADMIN_TRUE_ICON'))
{
define("ADMIN_TRUE_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/true_32.png' alt='' />");
define("ADMIN_TRUE_ICON_PATH", e_IMAGE."admin_images/true_32.png");
}
if (!defined('ADMIN_FALSE_ICON'))
{
define("ADMIN_FALSE_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/false_32.png' alt='' />");
define("ADMIN_FALSE_ICON_PATH", e_IMAGE."admin_images/false_32.png");
}
if (!defined('ADMIN_EDIT_ICON'))
{
define("ADMIN_EDIT_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/edit_32.png' alt='' title='".LAN_EDIT."' />");
define("ADMIN_EDIT_ICON_PATH", e_IMAGE."admin_images/edit_32.png");
}
if (!defined('ADMIN_DELETE_ICON'))
{
define("ADMIN_DELETE_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/delete_32.png' alt='' title='".LAN_DELETE."' />");
define("ADMIN_DELETE_ICON_PATH", e_IMAGE."admin_images/delete_32.png");
}
if (!defined('ADMIN_WARNING_ICON'))
{
define("ADMIN_WARNING_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/warning_32.png' alt='' />");
define("ADMIN_WARNING_ICON_PATH", e_IMAGE."admin_images/warning_32.png");
}
if (!defined('ADMIN_ADD_ICON'))
{
define("ADMIN_ADD_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/add_32.png' alt='' />");
define("ADMIN_ADD_ICON_PATH", e_IMAGE."admin_images/add_32.png");
}
if (!defined('ADMIN_INFO_ICON'))
{
define("ADMIN_INFO_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/info_32.png' alt='' />");
define("ADMIN_INFO_ICON_PATH", e_IMAGE."admin_images/info_32.png");
}
if (!defined('ADMIN_CONFIGURE_ICON'))
{
define("ADMIN_CONFIGURE_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/configure_32.png' alt='' />");
define("ADMIN_CONFIGURE_ICON_PATH", e_IMAGE."admin_images/configure_32.png");
}
if (!defined('ADMIN_VIEW_ICON'))
{
define("ADMIN_VIEW_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/search_32.png' alt='' />");
define("ADMIN_VIEW_ICON_PATH", e_IMAGE."admin_images/admin_images/search_32.png");
}
if (!defined('ADMIN_URL_ICON'))
{
define("ADMIN_URL_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/forums_32.png' alt='' />");
define("ADMIN_URL_ICON_PATH", e_IMAGE."admin_images/forums_32.png");
}
if (!defined('ADMIN_INSTALLPLUGIN_ICON'))
{
define("ADMIN_INSTALLPLUGIN_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/plugin_install_32.png' alt='' />");
define("ADMIN_INSTALLPLUGIN_ICON_PATH", e_IMAGE."admin_images/plugin_install_32.png");
}
if (!defined('ADMIN_UNINSTALLPLUGIN_ICON'))
{
define("ADMIN_UNINSTALLPLUGIN_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/plugin_uninstall_32.png' alt='' />");
define("ADMIN_UNINSTALLPLUGIN_ICON_PATH", e_IMAGE."admin_images/plugin_unstall_32.png");
}
if (!defined('ADMIN_UPGRADEPLUGIN_ICON'))
{
define("ADMIN_UPGRADEPLUGIN_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/up_32.png' alt='' />");
define("ADMIN_UPGRADEPLUGIN_ICON_PATH", e_IMAGE."admin_images/up_32.png");
}
if (!defined('ADMIN_UP_ICON'))
{
define("ADMIN_UP_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/up_32.png' alt='' title='".LAN_DELETE."' />");
define("ADMIN_UP_ICON_PATH", e_IMAGE."admin_images/up_32.png");
}
if (!defined('ADMIN_DOWN_ICON'))
{
define("ADMIN_DOWN_ICON", "<img class='icon action S32' src='".e_IMAGE_ABS."admin_images/down_32.png' alt='' title='".LAN_DELETE."' />");
define("ADMIN_DOWN_ICON_PATH", e_IMAGE."admin_images/down_32.png");
}

View File

@@ -190,3 +190,19 @@ legend { font-size: 14px; font-weight: bold; padding: 5px; }
/******** Horizontal navigation ADMIN_NAV_ALT */
.navigation { border: 1px solid #DDDDDD;}
/******** FEATUREBOX PLUGIN */
#featurebox-ajax-container { display: block }
#featurebox-ajax-container img { padding: 1px; margin: 5px; border: 1px solid #DDDDDD }
div.featurebox-nav { text-align: right; margin-right: 5px }
div.featurebox-nav a.featurebox-nav-link { }
div.featurebox-nav a.featurebox-nav-link.active,
div.featurebox-nav a.featurebox-nav-link.active:hover { text-decoration: none; color: #000 }
div.featurebox-nav a.featurebox-nav-next,
div.featurebox-nav a.featurebox-nav-next:hover,
div.featurebox-nav a.featurebox-nav-prev,
div.featurebox-nav a.featurebox-nav-prev:hover { text-decoration: none; font-size: 16px }

View File

@@ -7,58 +7,67 @@ $FEATUREBOX_CATEGORY_TEMPLATE = array();
* Default Template
* Example call: {FEATUREBOX} or {FEATUREBOX|default}
*/
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['list_start'] = '
$FEATUREBOX_CATEGORY_TEMPLATE['default']['list_start'] = '
<div class="block">
<h1 class="caption">{FEATUREBOX_CATEGORY_ICON} {FEATUREBOX_CATEGORY_TITLE}</h1>
<div class="block-text">
';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['list_end'] = '
$FEATUREBOX_CATEGORY_TEMPLATE['default']['list_end'] = '
</div>
</div>
';
// no column support
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['col_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['col_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['col_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['col_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['item_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['item_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['item_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['item_end'] = '';
// empty item - used with col templates, no shortcodes just basic markup
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['item_empty'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['item_empty'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_default']['item_separator'] = '<div class="clear"><!-- --></div>';
$FEATUREBOX_CATEGORY_TEMPLATE['default']['item_separator'] = '<div class="clear"><!-- --></div>';
/*
* Dynamic Template
* Example call: {FEATUREBOX|dynamic}
*/
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['list_start'] = '
<div class="block">
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['list_start'] = '
<div class="block" id="featurebox-container">
<h1 class="caption">{FEATUREBOX_CATEGORY_ICON} {FEATUREBOX_CATEGORY_TITLE}</h1>
<div class="block-text">
{FEATUREBOX_NAVIGATION|dynamic=loop}
<div class="block-text" id="featurebox-ajax-container">
';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['list_end'] = '
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['list_end'] = '
</div>
</div>
';
// no column support
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['col_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['col_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['col_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['col_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['item_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['item_end'] = '';
// ajax navigation (unobtrusive)
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['item_start'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['item_end'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['item_separator'] = '<div class="clear"><!-- --></div>';
// empty item - used with col templates, no shortcodes just basic markup
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['item_empty'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['item_empty'] = '';
$FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['item_separator'] = '<div class="clear"><!-- --></div>';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['nav_start'] = '<div class="featurebox-nav show-if-js"><a href="#" class="featurebox-nav-prev">&laquo;</a>&nbsp;&nbsp;';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['nav_item'] = '<a href="#{FEATUREBOX_CATEGORY_TEMPLATE}.{FEATUREBOX_NAV_COUNTER}.{FEATUREBOX_CATEGORY_COLS}.{FEATUREBOX_CATEGORY_EMPTYFILL}" class="featurebox-nav-link{FEATUREBOX_NAV_ACTIVE}">{FEATUREBOX_NAV_COUNTER}</a>';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['nav_end'] = '&nbsp;&nbsp;<a href="#" class="featurebox-nav-next">&raquo;</a></div>';
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['nav_separator'] = '&nbsp;&nbsp;';
// external JS, comma separated list
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['js'] = '{e_PLUGIN}featurebox/featurebox.js';
// inline JS, without <script> tags
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['js_inline'] = 'new Featurebox("featurebox-container", { ajax_container: "featurebox-ajax-container", continuous: true })';
/**
* Template information.
@@ -70,7 +79,7 @@ $FEATUREBOX_CATEGORY_TEMPLATE['blank_dynamic']['item_separator'] = '<div class="
* @var array
*/
$FEATUREBOX_CATEGORY_TEMPLATE['__INFO__'] = array(
'blank_default' => array('title' => 'Blank Theme Default - show by category limit'),
'blank_dynamic' => array('title' => 'Blank Theme Dynamic (AJAX) loading'),
'default' => array('title' => 'Blank Theme Default - show by category limit'),
'dynamic' => array('title' => 'Blank Theme Dynamic (AJAX) loading'),
);
?>

View File

@@ -62,28 +62,45 @@ function theme_head() {
function tablestyle($caption, $text, $mod) {
global $style;
$type = $style;
if(empty($caption))
{
$type = 'box';
}
switch($type)
{
switch($style) {
case 'menu' :
echo '
<div class="block">
<h4 class="caption">'.$caption.'</h4>
'.$text.'
</div>
';
break;
default:
echo '
<div class="block">
<h1 class="caption">'.$caption.'</h1>
<div class="block-text">
case 'menu' :
echo '
<div class="block">
<h4 class="caption">'.$caption.'</h4>
'.$text.'
</div>
</div>
';
break;
';
break;
case 'box':
echo '
<div class="block">
<div class="block-text">
'.$text.'
</div>
</div>
';
break;
default:
echo '
<div class="block">
<h1 class="caption">'.$caption.'</h1>
<div class="block-text">
'.$text.'
</div>
</div>
';
break;
}
}
@@ -112,7 +129,8 @@ $HEADER['default'] = '
<div class="col-main">
<div class="inner-wrapper">
{SETSTYLE=content}
{FEATUREBOX|blank_default=notablestyle}
{FEATUREBOX|default=notablestyle}
{FEATUREBOX|dynamic=notablestyle}
';
$FOOTER['default'] = '
</div>