diff --git a/e107_core/shortcodes/batch/navigation_shortcodes.php b/e107_core/shortcodes/batch/navigation_shortcodes.php index ca1ab806b..c31cb8b41 100644 --- a/e107_core/shortcodes/batch/navigation_shortcodes.php +++ b/e107_core/shortcodes/batch/navigation_shortcodes.php @@ -108,7 +108,6 @@ require_once(__DIR__.'/navigation_shortcodes_legacy.php'); */ function sc_nav_link_parent($parm = null) { - return (int) $this->var['link_parent']; } diff --git a/e107_core/templates/bootstrap4/navigation_template.php b/e107_core/templates/bootstrap4/navigation_template.php new file mode 100644 index 000000000..ed2d24111 --- /dev/null +++ b/e107_core/templates/bootstrap4/navigation_template.php @@ -0,0 +1,213 @@ +"; + +// Main Link +$NAVIGATION_TEMPLATE['main']['item'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}
    • "; + +// Main Link - active state +$NAVIGATION_TEMPLATE['main']['item_active'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}
    • "; + +$NAVIGATION_TEMPLATE['main']['end'] = ''; + +// Main Link which has a sub menu. +$NAVIGATION_TEMPLATE['main']['item_submenu'] = " +
  • + + {NAV_LINK_SUB} +
    • + "; + +// Main Link which has a sub menu - active state. +$NAVIGATION_TEMPLATE['main']['item_submenu_active'] = ' +
  • + + {NAV_LINK_ICON}{NAV_LINK_NAME} + + {NAV_LINK_SUB} +
    • +'; + +// Sub menu BUG: aria-labelledby= - it should be the same as navbarDropdownMenuLink-{NAV_LINK_ID} from submenu parent but LINK_PARENT returns 0 +$NAVIGATION_TEMPLATE['main']['submenu_start'] = '
    '; +$NAVIGATION_TEMPLATE['main']['submenu_item'] = '{NAV_LINK_ICON}{NAV_LINK_NAME}'; +$NAVIGATION_TEMPLATE['main']['submenu_item_active'] = '{NAV_LINK_ICON}{NAV_LINK_NAME} '; +$NAVIGATION_TEMPLATE['main']['submenu_end'] = '
    '; + +// 3rd Sub menu +$NAVIGATION_TEMPLATE['main']['submenu_lowerstart'] = ''; +$NAVIGATION_TEMPLATE['main']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['main']['submenu_item']; +$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 +*/ + +$NAVIGATION_TEMPLATE['main_alt'] = $NAVIGATION_TEMPLATE['main']; + +$NAVIGATION_TEMPLATE['main-alt']['start'] = "
    "; +$NAVIGATION_TEMPLATE['main-alt']['item'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['main-alt']['item_active'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['main-alt']['end'] = '
    '; + +/* + 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'] = "'; + +// 2rd Sub menu +$NAVIGATION_TEMPLATE['side']['item_submenu'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}{NAV_LINK_SUB}
    • "; +$NAVIGATION_TEMPLATE['side']['item_submenu_active'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}{NAV_LINK_SUB}
    • "; +$NAVIGATION_TEMPLATE['side']['submenu_start'] = ""; +$NAVIGATION_TEMPLATE['side']['submenu_item'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}
    • "; +$NAVIGATION_TEMPLATE['side']['submenu_item_active'] = "
  • {NAV_LINK_ICON}{NAV_LINK_NAME}
    • "; +// 3rd Sub menu +$NAVIGATION_TEMPLATE['side']['submenu_lowerstart'] = ""; +$NAVIGATION_TEMPLATE['side']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['side']['submenu_item']; +$NAVIGATION_TEMPLATE['side']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['side']['submenu_item_active']; +$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 +*/ + +$NAVIGATION_TEMPLATE['side-alt'] = $NAVIGATION_TEMPLATE['side']; + +$NAVIGATION_TEMPLATE['side-alt']['start'] = "
    "; +$NAVIGATION_TEMPLATE['side-alt']['item'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; + +$NAVIGATION_TEMPLATE['side-alt']['item_active'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['side-alt']['end'] = '
    '; + +$NAVIGATION_TEMPLATE['side-alt']['item_submenu'] = " {NAV_LINK_ICON}{NAV_LINK_NAME}{NAV_LINK_SUB}"; +$NAVIGATION_TEMPLATE['side-alt']['submenu_item'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['side-alt']['submenu_item_active'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; + +/* + 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'] = "'; + +// 2rd Sub menu data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown +$NAVIGATION_TEMPLATE['footer']['item_submenu'] = " +
  • + + {NAV_LINK_SUB} +
    • "; +$NAVIGATION_TEMPLATE['footer']['item_submenu_active'] = " +
  • + + {NAV_LINK_SUB} +
    • "; +$NAVIGATION_TEMPLATE['footer']['submenu_start'] = "
    "; +$NAVIGATION_TEMPLATE['footer']['submenu_item'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['footer']['submenu_item_active'] = "{NAV_LINK_ICON}{NAV_LINK_NAME}"; +$NAVIGATION_TEMPLATE['footer']['submenu_end'] = "
    "; + +// 3rd Sub menu +$NAVIGATION_TEMPLATE['footer']['submenu_lowerstart'] = ""; +$NAVIGATION_TEMPLATE['footer']['submenu_loweritem'] = $NAVIGATION_TEMPLATE['footer']['submenu_item']; +$NAVIGATION_TEMPLATE['footer']['submenu_loweritem_active'] = $NAVIGATION_TEMPLATE['footer']['submenu_item_active']; +$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 +*/ + +$NAVIGATION_TEMPLATE['footer-alt'] = $NAVIGATION_TEMPLATE['footer']; + +$NAVIGATION_TEMPLATE["footer-alt"]["start"] = ""; + + +/* + 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 +*/ + +$NAVIGATION_TEMPLATE['alt'] = $NAVIGATION_TEMPLATE['footer']; + +$NAVIGATION_TEMPLATE['alt']['start'] = "'; + + +/* + 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 +*/ + +$NAVIGATION_TEMPLATE['alt5'] = $NAVIGATION_TEMPLATE['footer']; + +$NAVIGATION_TEMPLATE["alt5"]["start"] = ""; + +$NAVIGATION_TEMPLATE['alt6'] = $NAVIGATION_TEMPLATE['alt5']; + + + + \ No newline at end of file