mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-24 07:03:06 +02:00
Code Issues Releases Wiki Activity

added info titles for menu, added alt6 markup,

Browse Source 
simplified items.
This commit is contained in:
Jimako
2020-12-30 11:02:37 +01:00
committed by GitHub
parent a4e380d6a1
commit 14a7198555
1 changed files with 154 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
e107_core/templates/bootstrap4/navigation_template.php
View File

@@ -1,10 +1,10 @@
<?php <?php
/* /*
* Copyright (c) 2012 e107 Inc e107.org, Licensed under GNU GPL (http://www.gnu.org/licenses/gpl.txt) * Copyright (c) 2012 e107 Inc e107.org, Licensed under GNU GPL (http://www.gnu.org/licenses/gpl.txt)
* $Id: e_shortcode.php 12438 2011-12-05 15:12:56Z secretr $ * $Id: e_shortcode.php 12438 2011-12-05 15:12:56Z secretr $
* *
* Navigation Template * Navigation Template
*/ */
/* it should be templated this way: /* it should be templated this way:
- main........horizontal with dropdown and ul/li/a version, ul.navbar-nav + li.nav-item + a.nav-link - main........horizontal with dropdown and ul/li/a version, ul.navbar-nav + li.nav-item + a.nav-link
@@ -13,12 +13,13 @@
- side-alt....vertical with list-group and div/a version, div.list-group + a.list-group-item.list-group-item-action - 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......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 - 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 - alt.........vertical with flex-column and ul/li/a version, ul.nav.flex-column + li.nav-item + a.nav-link
- alt5........horizontal with dropdown and nav/a version, nav.nav + a.nav-item.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} // TEMPLATE FOR {NAVIGATION=main}
$NAVIGATION_TEMPLATE['main']['start'] = "<ul class='navbar-nav {NAV_CLASS}' >"; $NAVIGATION_TEMPLATE['main']['start'] = "<ul class='navbar-nav {NAV_CLASS}'>";
// Main Link // Main Link
$NAVIGATION_TEMPLATE['main']['item'] = "<li class='nav-item'><a class='nav-link' role='button' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>"; $NAVIGATION_TEMPLATE['main']['item'] = "<li class='nav-item'><a class='nav-link' role='button' href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
@@ -60,13 +61,12 @@ $NAVIGATION_TEMPLATE['main']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['main']
$NAVIGATION_TEMPLATE['main']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['main']['submenu_item_active']; $NAVIGATION_TEMPLATE['main']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['main']['submenu_item_active'];
$NAVIGATION_TEMPLATE['main']['submenu_lowerend'] = ''; $NAVIGATION_TEMPLATE['main']['submenu_lowerend'] = '';
/* /*
ALTERNATIVE MARKUP for main navigation: ALTERNATIVE MARKUP for main navigation:
{NAVIGATION: layout=main-alt&type=any} {NAVIGATION: layout=main-alt&type=any}
div/a version with dropdown, 2 levels div/a version with dropdown, 2 levels
see https://getbootstrap.com/docs/4.5/components/navbar/#nav see https://getbootstrap.com/docs/4.5/components/navbar/#nav
*/ */
$NAVIGATION_TEMPLATE['main_alt'] = $NAVIGATION_TEMPLATE['main']; $NAVIGATION_TEMPLATE['main_alt'] = $NAVIGATION_TEMPLATE['main'];
@@ -76,12 +76,12 @@ $NAVIGATION_TEMPLATE['main-alt']['item_active'] = "<a class='nav-link active' hr
$NAVIGATION_TEMPLATE['main-alt']['end'] = '</div>'; $NAVIGATION_TEMPLATE['main-alt']['end'] = '</div>';
/* /*
DEFAULT LIST-GROUP SIDE TEMPLATE FOR: DEFAULT LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side&type=any} {NAVIGATION: layout=side&type=any}
{NAVIGATION=side}; {NAVIGATION=side};
ul/liv version with list-group, 2 levels ul/liv version with list-group, 2 levels
see https://getbootstrap.com/docs/4.1/components/list-group/#basic-example see https://getbootstrap.com/docs/4.1/components/list-group/#basic-example
*/ */
$NAVIGATION_TEMPLATE['side']['start'] = "<ul class='list-group {NAV_CLASS}' >"; $NAVIGATION_TEMPLATE['side']['start'] = "<ul class='list-group {NAV_CLASS}' >";
$NAVIGATION_TEMPLATE['side']['item'] = "<li class='list-group-item'><a href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>"; $NAVIGATION_TEMPLATE['side']['item'] = "<li class='list-group-item'><a href='{NAV_LINK_URL}' {NAV_LINK_OPEN} title='{NAV_LINK_DESCRIPTION}'>{NAV_LINK_ICON}{NAV_LINK_NAME}</a></li>";
@@ -101,11 +101,11 @@ $NAVIGATION_TEMPLATE['side']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE[
$NAVIGATION_TEMPLATE['side']['submenu_lowerend'] = ""; $NAVIGATION_TEMPLATE['side']['submenu_lowerend'] = "";
/* /*
ALTERNATIVE LIST-GROUP SIDE TEMPLATE FOR: ALTERNATIVE LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side-alt&type=any} {NAVIGATION: layout=side-alt&type=any}
div/a version with list-group, 2 levels div/a version with list-group, 2 levels
see https://getbootstrap.com/docs/4.1/components/list-group/#links-and-buttons see https://getbootstrap.com/docs/4.1/components/list-group/#links-and-buttons
*/ */
$NAVIGATION_TEMPLATE['side-alt'] = $NAVIGATION_TEMPLATE['side']; $NAVIGATION_TEMPLATE['side-alt'] = $NAVIGATION_TEMPLATE['side'];
@@ -120,12 +120,12 @@ $NAVIGATION_TEMPLATE['side-alt']['submenu_item'] = "<a class='list-group-item l
$NAVIGATION_TEMPLATE['side-alt']['submenu_item_active'] = "<a class='list-group-item list-group-item-action active' href='{NAV_LINK_URL}' {NAV_LINK_OPEN}>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>"; $NAVIGATION_TEMPLATE['side-alt']['submenu_item_active'] = "<a class='list-group-item list-group-item-action active' href='{NAV_LINK_URL}' {NAV_LINK_OPEN}>{NAV_LINK_ICON}{NAV_LINK_NAME}</a>";
/* /*
DEFAULT HORIZONTAL FOOTER TEMPLATE FOR: DEFAULT HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer&type=any} {NAVIGATION: layout=footer&type=any}
{NAVIGATION=footer}; {NAVIGATION=footer};
ul/li/a version - only 1-level ul/li/a version - only 1-level
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/ */
$NAVIGATION_TEMPLATE['footer']['start'] = "<ul class='nav {NAV_CLASS}'>"; $NAVIGATION_TEMPLATE['footer']['start'] = "<ul class='nav {NAV_CLASS}'>";
$NAVIGATION_TEMPLATE['footer']['item'] = "<li class='nav-item'> $NAVIGATION_TEMPLATE['footer']['item'] = "<li class='nav-item'>
@@ -148,6 +148,7 @@ $NAVIGATION_TEMPLATE['footer']['item_submenu_active'] = "
</a> </a>
{NAV_LINK_SUB} {NAV_LINK_SUB}
</li>"; </li>";
$NAVIGATION_TEMPLATE['footer']['submenu_start'] = "<div class='dropdown-menu'>"; $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'] = "<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>"; $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>";
@@ -160,11 +161,11 @@ $NAVIGATION_TEMPLATE['footer']['submenu_loweritem_active'] = $NAVIGATION_TEMPLA
$NAVIGATION_TEMPLATE['footer']['submenu_lowerend'] = ""; $NAVIGATION_TEMPLATE['footer']['submenu_lowerend'] = "";
/* /*
ALTERNATIVE HORIZONTAL FOOTER TEMPLATE FOR: ALTERNATIVE HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer-alt&type=any} {NAVIGATION: layout=footer-alt&type=any}
nav/a - only 1-level nav/a -
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/ */
$NAVIGATION_TEMPLATE['footer-alt'] = $NAVIGATION_TEMPLATE['footer']; $NAVIGATION_TEMPLATE['footer-alt'] = $NAVIGATION_TEMPLATE['footer'];
@@ -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"]["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>"; $NAVIGATION_TEMPLATE["footer-alt"]["end"] = "</nav>";
/* /*
DEFAULT VERTICAL TEMPLATE FOR: DEFAULT VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt&type=any} {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 see https://getbootstrap.com/docs/4.1/components/navs/#vertical
*/ */
$NAVIGATION_TEMPLATE['alt'] = $NAVIGATION_TEMPLATE['footer']; $NAVIGATION_TEMPLATE['alt'] = $NAVIGATION_TEMPLATE['footer'];
$NAVIGATION_TEMPLATE['alt']['start'] = "<ul class='nav flex-column {NAV_CLASS}'>";
$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>';
/* /*
HORIZONTAL NAV WITH DROPDOWN TEMPLATE FOR: ALTERNATIVE VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt5&type=any} {NAVIGATION: layout=alt5&type=any}
{NAVIGATION=alt5} nav/a version with nav-link and flex-column
ul/li/a version with nav-link - 2-levels see https://getbootstrap.com/docs/4.1/components/navs/#vertical
see https://getbootstrap.com/docs/4.1/components/navs/#pills-with-dropdowns */
*/
$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>"; CLEAN TEMPLATE FOR:
$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: layout=alt6&type=any}
$NAVIGATION_TEMPLATE["alt5"]["end"] = "</nav>"; ul/li/a version without bootstrap classes
*/
$NAVIGATION_TEMPLATE['alt6'] = $NAVIGATION_TEMPLATE['alt5'];
$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';