1
0
mirror of https://github.com/e107inc/e107.git synced 2025-08-18 20:31:41 +02:00

added info titles for menu, added alt6 markup,

simplified items.
This commit is contained in:
Jimako
2020-12-30 11:02:37 +01:00
committed by GitHub
parent a4e380d6a1
commit 14a7198555

View File

@@ -13,8 +13,9 @@
- side-alt....vertical with list-group and div/a version, div.list-group + a.list-group-item.list-group-item-action
- footer......horizontal with dropdown and ul/li/a version, ul.nav + li.nav-item + a.nav-link.
- footer-alt..horizontal with dropdown and nav/a version, nav.nav + a.nav-link
- alt.........vertical with flex-column and nav/li/a version, nav.nav.flex-column + li.nav-item + a.nav-link
- alt5........horizontal with dropdown and nav/a version, nav.nav + a.nav-item.nav-link
- alt.........vertical with flex-column and ul/li/a version, ul.nav.flex-column + li.nav-item + a.nav-link
- alt5........vertical with flex-column and nav/a version, nav.nav.flex-column + a.nav-link
- alt6........ul/li/a list
*/
// TEMPLATE FOR {NAVIGATION=main}
@@ -60,7 +61,6 @@ $NAVIGATION_TEMPLATE['main']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['main']
$NAVIGATION_TEMPLATE['main']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['main']['submenu_item_active'];
$NAVIGATION_TEMPLATE['main']['submenu_lowerend'] = '';
/*
ALTERNATIVE MARKUP for main navigation:
{NAVIGATION: layout=main-alt&type=any}
@@ -148,6 +148,7 @@ $NAVIGATION_TEMPLATE['footer']['item_submenu_active'] = "
</a>
{NAV_LINK_SUB}
</li>";
$NAVIGATION_TEMPLATE['footer']['submenu_start'] = "<div class='dropdown-menu'>";
$NAVIGATION_TEMPLATE['footer']['submenu_item'] = "<a class='dropdown-item' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
$NAVIGATION_TEMPLATE['footer']['submenu_item_active'] = "<a class='dropdown-item active' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
@@ -162,7 +163,7 @@ $NAVIGATION_TEMPLATE['footer']['submenu_lowerend'] = "";
/*
ALTERNATIVE HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer-alt&type=any}
nav/a - only 1-level
nav/a -
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/
@@ -173,41 +174,59 @@ $NAVIGATION_TEMPLATE["footer-alt"]["item"] = "<a class='nav-link' href='{NAV_
$NAVIGATION_TEMPLATE["footer-alt"]["item_active"] = "<a class='nav-link active' href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
$NAVIGATION_TEMPLATE["footer-alt"]["end"] = "</nav>";
/*
DEFAULT VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt&type=any}
nav/li/a version with nav-link and flex-column - only 1-level
ul/li/a version with nav-link and flex-column
see https://getbootstrap.com/docs/4.1/components/navs/#vertical
*/
$NAVIGATION_TEMPLATE['alt'] = $NAVIGATION_TEMPLATE['footer'];
$NAVIGATION_TEMPLATE['alt']['start'] = "<nav class='nav flex-column {NAV_CLASS}'>";
$NAVIGATION_TEMPLATE['alt']['item'] = "<li class='nav-item'>
<a class='nav-link' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt']['item_active'] = "<li class='nav-item active' {NAV_LINK_OPEN}>
<a class='nav-link' href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt']['end'] = '</nav>';
$NAVIGATION_TEMPLATE['alt']['start'] = "<ul class='nav flex-column {NAV_CLASS}'>";
/*
HORIZONTAL NAV WITH DROPDOWN TEMPLATE FOR:
ALTERNATIVE VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt5&type=any}
{NAVIGATION=alt5}
ul/li/a version with nav-link - 2-levels
see https://getbootstrap.com/docs/4.1/components/navs/#pills-with-dropdowns
nav/a version with nav-link and flex-column
see https://getbootstrap.com/docs/4.1/components/navs/#vertical
*/
$NAVIGATION_TEMPLATE['alt5'] = $NAVIGATION_TEMPLATE['footer'];
$NAVIGATION_TEMPLATE['alt5'] = $NAVIGATION_TEMPLATE['footer-alt'];
$NAVIGATION_TEMPLATE['alt5']['start'] = "<nav class='nav flex-column {NAV_CLASS}'>";
$NAVIGATION_TEMPLATE["alt5"]["start"] = "<nav class='nav {NAV_CLASS}'>";
$NAVIGATION_TEMPLATE["alt5"]["item"] = "<a class='nav-item nav-link' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
$NAVIGATION_TEMPLATE["alt5"]["item_active"] = "<a class='nav-item nav-link active' href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
$NAVIGATION_TEMPLATE["alt5"]["end"] = "</nav>";
$NAVIGATION_TEMPLATE['alt6'] = $NAVIGATION_TEMPLATE['alt5'];
/*
CLEAN TEMPLATE FOR:
{NAVIGATION: layout=alt6&type=any}
ul/li/a version without bootstrap classes
*/
$NAVIGATION_TEMPLATE['alt6']['start'] = "<ul class='{NAV_CLASS}'>";
$NAVIGATION_TEMPLATE['alt6']['item'] = "<li>
<a href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt6']['item_active'] = "<li {NAV_LINK_OPEN}>
<a class='active' href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt6']['end'] = '</ul>';
$NAVIGATION_TEMPLATE['alt6']['item_submenu'] = "<li><a href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a> {NAV_LINK_SUB}</li>";
$NAVIGATION_TEMPLATE['alt6']['item_submenu_active'] = "
<li><a role='button' href='{NAV_LINK_URL}' title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME</a>{NAV_LINK_SUB}</li>";
$NAVIGATION_TEMPLATE['alt6']['submenu_start'] = "<ul>";
$NAVIGATION_TEMPLATE['alt6']['submenu_item'] = "<li><a href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt6']['submenu_item_active'] = "<li><a class='active' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
$NAVIGATION_TEMPLATE['alt6']['submenu_end'] = "</ul>";
// 3rd Sub menu
$NAVIGATION_TEMPLATE['alt6']['submenu_lowerstart'] = "";
$NAVIGATION_TEMPLATE['alt6']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['footer']['submenu_item'];
$NAVIGATION_TEMPLATE['alt6']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['footer']['submenu_item_active'];
$NAVIGATION_TEMPLATE['alt6']['submenu_lowerend'] = "";
$NAVIGATION_INFO['main']['title'] = 'Main - Top Default';
$NAVIGATION_INFO['main-alt']['title'] = 'Main - Top Alternative';
$NAVIGATION_INFO['side']['title'] = 'Side - List group';
$NAVIGATION_INFO['side-alt']['title'] = 'Side - List group Alternative';
$NAVIGATION_INFO['footer']['title'] = 'Footer - Horizontal Default';
$NAVIGATION_INFO['footer-alt']['title'] = 'Footer - Horizontal Alternative';
$NAVIGATION_INFO['alt']['title'] = 'Alt - Vertical Default';
$NAVIGATION_INFO['alt5']['title'] = 'Alt5 - Vertical Alternative';
$NAVIGATION_INFO['alt6']['title'] = 'Alt6 - Not styled list';