github
/
jumpserver
mirror of https://github.com/jumpserver/jumpserver
1
0
Fork 0
Code Issues Releases Wiki Activity

添加Demo皮肤设置

Browse Source
pull/6/head
ibuler 10 years ago
parent 542873159b
commit 6d32e6a1a7
2 changed files with 0 additions and 213 deletions
Show Stats Download Patch File Download Diff File

4
jumpserver/views.py
Unescape View File

@ -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')

209
templates/skin_config.html
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save