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.
46 lines
1.8 KiB
46 lines
1.8 KiB
6 years ago
|
/* Author: Asif Mughal
|
||
|
|
* URL: https://www.codehim.com
|
||
|
|
* License: MIT License
|
||
|
|
* Copyright (c) 2018 - Asif Mughal
|
||
|
|
*/
|
||
|
|
/* File: demo-only.js */
|
||
|
|
$(function () {
|
||
|
|
/* Demo only */
|
||
|
|
var jSide = $(".menu-container, .menu-head, .menubar");
|
||
|
|
$(".menu-position").on('change', function () {
|
||
|
|
$(jSide).not(".menubar").addClass($(this).val());
|
||
|
|
$(".j-pos").html('jSidePosition: "position-right",');
|
||
|
|
if ($(this).val() == 'position-left') {
|
||
|
|
$(jSide).removeClass("position-right");
|
||
|
|
$(".j-pos").html('jSidePosition: "position-left",');
|
||
|
|
$(".menu-trigger").removeClass("right").addClass("left");
|
||
|
|
} else {
|
||
|
|
$(jSide).removeClass("position-left");
|
||
|
|
$(".menu-trigger").removeClass("left").addClass("right");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$(".bg-color").on('change', function () {
|
||
|
|
var color = $(this).val();
|
||
|
|
$(jSide).css({'background': color,});
|
||
|
|
$(".bg-color-input").val(color);
|
||
|
|
});
|
||
|
|
$(".bg-color-input").on('input', function () {
|
||
|
|
$(jSide).css({'background': $(this).val(),});
|
||
|
|
});
|
||
|
|
$("#set-top").change(function () {
|
||
|
|
$(".menubar").addClass("sticky");
|
||
|
|
$(".j-sticky").html("jSideSticky: true,");
|
||
|
|
});
|
||
|
|
$("#set-st").change(function () {
|
||
|
|
$(".menubar").removeClass("sticky");
|
||
|
|
$(".j-sticky").html("jSideSticky: false,");
|
||
|
|
});
|
||
|
|
$(".theme-tray span").click(function () {
|
||
|
|
var skin = $(this).attr("class");
|
||
|
|
$(".menubar").attr('class', skin).addClass("menubar sticky");
|
||
|
|
$(".menu-container").attr('class', skin).addClass("menu-container position-left");
|
||
|
|
$(".menu-head").attr('class', skin).addClass("menu-head position-left");
|
||
|
|
var newcode = 'jSideSkin:' + '\"' + skin + '\",';
|
||
|
|
$(".j-skin").html(newcode);
|
||
|
|
});
|
||
|
|
});
|