define(['jquery', 'sent', 'adminlte'], function($, sent, AdminLTE){
//Create the new tab
var tab_pane = $("", {
"id": "control-sidebar-theme-demo-options-tab",
"class": "tab-pane active"
});
//Create the tab button
var tab_button = $("", {"class": "active"})
.html(""
+ ""
+ "");
//Create the menu
var demo_settings = $("");
//Layout options
demo_settings.append(
""
//Fixed layout
+ ""
+ ""
+ "
"
//Boxed layout
+ ""
+ ""
+ "
"
//Sidebar Toggle
+ ""
+ ""
+ "
"
//Sidebar mini expand on hover toggle
+ ""
+ ""
+ "
"
//Control Sidebar Skin Toggle
+ ""
+ ""
+ "
"
);
var skins_list = $("", {"class": 'list-unstyled clearfix'});
//Dark sidebar skins
var skin_blue =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "蓝色
");
skins_list.append(skin_blue);
var skin_black =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "黑色
");
skins_list.append(skin_black);
var skin_purple =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "紫色
");
skins_list.append(skin_purple);
var skin_green =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "绿色
");
skins_list.append(skin_green);
var skin_red =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "红色
");
skins_list.append(skin_red);
var skin_yellow =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "黄色
");
skins_list.append(skin_yellow);
//Light sidebar skins
var skin_blue_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮蓝
");
skins_list.append(skin_blue_light);
var skin_black_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮
");
skins_list.append(skin_black_light);
var skin_purple_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮紫
");
skins_list.append(skin_purple_light);
var skin_green_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮绿
");
skins_list.append(skin_green_light);
var skin_red_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮红
");
skins_list.append(skin_red_light);
var skin_yellow_light =
$("", {style: "float:left; width: 33.33333%; padding: 5px;"})
.append(""
+ "
"
+ "
"
+ ""
+ "亮黄
");
skins_list.append(skin_yellow_light);
demo_settings.append("");
demo_settings.append(skins_list);
tab_pane.append(demo_settings);
$("#control-sidebar-content").append(tab_pane);
var backend = {
/**
* List of all the available skins
*
* @type Array
*/
mySkins: ['skin-blue', 'skin-black', 'skin-red', 'skin-yellow', 'skin-purple', 'skin-green', 'skin-blue-light', 'skin-black-light', 'skin-red-light', 'skin-yellow-light', 'skin-purple-light', 'skin-green-light'],
change_layout: function(cls){
$("body").toggleClass(cls);
AdminLTE.layout.fixSidebar();
//Fix the problem with right sidebar and layout boxed
if (cls == "layout-boxed")
AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
if ($('body').hasClass('fixed') && cls == 'fixed') {
AdminLTE.pushMenu.expandOnHover();
AdminLTE.layout.activate();
}
AdminLTE.controlSidebar._fix($(".control-sidebar-bg"));
AdminLTE.controlSidebar._fix($(".control-sidebar"));
},
change_skin: function(cls){
$.each(backend.mySkins, function (i) {
$('body').removeClass(backend.mySkins[i])
})
$('body').addClass(cls)
sent.store.set({name:'skin', content:cls})
return false
},
init: function(){
var tmp = sent.store.get({name:'skin'});
if (tmp && $.inArray(tmp, backend.my_skins))
backend.change_skin(tmp);
//Add the change skin listener
$("[data-skin]").on('click', function (e) {
if($(this).hasClass('knob'))
return;
e.preventDefault();
backend.change_skin($(this).data('skin'));
});
//Add the layout manager
$("[data-layout]").on('click', function () {
backend.change_layout($(this).data('layout'));
});
$("[data-controlsidebar]").on('click', function () {
backend.change_layout($(this).data('controlsidebar'));
var slide = !AdminLTE.options.controlSidebarOptions.slide;
AdminLTE.options.controlSidebarOptions.slide = slide;
if (!slide)
$('.control-sidebar').removeClass('control-sidebar-open');
});
$("[data-sidebarskin='toggle']").on('click', function () {
var sidebar = $(".control-sidebar");
if (sidebar.hasClass("control-sidebar-dark")) {
sidebar.removeClass("control-sidebar-dark")
sidebar.addClass("control-sidebar-light")
} else {
sidebar.removeClass("control-sidebar-light")
sidebar.addClass("control-sidebar-dark")
}
});
$("[data-enable='expandOnHover']").on('click', function () {
$(this).attr('disabled', true);
AdminLTE.pushMenu.expandOnHover();
if (!$('body').hasClass('sidebar-collapse'))
$("[data-layout='sidebar-collapse']").click();
});
// Reset options
if ($('body').hasClass('fixed')) {
$("[data-layout='fixed']").attr('checked', 'checked');
}
if ($('body').hasClass('layout-boxed')) {
$("[data-layout='layout-boxed']").attr('checked', 'checked');
}
if ($('body').hasClass('sidebar-collapse')) {
$("[data-layout='sidebar-collapse']").attr('checked', 'checked');
}
if ($('.editable').size() > 0) {
require(['bootstrap-editable'], function(){
$.fn.editable.defaults.mode = 'popup';
$('.editable').editable();
})
}
}
}
backend.init();
return backend;
})