You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
344 lines
11 KiB
344 lines
11 KiB
|
|
$( document ).ready(function() {
|
|
$('.pcoded-navbar .pcoded-hasmenu').attr('subitem-icon', 'style1');
|
|
$( "#pcoded" ).pcodedmenu({
|
|
themelayout: 'horizontal',
|
|
horizontalMenuplacement: 'top',
|
|
horizontalBrandItem: true,
|
|
horizontalLeftNavItem: true,
|
|
horizontalRightItem: true,
|
|
horizontalSearchItem: true,
|
|
horizontalBrandItemAlign: 'left',
|
|
horizontalLeftNavItemAlign: 'left',
|
|
horizontalRightItemAlign: 'right',
|
|
horizontalsearchItemAlign: 'right',
|
|
horizontalMobileMenu: true,
|
|
MenuTrigger: 'hover',
|
|
SubMenuTrigger: 'hover',
|
|
activeMenuClass: 'active',
|
|
ThemeBackgroundPattern: 'pattern6',
|
|
HeaderBackground: 'theme6',
|
|
LHeaderBackground :'theme1',
|
|
NavbarBackground: 'themelight1',
|
|
ActiveItemBackground: 'theme4',
|
|
SubItemBackground: 'theme2',
|
|
menutype: 'st6', // Value should be st1,st2,st3
|
|
freamtype: "theme1",
|
|
ActiveItemStyle: 'style1',
|
|
ItemBorder: true,
|
|
ItemBorderStyle: 'none',
|
|
SubItemBorder: true,
|
|
DropDownIconStyle: 'style1',
|
|
FixedNavbarPosition: true,
|
|
FixedHeaderPosition: true,
|
|
horizontalNavIsCentered: false,
|
|
horizontalstickynavigation: false,
|
|
horizontalNavigationMenuIcon: true,
|
|
});
|
|
|
|
function freamtype() {
|
|
$('.theme-color > a.fream-type').on("click", function () {
|
|
var value = $(this).attr("fream-type");
|
|
$('.pcoded').attr('fream-type', value);
|
|
|
|
$('.pcoded-header').attr("header-theme", "themelight"+value);
|
|
$('.pcoded-navbar').attr("navbar-theme", "theme" + value);
|
|
$('.navbar-logo').attr("logo-theme", "theme" + value);
|
|
|
|
});
|
|
};
|
|
freamtype();
|
|
|
|
/* Left header logo Change function Start */
|
|
function handleogortheme() {
|
|
$('.theme-color > a.logo-theme').on("click", function () {
|
|
var logotheme = $(this).attr("logo-theme");
|
|
$('.navbar-logo').attr("logo-theme", logotheme);
|
|
});
|
|
};
|
|
handleogortheme();
|
|
|
|
/* Vertical Header Position change function Start*/
|
|
function handleheaderposition() {
|
|
$('#header-position').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded-header').attr("pcoded-header-position", 'fixed' );
|
|
$('.pcoded-navbar').attr("pcoded-header-position", 'fixed' );
|
|
$('.pcoded-main-container').css('margin-top', $(".pcoded-header").outerHeight());
|
|
}else {
|
|
$('.pcoded-header').attr("pcoded-header-position", 'relative' );
|
|
$('.pcoded-navbar').attr("pcoded-header-position", 'relative' );
|
|
$('.pcoded-main-container').css('margin-top', '0px');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleheaderposition ();
|
|
/* Vertical Header Position change function Close*/
|
|
|
|
function handleheadertheme() {
|
|
$('.theme-color > a.header-theme').on("click", function() {
|
|
var headertheme = $(this).attr("header-theme");
|
|
$('.pcoded-header').attr("header-theme", headertheme);
|
|
$('.navbar-logo').attr("logo-theme", headertheme);
|
|
});
|
|
};
|
|
handleheadertheme();
|
|
/* Navbar Theme Change function Start */
|
|
function handlenavbartheme() {
|
|
$('.theme-color > a.navbar-theme').on("click", function() {
|
|
var navbartheme = $(this).attr("navbar-theme");
|
|
$('.pcoded-navbar').attr("navbar-theme", navbartheme);
|
|
$('.navbar-logo').attr("navbar-theme", navbartheme);
|
|
});
|
|
};
|
|
|
|
handlenavbartheme();
|
|
/* Navbar Theme Change function Close */
|
|
|
|
/* Navbar Theme Change function Start */
|
|
function handleActiveItemTheme() {
|
|
$('.theme-color > a.active-item-theme').on("click", function() {
|
|
var AtciveItemTheme = $(this).attr("active-item-theme");
|
|
$('.pcoded-navbar').attr("active-item-theme", AtciveItemTheme);
|
|
});
|
|
};
|
|
|
|
handleActiveItemTheme();
|
|
/* Navbar Theme Change function Close */
|
|
|
|
|
|
/* Theme background pattren Change function Start */
|
|
function handlethemebgpattern() {
|
|
$('.theme-color > a.themebg-pattern').on("click", function() {
|
|
var themebgpattern = $(this).attr("themebg-pattern");
|
|
$('body').attr("themebg-pattern", themebgpattern);
|
|
});
|
|
};
|
|
|
|
handlethemebgpattern();
|
|
/* Theme background pattren Change function Close */
|
|
|
|
/* Theme Layout Change function start*/
|
|
function handlethemehorizontallayout() {
|
|
$('#theme-layout').val('wide').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
$('.pcoded').attr('horizontal-layout', get_value);
|
|
});
|
|
};
|
|
|
|
handlethemehorizontallayout ();
|
|
/* Theme Layout Change function Close*/
|
|
|
|
/*Menu Placement change function start*/
|
|
function handleMenuPlacement() {
|
|
$('#navbar-placement').val('top').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
$('.pcoded').attr('horizontal-placement', get_value);
|
|
});
|
|
};
|
|
|
|
handleMenuPlacement ();
|
|
/*Menu Placement change function Close*/
|
|
|
|
|
|
|
|
/*Item border change function Start*/
|
|
function handleIItemBorder() {
|
|
$('#item-border').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded-navbar .pcoded-item').attr('item-border', 'false');
|
|
}else {
|
|
$('.pcoded-navbar .pcoded-item').attr('item-border', 'true');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleIItemBorder ();
|
|
/*Item border change function Close*/
|
|
|
|
|
|
/*SubItem border change function Start*/
|
|
function handleSubIItemBorder() {
|
|
$('#subitem-border').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded-navbar .pcoded-item').attr('subitem-border', 'false');
|
|
}else {
|
|
$('.pcoded-navbar .pcoded-item').attr('subitem-border', 'true');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleSubIItemBorder ();
|
|
/*SubItem border change function Close*/
|
|
|
|
|
|
/*Item border Style change function Start*/
|
|
function handlBoderStyle() {
|
|
$('#vertical-border-style').val('solid').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
|
});
|
|
};
|
|
|
|
handlBoderStyle ();
|
|
/*Item border Style change function Close*/
|
|
|
|
|
|
// demo 12 st
|
|
|
|
/* Vertical Dropdown Icon change function Start*/
|
|
function handleVerticalDropDownIconStyle() {
|
|
$('#vertical-dropdown-icon').val('style1').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
$('.pcoded-navbar .pcoded-hasmenu').attr('dropdown-icon', get_value);
|
|
});
|
|
};
|
|
|
|
handleVerticalDropDownIconStyle ();
|
|
/* Vertical Dropdown Icon change function Close*/
|
|
/* Vertical SubItem Icon change function Start*/
|
|
|
|
function handleVerticalSubMenuItemIconStyle() {
|
|
$('#vertical-subitem-icon').val('style5').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
$('.pcoded-navbar .pcoded-hasmenu').attr('subitem-icon', get_value);
|
|
});
|
|
};
|
|
|
|
handleVerticalSubMenuItemIconStyle ();
|
|
/* Vertical SubItem Icon change function Close*/
|
|
|
|
// demo 12 ed
|
|
|
|
/* Horizontal Navbar Position change function Start*/
|
|
function handleNavigationPosition() {
|
|
$('#sidebar-position').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed' );
|
|
}else {
|
|
$('.pcoded-navbar').attr("pcoded-navbar-position", 'relative' );
|
|
}
|
|
});
|
|
};
|
|
|
|
handleNavigationPosition ();
|
|
|
|
/* Horizontal Navbar Position change function Close*/
|
|
/* Hide Show Menu Icon */
|
|
function handleNavigationMenuIcon() {
|
|
$('#menu-icons').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded .pcoded-navbar .pcoded-item > li > a .pcoded-micon:not(".pcoded-search-item .pcoded-micon")').hide();
|
|
}else {
|
|
$('.pcoded .pcoded-navbar .pcoded-item > li > a .pcoded-micon:not(".pcoded-search-item .pcoded-micon")').show();
|
|
}
|
|
});
|
|
};
|
|
|
|
handleNavigationMenuIcon ();
|
|
/* Hide Show Brand logo */
|
|
function handlepcodedBrandVisibility() {
|
|
$('#brand-visibility').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded .pcoded-navbar .pcoded-brand').hide();
|
|
}else {
|
|
$('.pcoded .pcoded-navbar .pcoded-brand').show();
|
|
}
|
|
});
|
|
};
|
|
|
|
handlepcodedBrandVisibility ();
|
|
function handlePcodedLeftItemVisibility() {
|
|
$('#leftitem-visibility').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-left-item').hide();
|
|
}else {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-left-item').show();
|
|
}
|
|
});
|
|
};
|
|
handlePcodedLeftItemVisibility ();
|
|
function handlePcodedRightItemVisibility() {
|
|
$('#rightitem-visibility').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-right-item').hide();
|
|
}else {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-right-item').show();
|
|
}
|
|
});
|
|
};
|
|
handlePcodedRightItemVisibility ();
|
|
function handlePcodedSearchItemVisibility() {
|
|
$('#searchitem-visibility').change(function() {
|
|
if( $(this).is(":checked")) {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-search-item').hide();
|
|
}else {
|
|
$('.pcoded .pcoded-navbar .pcoded-item.pcoded-search-item').show();
|
|
}
|
|
});
|
|
};
|
|
handlePcodedSearchItemVisibility ();
|
|
|
|
function handleBrandItemAlign() {
|
|
$('#branditem-align').val('left').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
if (get_value === "left"){
|
|
$('.pcoded-navbar .pcoded-brand').removeClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-brand').addClass('pcoded-left-align');
|
|
}else{
|
|
$('.pcoded-navbar .pcoded-brand').addClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-brand').removeClass('pcoded-left-align');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleBrandItemAlign ();
|
|
function handleLeftItemAlign() {
|
|
$('#leftitem-align').val('left').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
if (get_value === "left"){
|
|
$('.pcoded-navbar .pcoded-left-item').removeClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-left-item').addClass('pcoded-left-align');
|
|
}else{
|
|
$('.pcoded-navbar .pcoded-left-item').addClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-left-item').removeClass('pcoded-left-align');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleLeftItemAlign ();
|
|
function handleRightItemAlign() {
|
|
$('#rightitem-align').val('left').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
if (get_value === "left"){
|
|
$('.pcoded-navbar .pcoded-right-item').removeClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-right-item').addClass('pcoded-left-align');
|
|
}else{
|
|
$('.pcoded-navbar .pcoded-right-item').addClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-right-item').removeClass('pcoded-left-align');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleRightItemAlign ();
|
|
function handleSearchItemAlign() {
|
|
$('#searchitem-align').val('left').on('change', function (get_value) {
|
|
get_value = $(this).val();
|
|
if (get_value === "left"){
|
|
$('.pcoded-navbar .pcoded-search-item').removeClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-search-item').addClass('pcoded-left-align');
|
|
}else{
|
|
$('.pcoded-navbar .pcoded-search-item').addClass('pcoded-right-align');
|
|
$('.pcoded-navbar .pcoded-search-item').removeClass('pcoded-left-align');
|
|
}
|
|
});
|
|
};
|
|
|
|
handleSearchItemAlign ();
|
|
});
|
|
function handlemenutype(get_value) {
|
|
$('.pcoded').attr('nav-type', get_value);
|
|
};
|
|
|
|
handlemenutype("st2");
|