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

@@ -1,10 +1,10 @@
<?php
/*
* 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 $
*
* Navigation Template
*/
* 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 $
*
* Navigation Template
*/
/* it should be templated this way:
- 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
- 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}
$NAVIGATION_TEMPLATE['main']['start'] = "<ul class='navbar-nav {NAV_CLASS}' >";
$NAVIGATION_TEMPLATE['main']['start'] = "<ul class='navbar-nav {NAV_CLASS}'>";
// 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>";
@@ -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_lowerend'] = '';
/*
ALTERNATIVE MARKUP for main navigation:
{NAVIGATION: layout=main-alt&type=any}
div/a version with dropdown, 2 levels
see https://getbootstrap.com/docs/4.5/components/navbar/#nav
*/
ALTERNATIVE MARKUP for main navigation:
{NAVIGATION: layout=main-alt&type=any}
div/a version with dropdown, 2 levels
see https://getbootstrap.com/docs/4.5/components/navbar/#nav
*/
$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>';
/*
DEFAULT LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side&type=any}
{NAVIGATION=side};
ul/liv version with list-group, 2 levels
see https://getbootstrap.com/docs/4.1/components/list-group/#basic-example
*/
DEFAULT LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side&type=any}
{NAVIGATION=side};
ul/liv version with list-group, 2 levels
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']['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'] = "";
/*
ALTERNATIVE LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side-alt&type=any}
div/a version with list-group, 2 levels
see https://getbootstrap.com/docs/4.1/components/list-group/#links-and-buttons
*/
ALTERNATIVE LIST-GROUP SIDE TEMPLATE FOR:
{NAVIGATION: layout=side-alt&type=any}
div/a version with list-group, 2 levels
see https://getbootstrap.com/docs/4.1/components/list-group/#links-and-buttons
*/
$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>";
/*
DEFAULT HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer&type=any}
{NAVIGATION=footer};
ul/li/a version - only 1-level
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/
DEFAULT HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer&type=any}
{NAVIGATION=footer};
ul/li/a version - only 1-level
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/
$NAVIGATION_TEMPLATE['footer']['start'] = "<ul class='nav {NAV_CLASS}'>";
$NAVIGATION_TEMPLATE['footer']['item'] = "<li class='nav-item'>
@@ -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>";
@@ -160,11 +161,11 @@ $NAVIGATION_TEMPLATE['footer']['submenu_loweritem_active'] = $NAVIGATION_TEMPLA
$NAVIGATION_TEMPLATE['footer']['submenu_lowerend'] = "";
/*
ALTERNATIVE HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer-alt&type=any}
nav/a - only 1-level
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/
ALTERNATIVE HORIZONTAL FOOTER TEMPLATE FOR:
{NAVIGATION: layout=footer-alt&type=any}
nav/a -
see https://getbootstrap.com/docs/4.1/components/navs/#base-nav
*/
$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"]["end"] = "</nav>";
/*
DEFAULT VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt&type=any}
nav/li/a version with nav-link and flex-column - only 1-level
see https://getbootstrap.com/docs/4.1/components/navs/#vertical
*/
DEFAULT VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt&type=any}
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:
{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
*/
ALTERNATIVE VERTICAL TEMPLATE FOR:
{NAVIGATION: layout=alt5&type=any}
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';