first
This commit is contained in:
123
safekiso-server/modules/base/wwwroot/admindek/js/vertical/horizontal-layout.min.js
vendored
Normal file
123
safekiso-server/modules/base/wwwroot/admindek/js/vertical/horizontal-layout.min.js
vendored
Normal file
@@ -0,0 +1,123 @@
|
||||
"use strict!";
|
||||
|
||||
function handlemenutype(e) {
|
||||
$(".pcoded").attr("nav-type", e)
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$(".pcoded-navbar .pcoded-hasmenu").attr("subitem-icon", "style1"), $("#pcoded").pcodedmenu({
|
||||
themelayout: "horizontal",
|
||||
horizontalMenuplacement: "top",
|
||||
horizontalBrandItem: !0,
|
||||
horizontalLeftNavItem: !0,
|
||||
horizontalRightItem: !0,
|
||||
horizontalSearchItem: !0,
|
||||
horizontalMobileMenu: !0,
|
||||
MenuTrigger: "hover",
|
||||
SubMenuTrigger: "hover",
|
||||
activeMenuClass: "active",
|
||||
ThemeBackgroundPattern: "theme1",
|
||||
HeaderBackground: "theme1",
|
||||
LHeaderBackground: "theme1",
|
||||
NavbarBackground: "themelight1",
|
||||
ActiveItemBackground: "theme1",
|
||||
SubItemBackground: "theme2",
|
||||
LogoTheme: "theme1",
|
||||
menutype: "st2",
|
||||
freamtype: "theme1",
|
||||
layouttype: "light",
|
||||
ActiveItemStyle: "style1",
|
||||
ItemBorder: !0,
|
||||
ItemBorderStyle: "none",
|
||||
SubItemBorder: !0,
|
||||
DropDownIconStyle: "style1",
|
||||
FixedNavbarPosition: !1,
|
||||
FixedHeaderPosition: !1,
|
||||
horizontalNavIsCentered: !1,
|
||||
horizontalstickynavigation: !1,
|
||||
horizontalNavigationMenuIcon: !0
|
||||
}),
|
||||
function() {
|
||||
$(".theme-color > a.Layout-type").on("click", function() {
|
||||
var e = $(this).attr("layout-type");
|
||||
$(".pcoded").attr("layout-type", e), "dark" == e && ($(".pcoded-header").attr("header-theme", "theme6"), $(".pcoded-navbar").attr("navbar-theme", "theme1"), $(".pcoded-navbar").attr("active-item-theme", "theme1"), $(".pcoded").attr("fream-type", "theme1"), $("body").addClass("dark"), $("body").attr("themebg-pattern", "theme1"), $(".pcoded-navigation-label").attr("menu-title-theme", "theme1")), "light" == e && ($(".pcoded-header").attr("header-theme", "themelight1"), $(".pcoded-navbar").attr("navbar-theme", "themelight1"), $(".pcoded-navigation-label").attr("menu-title-theme", "theme2"), $(".pcoded-navbar").attr("active-item-theme", "theme1"), $(".pcoded").attr("fream-type", "theme1"), $("body").removeClass("dark"), $("body").attr("themebg-pattern", "theme1"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.leftheader-theme").on("click", function() {
|
||||
var e = $(this).attr("menu-caption");
|
||||
$(".pcoded-navigation-label").attr("menu-title-theme", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.header-theme-full").on("click", function() {
|
||||
var e = $(this).attr("header-theme"),
|
||||
t = $(this).attr("active-item-color");
|
||||
$(".pcoded-header").attr("header-theme", e), $(".navbar-logo").attr("logo-theme", e), $(".pcoded-navbar").attr("active-item-theme", t), $(".pcoded").attr("fream-type", e), $("body").attr("themebg-pattern", e), "theme6" == e && $(".pcoded-navbar").attr("active-item-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.header-theme").on("click", function() {
|
||||
var e = $(this).attr("header-theme"),
|
||||
t = $(this).attr("active-item-color");
|
||||
$(".pcoded-header").attr("header-theme", e), $(".pcoded-navbar").attr("active-item-theme", t), $(".pcoded").attr("fream-type", e), $("body").attr("themebg-pattern", e), "theme6" == e && $(".pcoded-navbar").attr("active-item-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.navbar-theme").on("click", function() {
|
||||
var e = $(this).attr("navbar-theme");
|
||||
$(".pcoded-navbar").attr("navbar-theme", e), "themelight1" == e && $(".pcoded-navigation-label").attr("menu-title-theme", "theme2"), "theme1" == e && $(".pcoded-navigation-label").attr("menu-title-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.active-item-theme").on("click", function() {
|
||||
var e = $(this).attr("active-item-theme");
|
||||
$(".pcoded-navbar").attr("active-item-theme", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.themebg-pattern").on("click", function() {
|
||||
var e = $(this).attr("themebg-pattern");
|
||||
$("body").attr("themebg-pattern", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#theme-layout").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded").attr("vertical-layout", "box"), $("#bg-pattern-visiblity").removeClass("d-none")) : ($(".pcoded").attr("vertical-layout", "wide"), $("#bg-pattern-visiblity").addClass("d-none"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-menu-effect").val("shrink").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded").attr("vertical-effect", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-border-style").val("solid").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-item").attr("item-border-style", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-dropdown-icon").val("style1").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-hasmenu").attr("dropdown-icon", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-subitem-icon").val("style5").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-hasmenu").attr("subitem-icon", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#sidebar-position").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded-navbar").attr("pcoded-navbar-position", "fixed"), $(".pcoded-header .pcoded-left-header").attr("pcoded-lheader-position", "fixed")) : ($(".pcoded-navbar").attr("pcoded-navbar-position", "absolute"), $(".pcoded-header .pcoded-left-header").attr("pcoded-lheader-position", "relative"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#header-position").change(function() {
|
||||
$(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())) : ($(".pcoded-header").attr("pcoded-header-position", "relative"), $(".pcoded-navbar").attr("pcoded-header-position", "relative"), $(".pcoded-main-container").css("margin-top", "0px"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#collapse-left-header").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded-header, .pcoded ").removeClass("iscollapsed"), $(".pcoded-header, .pcoded").addClass("nocollapsed")) : ($(".pcoded-header, .pcoded").addClass("iscollapsed"), $(".pcoded-header, .pcoded").removeClass("nocollapsed"))
|
||||
})
|
||||
}()
|
||||
}), handlemenutype("st2");
|
||||
@@ -0,0 +1,275 @@
|
||||
"use strict!"
|
||||
$(document).ready(function() {
|
||||
// variable
|
||||
var noofdays = 1; // total no of days cookie will store
|
||||
var Navbarbg = "theme1"; // navbar color themelight1 / theme1
|
||||
var headerbg = "themelight1"; // header color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var menucaption = "theme1"; // menu caption color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9
|
||||
var bgpattern = "theme1"; // background color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var activeitemtheme = "theme1"; // menu active color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9 / theme10 / theme11 / theme12
|
||||
var frametype = "theme1"; // preset frame color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var layout_type = "light"; // theme layout color dark / light
|
||||
var layout_width = "wide"; // theme layout size wide / box
|
||||
var menu_effect_desktop = "overlay"; // navbar effect in desktop shrink / overlay / push
|
||||
var menu_effect_tablet = "overlay"; // navbar effect in tablet shrink / overlay / push
|
||||
var menu_effect_phone = "overlay"; // navbar effect in phone shrink / overlay / push
|
||||
var menu_icon_style = "st2"; // navbar menu icon st1 / st2
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: 'vertical',
|
||||
verticalMenuplacement: 'left', // value should be left/right
|
||||
verticalMenulayout: layout_width,
|
||||
MenuTrigger: 'click', // click / hover
|
||||
SubMenuTrigger: 'click', // click / hover
|
||||
activeMenuClass: 'active',
|
||||
ThemeBackgroundPattern: bgpattern,
|
||||
HeaderBackground: headerbg,
|
||||
LHeaderBackground: menucaption,
|
||||
NavbarBackground: Navbarbg,
|
||||
ActiveItemBackground: activeitemtheme,
|
||||
SubItemBackground: 'theme2',
|
||||
LogoTheme: 'theme6', // Value should be theme1/theme2/theme3/theme4/theme5/theme6
|
||||
ActiveItemStyle: 'style0',
|
||||
ItemBorder: true,
|
||||
ItemBorderStyle: 'solid',
|
||||
freamtype: frametype,
|
||||
SubItemBorder: false,
|
||||
DropDownIconStyle: 'style1', // Value should be style1,style2,style3
|
||||
menutype: menu_icon_style,
|
||||
layouttype: layout_type,
|
||||
FixedNavbarPosition: true, // Value should be true / false header postion
|
||||
FixedHeaderPosition: true, // Value should be true / false sidebar menu postion
|
||||
collapseVerticalLeftHeader: true,
|
||||
VerticalSubMenuItemIconStyle: 'style1', // value should be style1, style2, style3, style4, style5, style6
|
||||
VerticalNavigationView: 'view1',
|
||||
verticalMenueffect: {
|
||||
desktop: menu_effect_desktop,
|
||||
tablet: menu_effect_tablet,
|
||||
phone: menu_effect_phone,
|
||||
},
|
||||
defaultVerticalMenu: {
|
||||
desktop: "collapsed", // value should be offcanvas/collapsed/expanded/compact/compact-acc/fullpage/ex-popover/sub-expanded
|
||||
tablet: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
onToggleVerticalMenu: {
|
||||
desktop: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
tablet: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
});
|
||||
/* layout type Change function Start */
|
||||
function handlelayouttheme() {
|
||||
$('.theme-color > a.Layout-type').on("click", function() {
|
||||
var layout = $(this).attr("layout-type");
|
||||
$('.pcoded').attr("layout-type", layout);
|
||||
if (layout == 'dark') {
|
||||
$('.pcoded-header').attr("header-theme", "theme6");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "theme1");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').addClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
if (layout == 'light') {
|
||||
$('.pcoded-header').attr("header-theme", "themelight1");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "themelight1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').removeClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handlelayouttheme();
|
||||
|
||||
/* Left header Theme Change function Start */
|
||||
function handleleftheadertheme() {
|
||||
$('.theme-color > a.leftheader-theme').on("click", function() {
|
||||
var lheadertheme = $(this).attr("menu-caption");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
|
||||
});
|
||||
};
|
||||
handleleftheadertheme();
|
||||
/* Left header Theme Change function Close */
|
||||
/* header Theme Change function Start */
|
||||
function handleheaderthemefull() {
|
||||
$('.theme-color > a.header-theme-full').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.navbar-logo').attr("logo-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheaderthemefull();
|
||||
|
||||
function handleheadertheme() {
|
||||
$('.theme-color > a.header-theme').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheadertheme();
|
||||
/* header Theme Change function Close */
|
||||
/* 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);
|
||||
if (navbartheme == 'themelight1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
}
|
||||
if (navbartheme == 'theme1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlenavbartheme();
|
||||
/* Navbar Theme Change function Close */
|
||||
/* Active Item Theme Change function Start */
|
||||
function handleactiveitemtheme() {
|
||||
$('.theme-color > a.active-item-theme').on("click", function() {
|
||||
var activeitemtheme = $(this).attr("active-item-theme");
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
|
||||
});
|
||||
};
|
||||
|
||||
handleactiveitemtheme();
|
||||
/* Active Item 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 handlethemeverticallayout() {
|
||||
$('#theme-layout').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded').attr('vertical-layout', "box");
|
||||
$('#bg-pattern-visiblity').removeClass('d-none');
|
||||
|
||||
} else {
|
||||
$('.pcoded').attr('vertical-layout', "wide");
|
||||
$('#bg-pattern-visiblity').addClass('d-none');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlethemeverticallayout();
|
||||
/* Theme Layout Change function Close*/
|
||||
/* Menu effect change function start*/
|
||||
function handleverticalMenueffect() {
|
||||
$('#vertical-menu-effect').val('shrink').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded').attr('vertical-effect', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalMenueffect();
|
||||
/* Menu effect change function Close*/
|
||||
|
||||
/* Vertical Item border Style change function Start*/
|
||||
function handleverticalboderstyle() {
|
||||
$('#vertical-border-style').val('solid').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalboderstyle();
|
||||
/* Vertical Item border Style change function Close*/
|
||||
|
||||
/* 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*/
|
||||
/* Vertical Navbar Position change function Start*/
|
||||
function handlesidebarposition() {
|
||||
$('#sidebar-position').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
|
||||
} else {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlesidebarposition();
|
||||
/* Vertical Navbar Position change function Close*/
|
||||
/* 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*/
|
||||
/* collapseable Left Header Change Function Start here*/
|
||||
function handlecollapseLeftHeader() {
|
||||
$('#collapse-left-header').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-header, .pcoded ').removeClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').addClass('nocollapsed');
|
||||
} else {
|
||||
$('.pcoded-header, .pcoded').addClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').removeClass('nocollapsed');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlecollapseLeftHeader();
|
||||
/* collapseable Left Header Change Function Close here*/
|
||||
});
|
||||
|
||||
function handlemenutype(get_value) {
|
||||
$('.pcoded').attr('nav-type', get_value);
|
||||
};
|
||||
|
||||
handlemenutype("st2");
|
||||
@@ -0,0 +1,275 @@
|
||||
"use strict!"
|
||||
$(document).ready(function() {
|
||||
// variable
|
||||
var noofdays = 1; // total no of days cookie will store
|
||||
var Navbarbg = "theme1"; // navbar color themelight1 / theme1
|
||||
var headerbg = "themelight1"; // header color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var menucaption = "theme1"; // menu caption color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9
|
||||
var bgpattern = "theme1"; // background color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var activeitemtheme = "theme1"; // menu active color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9 / theme10 / theme11 / theme12
|
||||
var frametype = "theme1"; // preset frame color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var layout_type = "light"; // theme layout color dark / light
|
||||
var layout_width = "wide"; // theme layout size wide / box
|
||||
var menu_effect_desktop = "shrink"; // navbar effect in desktop shrink / overlay / push
|
||||
var menu_effect_tablet = "overlay"; // navbar effect in tablet shrink / overlay / push
|
||||
var menu_effect_phone = "overlay"; // navbar effect in phone shrink / overlay / push
|
||||
var menu_icon_style = "st2"; // navbar menu icon st1 / st2
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: 'vertical',
|
||||
verticalMenuplacement: 'left', // value should be left/right
|
||||
verticalMenulayout: layout_width,
|
||||
MenuTrigger: 'click', // click / hover
|
||||
SubMenuTrigger: 'click', // click / hover
|
||||
activeMenuClass: 'active',
|
||||
ThemeBackgroundPattern: bgpattern,
|
||||
HeaderBackground: headerbg,
|
||||
LHeaderBackground: menucaption,
|
||||
NavbarBackground: Navbarbg,
|
||||
ActiveItemBackground: activeitemtheme,
|
||||
SubItemBackground: 'theme2',
|
||||
LogoTheme: 'theme6', // Value should be theme1/theme2/theme3/theme4/theme5/theme6
|
||||
ActiveItemStyle: 'style0',
|
||||
ItemBorder: true,
|
||||
ItemBorderStyle: 'solid',
|
||||
freamtype: frametype,
|
||||
SubItemBorder: false,
|
||||
DropDownIconStyle: 'style1', // Value should be style1,style2,style3
|
||||
menutype: menu_icon_style,
|
||||
layouttype: layout_type,
|
||||
FixedNavbarPosition: false, // Value should be true / false header postion
|
||||
FixedHeaderPosition: true, // Value should be true / false sidebar menu postion
|
||||
collapseVerticalLeftHeader: true,
|
||||
VerticalSubMenuItemIconStyle: 'style1', // value should be style1, style2, style3, style4, style5, style6
|
||||
VerticalNavigationView: 'view1',
|
||||
verticalMenueffect: {
|
||||
desktop: menu_effect_desktop,
|
||||
tablet: menu_effect_tablet,
|
||||
phone: menu_effect_phone,
|
||||
},
|
||||
defaultVerticalMenu: {
|
||||
desktop: "expanded", // value should be offcanvas/collapsed/expanded/compact/compact-acc/fullpage/ex-popover/sub-expanded
|
||||
tablet: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
onToggleVerticalMenu: {
|
||||
desktop: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
tablet: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
});
|
||||
/* layout type Change function Start */
|
||||
function handlelayouttheme() {
|
||||
$('.theme-color > a.Layout-type').on("click", function() {
|
||||
var layout = $(this).attr("layout-type");
|
||||
$('.pcoded').attr("layout-type", layout);
|
||||
if (layout == 'dark') {
|
||||
$('.pcoded-header').attr("header-theme", "theme6");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "theme1");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').addClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
if (layout == 'light') {
|
||||
$('.pcoded-header').attr("header-theme", "themelight1");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "themelight1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').removeClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handlelayouttheme();
|
||||
|
||||
/* Left header Theme Change function Start */
|
||||
function handleleftheadertheme() {
|
||||
$('.theme-color > a.leftheader-theme').on("click", function() {
|
||||
var lheadertheme = $(this).attr("menu-caption");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
|
||||
});
|
||||
};
|
||||
handleleftheadertheme();
|
||||
/* Left header Theme Change function Close */
|
||||
/* header Theme Change function Start */
|
||||
function handleheaderthemefull() {
|
||||
$('.theme-color > a.header-theme-full').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.navbar-logo').attr("logo-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheaderthemefull();
|
||||
|
||||
function handleheadertheme() {
|
||||
$('.theme-color > a.header-theme').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheadertheme();
|
||||
/* header Theme Change function Close */
|
||||
/* 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);
|
||||
if (navbartheme == 'themelight1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
}
|
||||
if (navbartheme == 'theme1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlenavbartheme();
|
||||
/* Navbar Theme Change function Close */
|
||||
/* Active Item Theme Change function Start */
|
||||
function handleactiveitemtheme() {
|
||||
$('.theme-color > a.active-item-theme').on("click", function() {
|
||||
var activeitemtheme = $(this).attr("active-item-theme");
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
|
||||
});
|
||||
};
|
||||
|
||||
handleactiveitemtheme();
|
||||
/* Active Item 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 handlethemeverticallayout() {
|
||||
$('#theme-layout').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded').attr('vertical-layout', "box");
|
||||
$('#bg-pattern-visiblity').removeClass('d-none');
|
||||
|
||||
} else {
|
||||
$('.pcoded').attr('vertical-layout', "wide");
|
||||
$('#bg-pattern-visiblity').addClass('d-none');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlethemeverticallayout();
|
||||
/* Theme Layout Change function Close*/
|
||||
/* Menu effect change function start*/
|
||||
function handleverticalMenueffect() {
|
||||
$('#vertical-menu-effect').val('shrink').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded').attr('vertical-effect', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalMenueffect();
|
||||
/* Menu effect change function Close*/
|
||||
|
||||
/* Vertical Item border Style change function Start*/
|
||||
function handleverticalboderstyle() {
|
||||
$('#vertical-border-style').val('solid').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalboderstyle();
|
||||
/* Vertical Item border Style change function Close*/
|
||||
|
||||
/* 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*/
|
||||
/* Vertical Navbar Position change function Start*/
|
||||
function handlesidebarposition() {
|
||||
$('#sidebar-position').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
|
||||
} else {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlesidebarposition();
|
||||
/* Vertical Navbar Position change function Close*/
|
||||
/* 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*/
|
||||
/* collapseable Left Header Change Function Start here*/
|
||||
function handlecollapseLeftHeader() {
|
||||
$('#collapse-left-header').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-header, .pcoded ').removeClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').addClass('nocollapsed');
|
||||
} else {
|
||||
$('.pcoded-header, .pcoded').addClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').removeClass('nocollapsed');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlecollapseLeftHeader();
|
||||
/* collapseable Left Header Change Function Close here*/
|
||||
});
|
||||
|
||||
function handlemenutype(get_value) {
|
||||
$('.pcoded').attr('nav-type', get_value);
|
||||
};
|
||||
|
||||
handlemenutype("st2");
|
||||
@@ -0,0 +1,265 @@
|
||||
"use strict!"
|
||||
$(document).ready(function() {
|
||||
// variable
|
||||
var noofdays = 1; // total no of days cookie will store
|
||||
var Navbarbg = "themelight1"; // navbar color themelight1 / theme1
|
||||
var headerbg = "theme1"; // header color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var menucaption = "theme1"; // menu caption color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9
|
||||
var bgpattern = "theme1"; // background color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var activeitemtheme = "theme1"; // menu active color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9 / theme10 / theme11 / theme12
|
||||
var frametype = "theme1"; // preset frame color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var layout_type = "light"; // theme layout color dark / light
|
||||
var layout_width = "wide"; // theme layout size wide / box
|
||||
var menu_effect_desktop = "shrink"; // navbar effect in desktop shrink / overlay / push
|
||||
var menu_effect_tablet = "overlay"; // navbar effect in tablet shrink / overlay / push
|
||||
var menu_effect_phone = "overlay"; // navbar effect in phone shrink / overlay / push
|
||||
var menu_icon_style = "st2"; // navbar menu icon st1 / st2
|
||||
$('.pcoded-navbar .pcoded-hasmenu').attr('subitem-icon', 'style1');
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: 'horizontal',
|
||||
horizontalMenuplacement: 'top',
|
||||
horizontalBrandItem: true,
|
||||
horizontalLeftNavItem: true,
|
||||
horizontalRightItem: true,
|
||||
horizontalSearchItem: true,
|
||||
horizontalMobileMenu: true,
|
||||
MenuTrigger: 'hover',
|
||||
SubMenuTrigger: 'hover',
|
||||
activeMenuClass: 'active',
|
||||
ThemeBackgroundPattern: bgpattern,
|
||||
HeaderBackground: headerbg,
|
||||
LHeaderBackground: menucaption,
|
||||
NavbarBackground: Navbarbg,
|
||||
ActiveItemBackground: activeitemtheme,
|
||||
SubItemBackground: 'theme2',
|
||||
LogoTheme: 'theme1', // Value should be theme1/theme2/theme3/theme4/theme5/theme6
|
||||
menutype: menu_icon_style,
|
||||
freamtype: frametype,
|
||||
layouttype: layout_type,
|
||||
ActiveItemStyle: 'style1',
|
||||
ItemBorder: true,
|
||||
ItemBorderStyle: 'none',
|
||||
SubItemBorder: true,
|
||||
DropDownIconStyle: 'style1',
|
||||
FixedNavbarPosition: true,
|
||||
FixedHeaderPosition: true,
|
||||
horizontalNavIsCentered: false,
|
||||
horizontalstickynavigation: false,
|
||||
horizontalNavigationMenuIcon: true,
|
||||
});
|
||||
/* layout type Change function Start */
|
||||
function handlelayouttheme() {
|
||||
$('.theme-color > a.Layout-type').on("click", function() {
|
||||
var layout = $(this).attr("layout-type");
|
||||
$('.pcoded').attr("layout-type", layout);
|
||||
if (layout == 'dark') {
|
||||
$('.pcoded-header').attr("header-theme", "theme6");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "theme1");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').addClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
if (layout == 'light') {
|
||||
$('.pcoded-header').attr("header-theme", "themelight1");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "themelight1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').removeClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handlelayouttheme();
|
||||
|
||||
/* Left header Theme Change function Start */
|
||||
function handleleftheadertheme() {
|
||||
$('.theme-color > a.leftheader-theme').on("click", function() {
|
||||
var lheadertheme = $(this).attr("menu-caption");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
|
||||
});
|
||||
};
|
||||
handleleftheadertheme();
|
||||
/* Left header Theme Change function Close */
|
||||
/* header Theme Change function Start */
|
||||
function handleheaderthemefull() {
|
||||
$('.theme-color > a.header-theme-full').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.navbar-logo').attr("logo-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheaderthemefull();
|
||||
|
||||
function handleheadertheme() {
|
||||
$('.theme-color > a.header-theme').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheadertheme();
|
||||
/* header Theme Change function Close */
|
||||
/* 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);
|
||||
if (navbartheme == 'themelight1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
}
|
||||
if (navbartheme == 'theme1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlenavbartheme();
|
||||
/* Navbar Theme Change function Close */
|
||||
/* Active Item Theme Change function Start */
|
||||
function handleactiveitemtheme() {
|
||||
$('.theme-color > a.active-item-theme').on("click", function() {
|
||||
var activeitemtheme = $(this).attr("active-item-theme");
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
|
||||
});
|
||||
};
|
||||
|
||||
handleactiveitemtheme();
|
||||
/* Active Item 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 handlethemeverticallayout() {
|
||||
$('#theme-layout').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded').attr('vertical-layout', "box");
|
||||
$('#bg-pattern-visiblity').removeClass('d-none');
|
||||
|
||||
} else {
|
||||
$('.pcoded').attr('vertical-layout', "wide");
|
||||
$('#bg-pattern-visiblity').addClass('d-none');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlethemeverticallayout();
|
||||
/* Theme Layout Change function Close*/
|
||||
/* Menu effect change function start*/
|
||||
function handleverticalMenueffect() {
|
||||
$('#vertical-menu-effect').val('shrink').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded').attr('vertical-effect', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalMenueffect();
|
||||
/* Menu effect change function Close*/
|
||||
|
||||
/* Vertical Item border Style change function Start*/
|
||||
function handleverticalboderstyle() {
|
||||
$('#vertical-border-style').val('solid').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalboderstyle();
|
||||
/* Vertical Item border Style change function Close*/
|
||||
|
||||
/* 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*/
|
||||
/* Vertical Navbar Position change function Start*/
|
||||
function handlesidebarposition() {
|
||||
$('#sidebar-position').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
|
||||
} else {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlesidebarposition();
|
||||
/* Vertical Navbar Position change function Close*/
|
||||
/* 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*/
|
||||
/* collapseable Left Header Change Function Start here*/
|
||||
function handlecollapseLeftHeader() {
|
||||
$('#collapse-left-header').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-header, .pcoded ').removeClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').addClass('nocollapsed');
|
||||
} else {
|
||||
$('.pcoded-header, .pcoded').addClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').removeClass('nocollapsed');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlecollapseLeftHeader();
|
||||
/* collapseable Left Header Change Function Close here*/
|
||||
});
|
||||
|
||||
function handlemenutype(get_value) {
|
||||
$('.pcoded').attr('nav-type', get_value);
|
||||
};
|
||||
|
||||
handlemenutype("st2");
|
||||
@@ -0,0 +1,275 @@
|
||||
"use strict!"
|
||||
$(document).ready(function() {
|
||||
// variable
|
||||
var noofdays = 1; // total no of days cookie will store
|
||||
var Navbarbg = "theme1"; // navbar color themelight1 / theme1
|
||||
var headerbg = "themelight1"; // header color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var menucaption = "theme1"; // menu caption color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9
|
||||
var bgpattern = "theme1"; // background color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var activeitemtheme = "theme1"; // menu active color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9 / theme10 / theme11 / theme12
|
||||
var frametype = "theme1"; // preset frame color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var layout_type = "light"; // theme layout color dark / light
|
||||
var layout_width = "wide"; // theme layout size wide / box
|
||||
var menu_effect_desktop = "shrink"; // navbar effect in desktop shrink / overlay / push
|
||||
var menu_effect_tablet = "overlay"; // navbar effect in tablet shrink / overlay / push
|
||||
var menu_effect_phone = "overlay"; // navbar effect in phone shrink / overlay / push
|
||||
var menu_icon_style = "st2"; // navbar menu icon st1 / st2
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: 'vertical',
|
||||
verticalMenuplacement: 'left', // value should be left/right
|
||||
verticalMenulayout: layout_width,
|
||||
MenuTrigger: 'click', // click / hover
|
||||
SubMenuTrigger: 'click', // click / hover
|
||||
activeMenuClass: 'active',
|
||||
ThemeBackgroundPattern: bgpattern,
|
||||
HeaderBackground: headerbg,
|
||||
LHeaderBackground: menucaption,
|
||||
NavbarBackground: Navbarbg,
|
||||
ActiveItemBackground: activeitemtheme,
|
||||
SubItemBackground: 'theme2',
|
||||
LogoTheme: 'theme6', // Value should be theme1/theme2/theme3/theme4/theme5/theme6
|
||||
ActiveItemStyle: 'style0',
|
||||
ItemBorder: true,
|
||||
ItemBorderStyle: 'solid',
|
||||
freamtype: frametype,
|
||||
SubItemBorder: false,
|
||||
DropDownIconStyle: 'style1', // Value should be style1,style2,style3
|
||||
menutype: menu_icon_style,
|
||||
layouttype: layout_type,
|
||||
FixedNavbarPosition: true, // Value should be true / false header postion
|
||||
FixedHeaderPosition: false, // Value should be true / false sidebar menu postion
|
||||
collapseVerticalLeftHeader: true,
|
||||
VerticalSubMenuItemIconStyle: 'style1', // value should be style1, style2, style3, style4, style5, style6
|
||||
VerticalNavigationView: 'view1',
|
||||
verticalMenueffect: {
|
||||
desktop: menu_effect_desktop,
|
||||
tablet: menu_effect_tablet,
|
||||
phone: menu_effect_phone,
|
||||
},
|
||||
defaultVerticalMenu: {
|
||||
desktop: "expanded", // value should be offcanvas/collapsed/expanded/compact/compact-acc/fullpage/ex-popover/sub-expanded
|
||||
tablet: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
onToggleVerticalMenu: {
|
||||
desktop: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
tablet: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
});
|
||||
/* layout type Change function Start */
|
||||
function handlelayouttheme() {
|
||||
$('.theme-color > a.Layout-type').on("click", function() {
|
||||
var layout = $(this).attr("layout-type");
|
||||
$('.pcoded').attr("layout-type", layout);
|
||||
if (layout == 'dark') {
|
||||
$('.pcoded-header').attr("header-theme", "theme6");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "theme1");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').addClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
if (layout == 'light') {
|
||||
$('.pcoded-header').attr("header-theme", "themelight1");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "themelight1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').removeClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handlelayouttheme();
|
||||
|
||||
/* Left header Theme Change function Start */
|
||||
function handleleftheadertheme() {
|
||||
$('.theme-color > a.leftheader-theme').on("click", function() {
|
||||
var lheadertheme = $(this).attr("menu-caption");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
|
||||
});
|
||||
};
|
||||
handleleftheadertheme();
|
||||
/* Left header Theme Change function Close */
|
||||
/* header Theme Change function Start */
|
||||
function handleheaderthemefull() {
|
||||
$('.theme-color > a.header-theme-full').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.navbar-logo').attr("logo-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheaderthemefull();
|
||||
|
||||
function handleheadertheme() {
|
||||
$('.theme-color > a.header-theme').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheadertheme();
|
||||
/* header Theme Change function Close */
|
||||
/* 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);
|
||||
if (navbartheme == 'themelight1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
}
|
||||
if (navbartheme == 'theme1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlenavbartheme();
|
||||
/* Navbar Theme Change function Close */
|
||||
/* Active Item Theme Change function Start */
|
||||
function handleactiveitemtheme() {
|
||||
$('.theme-color > a.active-item-theme').on("click", function() {
|
||||
var activeitemtheme = $(this).attr("active-item-theme");
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
|
||||
});
|
||||
};
|
||||
|
||||
handleactiveitemtheme();
|
||||
/* Active Item 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 handlethemeverticallayout() {
|
||||
$('#theme-layout').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded').attr('vertical-layout', "box");
|
||||
$('#bg-pattern-visiblity').removeClass('d-none');
|
||||
|
||||
} else {
|
||||
$('.pcoded').attr('vertical-layout', "wide");
|
||||
$('#bg-pattern-visiblity').addClass('d-none');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlethemeverticallayout();
|
||||
/* Theme Layout Change function Close*/
|
||||
/* Menu effect change function start*/
|
||||
function handleverticalMenueffect() {
|
||||
$('#vertical-menu-effect').val('shrink').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded').attr('vertical-effect', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalMenueffect();
|
||||
/* Menu effect change function Close*/
|
||||
|
||||
/* Vertical Item border Style change function Start*/
|
||||
function handleverticalboderstyle() {
|
||||
$('#vertical-border-style').val('solid').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalboderstyle();
|
||||
/* Vertical Item border Style change function Close*/
|
||||
|
||||
/* 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*/
|
||||
/* Vertical Navbar Position change function Start*/
|
||||
function handlesidebarposition() {
|
||||
$('#sidebar-position').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
|
||||
} else {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlesidebarposition();
|
||||
/* Vertical Navbar Position change function Close*/
|
||||
/* 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*/
|
||||
/* collapseable Left Header Change Function Start here*/
|
||||
function handlecollapseLeftHeader() {
|
||||
$('#collapse-left-header').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-header, .pcoded ').removeClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').addClass('nocollapsed');
|
||||
} else {
|
||||
$('.pcoded-header, .pcoded').addClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').removeClass('nocollapsed');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlecollapseLeftHeader();
|
||||
/* collapseable Left Header Change Function Close here*/
|
||||
});
|
||||
|
||||
function handlemenutype(get_value) {
|
||||
$('.pcoded').attr('nav-type', get_value);
|
||||
};
|
||||
|
||||
handlemenutype("st2");
|
||||
@@ -0,0 +1,275 @@
|
||||
"use strict!"
|
||||
$(document).ready(function() {
|
||||
// variable
|
||||
var noofdays = 1; // total no of days cookie will store
|
||||
var Navbarbg = "theme1"; // navbar color themelight1 / theme1
|
||||
var headerbg = "themelight1"; // header color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var menucaption = "theme1"; // menu caption color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9
|
||||
var bgpattern = "theme1"; // background color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var activeitemtheme = "theme1"; // menu active color theme1 / theme2 / theme3 / theme4 / theme5 / theme6 / theme7 / theme8 / theme9 / theme10 / theme11 / theme12
|
||||
var frametype = "theme1"; // preset frame color theme1 / theme2 / theme3 / theme4 / theme5 / theme6
|
||||
var layout_type = "light"; // theme layout color dark / light
|
||||
var layout_width = "wide"; // theme layout size wide / box
|
||||
var menu_effect_desktop = "shrink"; // navbar effect in desktop shrink / overlay / push
|
||||
var menu_effect_tablet = "overlay"; // navbar effect in tablet shrink / overlay / push
|
||||
var menu_effect_phone = "overlay"; // navbar effect in phone shrink / overlay / push
|
||||
var menu_icon_style = "st2"; // navbar menu icon st1 / st2
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: 'vertical',
|
||||
verticalMenuplacement: 'left', // value should be left/right
|
||||
verticalMenulayout: layout_width,
|
||||
MenuTrigger: 'click', // click / hover
|
||||
SubMenuTrigger: 'click', // click / hover
|
||||
activeMenuClass: 'active',
|
||||
ThemeBackgroundPattern: bgpattern,
|
||||
HeaderBackground: headerbg,
|
||||
LHeaderBackground: menucaption,
|
||||
NavbarBackground: Navbarbg,
|
||||
ActiveItemBackground: activeitemtheme,
|
||||
SubItemBackground: 'theme2',
|
||||
LogoTheme: 'theme6', // Value should be theme1/theme2/theme3/theme4/theme5/theme6
|
||||
ActiveItemStyle: 'style0',
|
||||
ItemBorder: true,
|
||||
ItemBorderStyle: 'solid',
|
||||
freamtype: frametype,
|
||||
SubItemBorder: false,
|
||||
DropDownIconStyle: 'style1', // Value should be style1,style2,style3
|
||||
menutype: menu_icon_style,
|
||||
layouttype: layout_type,
|
||||
FixedNavbarPosition: false, // Value should be true / false header postion
|
||||
FixedHeaderPosition: false, // Value should be true / false sidebar menu postion
|
||||
collapseVerticalLeftHeader: true,
|
||||
VerticalSubMenuItemIconStyle: 'style1', // value should be style1, style2, style3, style4, style5, style6
|
||||
VerticalNavigationView: 'view1',
|
||||
verticalMenueffect: {
|
||||
desktop: menu_effect_desktop,
|
||||
tablet: menu_effect_tablet,
|
||||
phone: menu_effect_phone,
|
||||
},
|
||||
defaultVerticalMenu: {
|
||||
desktop: "expanded", // value should be offcanvas/collapsed/expanded/compact/compact-acc/fullpage/ex-popover/sub-expanded
|
||||
tablet: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
onToggleVerticalMenu: {
|
||||
desktop: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
tablet: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
phone: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
|
||||
},
|
||||
});
|
||||
/* layout type Change function Start */
|
||||
function handlelayouttheme() {
|
||||
$('.theme-color > a.Layout-type').on("click", function() {
|
||||
var layout = $(this).attr("layout-type");
|
||||
$('.pcoded').attr("layout-type", layout);
|
||||
if (layout == 'dark') {
|
||||
$('.pcoded-header').attr("header-theme", "theme6");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "theme1");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').addClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
if (layout == 'light') {
|
||||
$('.pcoded-header').attr("header-theme", "themelight1");
|
||||
$('.pcoded-navbar').attr("navbar-theme", "themelight1");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
$('.pcoded').attr("fream-type", "theme1");
|
||||
$('body').removeClass('dark');
|
||||
$('body').attr("themebg-pattern", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handlelayouttheme();
|
||||
|
||||
/* Left header Theme Change function Start */
|
||||
function handleleftheadertheme() {
|
||||
$('.theme-color > a.leftheader-theme').on("click", function() {
|
||||
var lheadertheme = $(this).attr("menu-caption");
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
|
||||
});
|
||||
};
|
||||
handleleftheadertheme();
|
||||
/* Left header Theme Change function Close */
|
||||
/* header Theme Change function Start */
|
||||
function handleheaderthemefull() {
|
||||
$('.theme-color > a.header-theme-full').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.navbar-logo').attr("logo-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheaderthemefull();
|
||||
|
||||
function handleheadertheme() {
|
||||
$('.theme-color > a.header-theme').on("click", function() {
|
||||
var headertheme = $(this).attr("header-theme");
|
||||
var activeitem = $(this).attr("active-item-color");
|
||||
$('.pcoded-header').attr("header-theme", headertheme);
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitem);
|
||||
$('.pcoded').attr("fream-type", headertheme);
|
||||
$('body').attr("themebg-pattern", headertheme);
|
||||
if (headertheme == "theme6") {
|
||||
$('.pcoded-navbar').attr("active-item-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
handleheadertheme();
|
||||
/* header Theme Change function Close */
|
||||
/* 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);
|
||||
if (navbartheme == 'themelight1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme2");
|
||||
}
|
||||
if (navbartheme == 'theme1') {
|
||||
$('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlenavbartheme();
|
||||
/* Navbar Theme Change function Close */
|
||||
/* Active Item Theme Change function Start */
|
||||
function handleactiveitemtheme() {
|
||||
$('.theme-color > a.active-item-theme').on("click", function() {
|
||||
var activeitemtheme = $(this).attr("active-item-theme");
|
||||
$('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
|
||||
});
|
||||
};
|
||||
|
||||
handleactiveitemtheme();
|
||||
/* Active Item 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 handlethemeverticallayout() {
|
||||
$('#theme-layout').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded').attr('vertical-layout', "box");
|
||||
$('#bg-pattern-visiblity').removeClass('d-none');
|
||||
|
||||
} else {
|
||||
$('.pcoded').attr('vertical-layout', "wide");
|
||||
$('#bg-pattern-visiblity').addClass('d-none');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlethemeverticallayout();
|
||||
/* Theme Layout Change function Close*/
|
||||
/* Menu effect change function start*/
|
||||
function handleverticalMenueffect() {
|
||||
$('#vertical-menu-effect').val('shrink').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded').attr('vertical-effect', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalMenueffect();
|
||||
/* Menu effect change function Close*/
|
||||
|
||||
/* Vertical Item border Style change function Start*/
|
||||
function handleverticalboderstyle() {
|
||||
$('#vertical-border-style').val('solid').on('change', function(get_value) {
|
||||
get_value = $(this).val();
|
||||
$('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
|
||||
});
|
||||
};
|
||||
|
||||
handleverticalboderstyle();
|
||||
/* Vertical Item border Style change function Close*/
|
||||
|
||||
/* 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*/
|
||||
/* Vertical Navbar Position change function Start*/
|
||||
function handlesidebarposition() {
|
||||
$('#sidebar-position').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
|
||||
} else {
|
||||
$('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
|
||||
$('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
handlesidebarposition();
|
||||
/* Vertical Navbar Position change function Close*/
|
||||
/* 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*/
|
||||
/* collapseable Left Header Change Function Start here*/
|
||||
function handlecollapseLeftHeader() {
|
||||
$('#collapse-left-header').change(function() {
|
||||
if ($(this).is(":checked")) {
|
||||
$('.pcoded-header, .pcoded ').removeClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').addClass('nocollapsed');
|
||||
} else {
|
||||
$('.pcoded-header, .pcoded').addClass('iscollapsed');
|
||||
$('.pcoded-header, .pcoded').removeClass('nocollapsed');
|
||||
}
|
||||
});
|
||||
};
|
||||
handlecollapseLeftHeader();
|
||||
/* collapseable Left Header Change Function Close here*/
|
||||
});
|
||||
|
||||
function handlemenutype(get_value) {
|
||||
$('.pcoded').attr('nav-type', get_value);
|
||||
};
|
||||
|
||||
handlemenutype("st2");
|
||||
134
safekiso-server/modules/base/wwwroot/admindek/js/vertical/vertical-layout.min.js
vendored
Normal file
134
safekiso-server/modules/base/wwwroot/admindek/js/vertical/vertical-layout.min.js
vendored
Normal file
@@ -0,0 +1,134 @@
|
||||
"use strict!";
|
||||
|
||||
function handlemenutype(e) {
|
||||
$(".pcoded").attr("nav-type", e)
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$("#pcoded").pcodedmenu({
|
||||
themelayout: "vertical",
|
||||
verticalMenuplacement: "left",
|
||||
verticalMenulayout: "wide",
|
||||
MenuTrigger: "click",
|
||||
SubMenuTrigger: "click",
|
||||
activeMenuClass: "active",
|
||||
ThemeBackgroundPattern: "theme1",
|
||||
HeaderBackground: "themelight1",
|
||||
LHeaderBackground: "theme1",
|
||||
NavbarBackground: "theme1",
|
||||
ActiveItemBackground: "theme1",
|
||||
SubItemBackground: "theme2",
|
||||
LogoTheme: "theme6",
|
||||
ActiveItemStyle: "style0",
|
||||
ItemBorder: !0,
|
||||
ItemBorderStyle: "solid",
|
||||
freamtype: "theme1",
|
||||
SubItemBorder: !1,
|
||||
DropDownIconStyle: "style1",
|
||||
menutype: "st2",
|
||||
layouttype: "light",
|
||||
FixedNavbarPosition: !0,
|
||||
FixedHeaderPosition: !0,
|
||||
collapseVerticalLeftHeader: !0,
|
||||
VerticalSubMenuItemIconStyle: "style1",
|
||||
VerticalNavigationView: "view1",
|
||||
verticalMenueffect: {
|
||||
desktop: "shrink",
|
||||
tablet: "overlay",
|
||||
phone: "overlay"
|
||||
},
|
||||
defaultVerticalMenu: {
|
||||
desktop: "expanded",
|
||||
tablet: "offcanvas",
|
||||
phone: "offcanvas"
|
||||
},
|
||||
onToggleVerticalMenu: {
|
||||
desktop: "offcanvas",
|
||||
tablet: "expanded",
|
||||
phone: "expanded"
|
||||
}
|
||||
}),
|
||||
function() {
|
||||
$(".theme-color > a.Layout-type").on("click", function() {
|
||||
var e = $(this).attr("layout-type");
|
||||
$(".pcoded").attr("layout-type", e), "dark" == e && ($(".pcoded-header").attr("header-theme", "theme6"), $(".pcoded-navbar").attr("navbar-theme", "theme1"), $(".pcoded-navbar").attr("active-item-theme", "theme1"), $(".pcoded").attr("fream-type", "theme1"), $("body").addClass("dark"), $("body").attr("themebg-pattern", "theme1"), $(".pcoded-navigation-label").attr("menu-title-theme", "theme1")), "light" == e && ($(".pcoded-header").attr("header-theme", "themelight1"), $(".pcoded-navbar").attr("navbar-theme", "themelight1"), $(".pcoded-navigation-label").attr("menu-title-theme", "theme2"), $(".pcoded-navbar").attr("active-item-theme", "theme1"), $(".pcoded").attr("fream-type", "theme1"), $("body").removeClass("dark"), $("body").attr("themebg-pattern", "theme1"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.leftheader-theme").on("click", function() {
|
||||
var e = $(this).attr("menu-caption");
|
||||
$(".pcoded-navigation-label").attr("menu-title-theme", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.header-theme-full").on("click", function() {
|
||||
var e = $(this).attr("header-theme"),
|
||||
t = $(this).attr("active-item-color");
|
||||
$(".pcoded-header").attr("header-theme", e), $(".navbar-logo").attr("logo-theme", e), $(".pcoded-navbar").attr("active-item-theme", t), $(".pcoded").attr("fream-type", e), $("body").attr("themebg-pattern", e), "theme6" == e && $(".pcoded-navbar").attr("active-item-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.header-theme").on("click", function() {
|
||||
var e = $(this).attr("header-theme"),
|
||||
t = $(this).attr("active-item-color");
|
||||
$(".pcoded-header").attr("header-theme", e), $(".pcoded-navbar").attr("active-item-theme", t), $(".pcoded").attr("fream-type", e), $("body").attr("themebg-pattern", e), "theme6" == e && $(".pcoded-navbar").attr("active-item-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.navbar-theme").on("click", function() {
|
||||
var e = $(this).attr("navbar-theme");
|
||||
$(".pcoded-navbar").attr("navbar-theme", e), "themelight1" == e && $(".pcoded-navigation-label").attr("menu-title-theme", "theme2"), "theme1" == e && $(".pcoded-navigation-label").attr("menu-title-theme", "theme1")
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.active-item-theme").on("click", function() {
|
||||
var e = $(this).attr("active-item-theme");
|
||||
$(".pcoded-navbar").attr("active-item-theme", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$(".theme-color > a.themebg-pattern").on("click", function() {
|
||||
var e = $(this).attr("themebg-pattern");
|
||||
$("body").attr("themebg-pattern", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#theme-layout").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded").attr("vertical-layout", "box"), $("#bg-pattern-visiblity").removeClass("d-none")) : ($(".pcoded").attr("vertical-layout", "wide"), $("#bg-pattern-visiblity").addClass("d-none"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-menu-effect").val("shrink").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded").attr("vertical-effect", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-border-style").val("solid").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-item").attr("item-border-style", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-dropdown-icon").val("style1").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-hasmenu").attr("dropdown-icon", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#vertical-subitem-icon").val("style5").on("change", function(e) {
|
||||
e = $(this).val(), $(".pcoded-navbar .pcoded-hasmenu").attr("subitem-icon", e)
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#sidebar-position").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded-navbar").attr("pcoded-navbar-position", "fixed"), $(".pcoded-header .pcoded-left-header").attr("pcoded-lheader-position", "fixed")) : ($(".pcoded-navbar").attr("pcoded-navbar-position", "absolute"), $(".pcoded-header .pcoded-left-header").attr("pcoded-lheader-position", "relative"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#header-position").change(function() {
|
||||
$(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())) : ($(".pcoded-header").attr("pcoded-header-position", "relative"), $(".pcoded-navbar").attr("pcoded-header-position", "relative"), $(".pcoded-main-container").css("margin-top", "0px"))
|
||||
})
|
||||
}(),
|
||||
function() {
|
||||
$("#collapse-left-header").change(function() {
|
||||
$(this).is(":checked") ? ($(".pcoded-header, .pcoded ").removeClass("iscollapsed"), $(".pcoded-header, .pcoded").addClass("nocollapsed")) : ($(".pcoded-header, .pcoded").addClass("iscollapsed"), $(".pcoded-header, .pcoded").removeClass("nocollapsed"))
|
||||
})
|
||||
}()
|
||||
}), handlemenutype("st2");
|
||||
Reference in New Issue
Block a user