mirror of https://github.com/jumpserver/jumpserver
添加Demo皮肤设置
ibuler
parent
542873159b
commit
6d32e6a1a7
|
|
@ -6,7 +6,3 @@ from django.shortcuts import render_to_response
|
|||
|
||||
def base(request):
|
||||
return render_to_response('base.html')
|
||||
|
||||
|
||||
def skin_config(request):
|
||||
return render_to_response('skin_config.html')
|
||||
|
|
|
|||
|
|
@ -1,209 +0,0 @@
|
|||
<div class="theme-config">
|
||||
<div class="theme-config-box">
|
||||
<div class="spin-icon">
|
||||
<i class="fa fa-cogs fa-spin"></i>
|
||||
</div>
|
||||
<div class="skin-setttings">
|
||||
<div class="title">Configuration</div>
|
||||
<div class="setings-item">
|
||||
<span>
|
||||
Collapse menu
|
||||
</span>
|
||||
|
||||
<div class="switch">
|
||||
<div class="onoffswitch">
|
||||
<input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu">
|
||||
<label class="onoffswitch-label" for="collapsemenu">
|
||||
<span class="onoffswitch-inner"></span>
|
||||
<span class="onoffswitch-switch"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setings-item">
|
||||
<span>
|
||||
Fixed sidebar
|
||||
</span>
|
||||
|
||||
<div class="switch">
|
||||
<div class="onoffswitch">
|
||||
<input type="checkbox" name="fixedsidebar" class="onoffswitch-checkbox" id="fixedsidebar">
|
||||
<label class="onoffswitch-label" for="fixedsidebar">
|
||||
<span class="onoffswitch-inner"></span>
|
||||
<span class="onoffswitch-switch"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setings-item">
|
||||
<span>
|
||||
Top navbar
|
||||
</span>
|
||||
|
||||
<div class="switch">
|
||||
<div class="onoffswitch">
|
||||
<input type="checkbox" name="fixednavbar" class="onoffswitch-checkbox" id="fixednavbar">
|
||||
<label class="onoffswitch-label" for="fixednavbar">
|
||||
<span class="onoffswitch-inner"></span>
|
||||
<span class="onoffswitch-switch"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setings-item">
|
||||
<span>
|
||||
Boxed layout
|
||||
</span>
|
||||
|
||||
<div class="switch">
|
||||
<div class="onoffswitch">
|
||||
<input type="checkbox" name="boxedlayout" class="onoffswitch-checkbox" id="boxedlayout">
|
||||
<label class="onoffswitch-label" for="boxedlayout">
|
||||
<span class="onoffswitch-inner"></span>
|
||||
<span class="onoffswitch-switch"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="setings-item">
|
||||
<span>
|
||||
Fixed footer
|
||||
</span>
|
||||
|
||||
<div class="switch">
|
||||
<div class="onoffswitch">
|
||||
<input type="checkbox" name="fixedfooter" class="onoffswitch-checkbox" id="fixedfooter">
|
||||
<label class="onoffswitch-label" for="fixedfooter">
|
||||
<span class="onoffswitch-inner"></span>
|
||||
<span class="onoffswitch-switch"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title">Skins</div>
|
||||
<div class="setings-item default-skin">
|
||||
<span class="skin-name ">
|
||||
<a href="#" class="s-skin-0">
|
||||
Default
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="setings-item blue-skin">
|
||||
<span class="skin-name ">
|
||||
<a href="#" class="s-skin-1">
|
||||
Blue light
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="setings-item yellow-skin">
|
||||
<span class="skin-name ">
|
||||
<a href="#" class="s-skin-3">
|
||||
Yellow/Purple
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
// Config box
|
||||
|
||||
// Enable/disable fixed top navbar
|
||||
$('#fixednavbar').click(function () {
|
||||
if ($('#fixednavbar').is(':checked')) {
|
||||
$(".navbar-static-top").removeClass('navbar-static-top').addClass('navbar-fixed-top');
|
||||
$("body").removeClass('boxed-layout');
|
||||
$("body").addClass('fixed-nav');
|
||||
$('#boxedlayout').prop('checked', false);
|
||||
} else {
|
||||
$(".navbar-fixed-top").removeClass('navbar-fixed-top').addClass('navbar-static-top');
|
||||
$("body").removeClass('fixed-nav');
|
||||
}
|
||||
});
|
||||
|
||||
// Enable/disable fixed sidebar
|
||||
$('#fixedsidebar').click(function () {
|
||||
if ($('#fixedsidebar').is(':checked')) {
|
||||
$("body").addClass('fixed-sidebar');
|
||||
$('.sidebar-collapse').slimScroll({
|
||||
height: '100%',
|
||||
railOpacity: 0.9,
|
||||
});
|
||||
} else {
|
||||
$('.sidebar-collapse').slimscroll({destroy: true});
|
||||
$('.sidebar-collapse').attr('style', '');
|
||||
$("body").removeClass('fixed-sidebar');
|
||||
}
|
||||
});
|
||||
|
||||
// Enable/disable collapse menu
|
||||
$('#collapsemenu').click(function () {
|
||||
if ($('#collapsemenu').is(':checked')) {
|
||||
$("body").addClass('mini-navbar');
|
||||
SmoothlyMenu();
|
||||
} else {
|
||||
$("body").removeClass('mini-navbar');
|
||||
SmoothlyMenu();
|
||||
}
|
||||
});
|
||||
|
||||
// Enable/disable boxed layout
|
||||
$('#boxedlayout').click(function () {
|
||||
if ($('#boxedlayout').is(':checked')) {
|
||||
$("body").addClass('boxed-layout');
|
||||
$('#fixednavbar').prop('checked', false);
|
||||
$(".navbar-fixed-top").removeClass('navbar-fixed-top').addClass('navbar-static-top');
|
||||
$("body").removeClass('fixed-nav');
|
||||
$(".footer").removeClass('fixed');
|
||||
$('#fixedfooter').prop('checked', false);
|
||||
} else {
|
||||
$("body").removeClass('boxed-layout');
|
||||
}
|
||||
});
|
||||
|
||||
// Enable/disable fixed footer
|
||||
$('#fixedfooter').click(function () {
|
||||
if ($('#fixedfooter').is(':checked')) {
|
||||
$('#boxedlayout').prop('checked', false);
|
||||
$("body").removeClass('boxed-layout');
|
||||
$(".footer").addClass('fixed');
|
||||
} else {
|
||||
$(".footer").removeClass('fixed');
|
||||
}
|
||||
});
|
||||
|
||||
// SKIN Select
|
||||
$('.spin-icon').click(function () {
|
||||
$(".theme-config-box").toggleClass("show");
|
||||
});
|
||||
|
||||
// Default skin
|
||||
$('.s-skin-0').click(function () {
|
||||
$("body").removeClass("skin-1");
|
||||
$("body").removeClass("skin-2");
|
||||
$("body").removeClass("skin-3");
|
||||
});
|
||||
|
||||
// Blue skin
|
||||
$('.s-skin-1').click(function () {
|
||||
$("body").removeClass("skin-2");
|
||||
$("body").removeClass("skin-3");
|
||||
$("body").addClass("skin-1");
|
||||
});
|
||||
|
||||
// Inspinia ultra skin
|
||||
$('.s-skin-2').click(function () {
|
||||
$("body").removeClass("skin-1");
|
||||
$("body").removeClass("skin-3");
|
||||
$("body").addClass("skin-2");
|
||||
});
|
||||
|
||||
// Yellow skin
|
||||
$('.s-skin-3').click(function () {
|
||||
$("body").removeClass("skin-1");
|
||||
$("body").removeClass("skin-2");
|
||||
$("body").addClass("skin-3");
|
||||
});
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue