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:
@@ -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;}
|
||||
|
@@ -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");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
@@ -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 }
|
||||
|
||||
|
||||
|
@@ -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">«</a> ';
|
||||
$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'] = ' <a href="#" class="featurebox-nav-next">»</a></div>';
|
||||
$FEATUREBOX_CATEGORY_TEMPLATE['dynamic']['nav_separator'] = ' ';
|
||||
|
||||
// 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'),
|
||||
);
|
||||
?>
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user