Root Zanli
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
o5t6x7pgljbm
/
public_html
/
admin
/
public
/
src
/
template-builder
/
includes
/
Filename :
mixins.pug
back
Copy
mixin breadcrumbs(items) ol.breadcrumbs.mb-0 each obj, i in items if (i === items.length - 1) li.breadcrumb-item.active if (obj.url) a(href=obj.url)= obj.name else = obj.name else li.breadcrumb-item if (obj.url) a(href=obj.url)= obj.name else a(href='#')= obj.name mixin verticalMenu(items) //- Main navigation ul ul#slide-out.sidenav.sidenav-collapsible.leftside-navigation.collapsible(class=menuType, class=(menuNativeScroll == true ? 'menu-native-scroll' : ''), class=(menuIconRight == true ? 'menu-icon-right' : ''), class=(menuDevider == true ? 'menu-bordered' : ''), class=(menuShadow == true ? 'menu-shadow' : ''), class=(menuBorder == true ? 'menu-border' : ''), data-menu="menu-navigation", data-collapsible=menuOpenType) //- Loop through each menu item each menu, i in items //- check if classlist exist for list item - var classlist = (menu.classlist !== undefined) ? menu.classlist : '' - var translation = (menu.i18n !== undefined) ? menu.i18n : '' //- If menu item is navigation header if (menu.navheader) li(class=classlist +"navigation-header") if (translation != '') span(data-i18n=translation)= menu.navheader else a.navigation-header-text= menu.navheader i.navigation-header-icon.material-icons more_horiz else if (activeParentMenu == menu.slug) - var parentMenuActive = 'active ' else - var parentMenuActive = '' li(class=parentMenuActive + "bold") a(href=menu.url, class=menu.class+' '+ (menu.submenu ? '' : parentMenuActive), target = menu.newTab ? '_blank' : null) i(class="material-icons")=menu.icon if (trasnlation != '') span(class="menu-title" data-i18n=translation)= menu.name if (menu.tag) if (menu.tagcustom) span(class="badge" class=menu.tagcustom)= menu.tag else span.menu-title= menu.name if (menu.tag) if (menu.tagcustom) span(class="badge" class=menu.tagcustom)= menu.tag if (menu.menuSubtitle) span.tag.menu-sub-title= menu.menuSubtitle //- 1st Level submenu HTML if (menu.submenu) div.collapsible-body //- ul.collapsible(data-collapsible='accordion') ul.collapsible.collapsible-sub(data-collapsible='accordion') +verticalSubMenu(menu.submenu) mixin verticalSubMenu(items,i) each submenu, j in items //- check if classlist exist for list item - var classlist1 = (submenu.classlist !== undefined) ? submenu.classlist : '' - var translation1 = (submenu.i18n !== undefined) ? submenu.i18n : '' if (submenu.divider) li(class="navigation-divider") else if (activeMenu == submenu.slug) - var submenuActive1 = true else - var submenuActive1 = false li(class=submenuActive1 ? 'active' : '' + classlist1) if (translation1 != '') a(href=submenu.url, class=submenu.class, class=submenuActive1 ? 'active' : '' + classlist1, target = submenu.newTab ? '_blank' : null) i.material-icons radio_button_unchecked span(data-i18n=translation1)= submenu.name else a(href=submenu.url, class=submenu.class, class=submenuActive1 ? 'active' : '' + classlist1, target = submenu.newTab ? '_blank' : null) i.material-icons radio_button_unchecked span(data-i18n=translation1)= submenu.name if (submenu.menuSubtitle) span.tag.menu-sub-title= submenu.menuSubtitle if (submenu.submenu) div.collapsible-body ul.collapsible(data-collapsible='accordion') +verticalSubMenu(submenu.submenu,2) mixin horizontalMenu(items) //- Main navigation ul ul(id="ul-horizontal-nav" class="left hide-on-med-and-down" data-menu="menu-navigation") //- Loop through each menu item each menu, i in items //- check if classlist exist for list item - var classlist = (menu.classlist !== undefined) ? menu.classlist : '' - var translation = (menu.i18n !== undefined) ? menu.i18n : '' if (activeMenu == menu.slug) - var menuActive = true else - var menuActive = false //- if (menu.megamenu) //- li(class="dropdown mega-dropdown nav-item" class=classlist class=menuActive ? 'active' : '' data-menu="megamenu") //- a(href=menu.url data-toggle='dropdown' class="dropdown-toggle nav-link") //- i(class="material-icons")=menu.icon //- if (translation != '') //- span(data-i18n=translation)= menu.name //- else //- span= menu.name //- if (menu.tag) //- if (menu.tagcustom) //- span(class="badge" class=menu.tagcustom)= menu.tag //- if (menu.menuSubtitle) //- span.tag.menu-sub-title= menu.menuSubtitle //- if (menu.megaMenuCols) //- +megaMenuColumns(menu.megaMenuCols) if (menu.dropdown) //- If dropdown menu li(class="" class=classlist class=menuActive ? 'active' : '') a(href=menu.url data-target=menu.activate class="dropdown-menu", target = menu.newTab ? '_blank' : null) i(class="material-icons")=menu.icon if (translation != '') span span(class="dropdown-title", data-i18n=translation)= menu.name i.material-icons.right keyboard_arrow_down else span span(class="dropdown-title", data-i18n=translation)= menu.name i.material-icons.right keyboard_arrow_down if (menu.tag) if (menu.tagcustom) span(class="badge" class=menu.tagcustom)= menu.tag if (menu.menuSubtitle) span.tag.menu-sub-title= menu.menuSubtitle //- 1st Level submenu HTML if (menu.submenu) +dropdownMenuSubItems(menu.submenu, menu.activate) else li(class="" class=classlist class=menuActive ? 'active' : '') a(href=menu.url, target = menu.newTab ? '_blank' : null) i(class="material-icons")=menu.icon if (translation != '') span(data-i18n=translation)= menu.name else span= menu.name if (menu.tag) if (menu.tagcustom) span(class="badge" class=menu.tagcustom)= menu.tag if (menu.menuSubtitle) span.tag.menu-sub-title= menu.menuSubtitle //- mixin megaMenuColumns(items) //- ul.mega-dropdown-menu.dropdown-menu.row //- each megaMenuCol, j in items //- li(class=megaMenuCol.colClass data-mega-col=megaMenuCol.colClass ) //- if (megaMenuCol.colTitle) //- h6(class="dropdown-menu-header text-uppercase" data-toggle='dropdown') //- i(class=megaMenuCol.icon) //- = megaMenuCol.colTitle //- if (megaMenuCol.megaMenu) //- ul.drilldown-menu //- li.menu-list //- +megaMenuSubItems(megaMenuCol.megaMenu) //- mixin megaMenuSubItems(items) //- ul.mega-menu-sub //- each megaMenu, j in items //- //- check if classlist exist for list item //- - var classlist = (megaMenu.classlist !== undefined) ? megaMenu.classlist : '' //- if (megaMenu.divider) //- li(class="dropdown-divider") //- else //- if (activeMenu == megaMenu.slug) //- - var menuActive = true //- else //- - var menuActive = false //- li(class=classlist class=menuActive ? 'active' : '') //- a(href=megaMenu.url class="dropdown-item") //- i(class=megaMenu.icon) //- = megaMenu.name //- if (megaMenu.submenu) //- +megaMenuSubItems(megaMenu.submenu) mixin dropdownMenuSubItems(items, activate) ul(id = activate, class="dropdown-content dropdown-horizontal-list") each submenu, j in items //- check if classlist exist for list item - var classlist1 = (submenu.classlist !== undefined) ? submenu.classlist : '' - var translation = (submenu.i18n !== undefined) ? submenu.i18n : '' if (submenu.divider) li(class="dropdown-divider") else if (submenu.navheader) //- If menu item is navigation header li(class=classlist1 + "navigation-header") span= submenu.navheader else if (activeMenu == submenu.slug) - var submenuActive = true else - var submenuActive = false li(class=submenuActive ? 'active' : '' class=classlist1 class=submenu.submenu ? 'dropdown dropdown-submenu' : '' data-menu=submenu.submenu ? 'dropdown-submenu' : '') a(href=submenu.url , data-target = submenu.activate, class=submenu.activate ? "dropdownSub-menu" : null, target= submenu.newTab ? '_blank' : null) if (submenu.name) span(data-i18n=translation) #{submenu.name} if (submenu.icon) i(class="material-icons right")=submenu.icon if (submenu.menuSubtitle) span.tag.menu-sub-title= submenu.menuSubtitle if (submenu.submenu) +dropdownMenuSubItems(submenu.submenu, submenu.activate) //- Layout Blocks //- Main Content Wrapper //- mixin mainContentWrap //- .app-content(class= (centerLayout == true ? 'container center-layout mt-2' : 'content')) //- block //- Content Wrapper //- mixin contentWrapper //- .content-wrapper //- .content-wrapper-before //- .content-header.row //- block page-header //- block //- Layout Blocks //- Main Content Wrapper mixin mainContentWrap // BEGIN: Page Main #main block // END: Page Main //- Content Wrapper mixin contentWrapper block page-header block //- Menu mixin menuBlock = '\n' //- START MENU = '\n' block main-menu = '\n' //- END MENU block //- Content mixin contentBlock() .container block content .content-overlay //- Fix block positions mixin blockPositions(isContentMenu, contentLayout, sidebarPosition, sidebarSticky, sidebarFixed) if (isContentMenu == false && contentLayout != '1-column') +menuBlock if (contentLayout == '1-column') .row +contentWrapper .col.s12 +contentBlock if (contentLayout == '2-columns') +mainContentWrap .row +contentWrapper .col.s12 if (isContentMenu == true) +menuBlock +contentBlock if (contentLayout == 'content-left-sidebar') +mainContentWrap .row div.sidebar-left.col.hide-on-small.m4.xl3.p-0(class= (sidebarSticky == true ? 'sidebar-sticky' : ''), class= (sidebarFixed == true ? 'sidebar-fixed' : '')) .sidebar block sidebar div.content-right.col.s12.m8.xl9.p-0 +contentWrapper if (isContentMenu == true) +menuBlock +contentBlock if (contentLayout == 'content-right-sidebar') +mainContentWrap .row div.content-left.col.s12.m8.xl9.p-0 +contentWrapper if (isContentMenu == true) +menuBlock +contentBlock div.sidebar-right.col.hide-on-small.m4.xl3.p-0(class= (sidebarSticky == true ? 'sidebar-sticky' : ''), class= (sidebarFixed == true ? 'sidebar-fixed' : '')) block sidebar if (contentLayout == 'content-detached-left-sidebar') +mainContentWrap +contentWrapper .row if (isContentMenu == true) +menuBlock div.content-detached.content-right.col.s12.m8.xl9 .content-body block content div.sidebar-detached.sidebar-left.col.hide-on-small.m4.xl3.p-0(class= (sidebarSticky == true) ? 'sidebar-sticky' : '', class= (sidebarFixed == true) ? 'sidebar-fixed' : '') block sidebar if (contentLayout == 'content-detached-right-sidebar') +mainContentWrap +contentWrapper .row if (isContentMenu == true) +menuBlock div.content-detached.content-left.col.s12.m8.xl9 .content-body block content div.sidebar-detached.sidebar-right.col.hide-on-small.m4.xl3.p-0(class= (sidebarSticky == true) ? 'sidebar-sticky' : '', class= (sidebarFixed == true) ? 'sidebar-fixed' : '') block sidebar //- Page Layouts mixin pageLayouts(contentLayout, sidebarSticky, sidebarFixed, isContentMenu) if ( contentLayout == 'content-left-sidebar' ) +blockPositions(isContentMenu, contentLayout, 'left', sidebarSticky, sidebarFixed) else if ( contentLayout == 'content-right-sidebar' ) +blockPositions(isContentMenu, contentLayout, 'right', sidebarSticky, sidebarFixed) else if ( contentLayout == 'content-detached-left-sidebar' ) +blockPositions(isContentMenu, contentLayout, 'left', sidebarSticky, sidebarFixed) else if ( contentLayout == 'content-detached-right-sidebar' ) +blockPositions(isContentMenu, contentLayout, 'right', sidebarSticky, sidebarFixed) else +blockPositions(isContentMenu, contentLayout)