mirror of
https://github.com/LyLme/lylme_spage.git
synced 2024-11-17 22:38:03 +08:00
161 lines
5.8 KiB
JavaScript
161 lines
5.8 KiB
JavaScript
;
|
|
|
|
jQuery( function() {
|
|
$("body").on('click','[data-stopPropagation]',function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// 滚动条
|
|
const ps = new PerfectScrollbar('.lyear-layout-sidebar-scroll', {
|
|
swipeEasing: false,
|
|
suppressScrollX: true
|
|
});
|
|
|
|
// 侧边栏
|
|
$(document).on('click', '.lyear-aside-toggler', function() {
|
|
$('.lyear-layout-sidebar').toggleClass('lyear-aside-open');
|
|
$("body").toggleClass('lyear-layout-sidebar-close');
|
|
|
|
if ($('.lyear-mask-modal').length == 0) {
|
|
$('<div class="lyear-mask-modal"></div>').prependTo('body');
|
|
} else {
|
|
$( '.lyear-mask-modal' ).remove();
|
|
}
|
|
});
|
|
|
|
// 遮罩层
|
|
$(document).on('click', '.lyear-mask-modal', function() {
|
|
$( this ).remove();
|
|
$('.lyear-layout-sidebar').toggleClass('lyear-aside-open');
|
|
$('body').toggleClass('lyear-layout-sidebar-close');
|
|
});
|
|
|
|
// 侧边栏导航
|
|
$(document).on('click', '.nav-item-has-subnav > a', function() {
|
|
$subnavToggle = jQuery( this );
|
|
$navHasSubnav = $subnavToggle.parent();
|
|
$topHasSubNav = $subnavToggle.parents('.nav-item-has-subnav').last();
|
|
$subnav = $navHasSubnav.find('.nav-subnav').first();
|
|
$viSubHeight = $navHasSubnav.siblings().find('.nav-subnav:visible').outerHeight();
|
|
$scrollBox = $('.lyear-layout-sidebar-scroll');
|
|
$navHasSubnav.siblings().find('.nav-subnav:visible').slideUp(500).parent().removeClass('open');
|
|
$subnav.slideToggle( 300, function() {
|
|
$navHasSubnav.toggleClass( 'open' );
|
|
|
|
// 新增滚动条处理
|
|
var scrollHeight = 0;
|
|
pervTotal = $topHasSubNav.prevAll().length,
|
|
boxHeight = $scrollBox.outerHeight(),
|
|
innerHeight = $('.sidebar-main').outerHeight(),
|
|
thisScroll = $scrollBox.scrollTop(),
|
|
thisSubHeight = $(this).outerHeight(),
|
|
footHeight = 121;
|
|
|
|
if (footHeight + innerHeight - boxHeight >= (pervTotal * 48)) {
|
|
scrollHeight = pervTotal * 48;
|
|
}
|
|
if ($subnavToggle.parents('.nav-item-has-subnav').length == 1) {
|
|
$scrollBox.animate({scrollTop: scrollHeight}, 300);
|
|
} else {
|
|
// 子菜单操作
|
|
if (typeof($viSubHeight) != 'undefined' && $viSubHeight != null) {
|
|
scrollHeight = thisScroll + thisSubHeight - $viSubHeight;
|
|
$scrollBox.animate({scrollTop: scrollHeight}, 300);
|
|
} else {
|
|
if ((thisScroll + boxHeight - $scrollBox[0].scrollHeight) == 0) {
|
|
scrollHeight = thisScroll - thisSubHeight;
|
|
$scrollBox.animate({scrollTop: scrollHeight}, 300);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// 提示
|
|
if($('[data-toggle="tooltip"]')[0]) {
|
|
$('[data-toggle="tooltip"]').tooltip({
|
|
"container" : 'body',
|
|
});
|
|
}
|
|
|
|
// 弹出框
|
|
if($('[data-toggle="popover"]')[0]) {
|
|
$('[data-toggle="popover"]').popover();
|
|
}
|
|
|
|
// 标签
|
|
$('.js-tags-input').each(function() {
|
|
var $this = $(this);
|
|
$this.tagsInput({
|
|
height: $this.data('height') ? $this.data('height') : '38px',
|
|
width: '100%',
|
|
defaultText: $this.attr("placeholder"),
|
|
removeWithBackspace: true,
|
|
delimiter: [',']
|
|
});
|
|
});
|
|
|
|
// 时间选择
|
|
jQuery('.js-datetimepicker').each(function() {
|
|
var $input = jQuery(this);
|
|
$input.datetimepicker({
|
|
format: $input.data('format') ? $input.data('format') : false,
|
|
useCurrent: $input.data('use-current') ? $input.data('use-current') : false,
|
|
locale: moment.locale('' + ($input.data('locale') ? $input.data('locale') : '') + ''),
|
|
showTodayButton: $input.data('show-today-button') ? $input.data('show-today-button') : false,
|
|
showClear: $input.data('show-clear') ? $input.data('show-clear') : false,
|
|
showClose: $input.data('show-close') ? $input.data('show-close') : false,
|
|
sideBySide: $input.data('side-by-side') ? $input.data('side-by-side') : false,
|
|
inline: $input.data('inline') ? $input.data('inline') : false,
|
|
});
|
|
});
|
|
|
|
// 日期选择
|
|
jQuery('.js-datepicker').each(function() {
|
|
var options = {
|
|
weekStart: 1,
|
|
autoclose: typeof($(this).data('auto-close')) != 'undefined' ? $(this).data('auto-close') : true,
|
|
language: 'zh-CN', // 默认简体中文
|
|
multidateSeparator: ', ', // 默认多个日期用,分隔
|
|
format: $(this).data('date-format') ? $(this).data('date-format') : 'yyyy-mm-dd',
|
|
};
|
|
|
|
if ( $(this).prop("tagName") != 'INPUT' ) {
|
|
options.inputs = [$(this).find('input:first'), $(this).find('input:last')];
|
|
}
|
|
|
|
$(this).datepicker(options);
|
|
});
|
|
|
|
// 颜色选取
|
|
jQuery('.js-colorpicker').each(function() {
|
|
var $colorpicker = jQuery(this);
|
|
var $colorpickerMode = $colorpicker.data('colorpicker-mode') ? $colorpicker.data('colorpicker-mode') : 'hex';
|
|
var $colorpickerinline = $colorpicker.data('colorpicker-inline') ? true: false;
|
|
$colorpicker.colorpicker({
|
|
'format': $colorpickerMode,
|
|
'inline': $colorpickerinline
|
|
});
|
|
});
|
|
|
|
// 复选框全选
|
|
$("#check-all").change(function () {
|
|
if ($boxname = $(this).data('name')) {
|
|
$(this).closest('table').find("input[name='" + $boxname + "']").prop('checked', $(this).prop("checked"));
|
|
} else {
|
|
$(this).closest('table').find(".lyear-checkbox input[type='checkbox']").prop('checked', $(this).prop("checked"));
|
|
}
|
|
});
|
|
|
|
// 设置主题配色
|
|
setTheme = function(input_name, data_name) {
|
|
$("input[name='"+input_name+"']").click(function(){
|
|
$('body').attr(data_name, $(this).val());
|
|
});
|
|
}
|
|
setTheme('site_theme', 'data-theme');
|
|
setTheme('logo_bg', 'data-logobg');
|
|
setTheme('header_bg', 'data-headerbg');
|
|
setTheme('sidebar_bg', 'data-sidebarbg');
|
|
|
|
}); |