Make documentation compatible with the new js

This commit is contained in:
Abdullah Almsaeed
2017-02-26 16:04:01 -05:00
parent 383d685a5f
commit 3f5abdbfca
3 changed files with 75 additions and 59 deletions

View File

@@ -2,62 +2,73 @@
* Documentation JS script
*/
$(function () {
var slideToTop = $("<div />");
slideToTop.html('<i class="fa fa-chevron-up"></i>');
slideToTop.css({
position: 'fixed',
bottom: '20px',
right: '25px',
width: '40px',
height: '40px',
color: '#eee',
'font-size': '',
'line-height': '40px',
'text-align': 'center',
'use strict'
var $slideToTop = $('<div />')
$slideToTop.html('<i class="fa fa-chevron-up"></i>')
$slideToTop.css({
position : 'fixed',
bottom : '20px',
right : '25px',
width : '40px',
height : '40px',
color : '#eee',
'font-size' : '',
'line-height' : '40px',
'text-align' : 'center',
'background-color': '#222d32',
cursor: 'pointer',
'border-radius': '5px',
'z-index': '99999',
opacity: '.7',
'display': 'none'
});
slideToTop.on('mouseenter', function () {
$(this).css('opacity', '1');
});
slideToTop.on('mouseout', function () {
$(this).css('opacity', '.7');
});
$('.wrapper').append(slideToTop);
cursor : 'pointer',
'border-radius' : '5px',
'z-index' : '99999',
opacity : '.7',
'display' : 'none'
})
$slideToTop.on('mouseenter', function () {
$(this).css('opacity', '1')
})
$slideToTop.on('mouseout', function () {
$(this).css('opacity', '.7')
})
$('.wrapper').append($slideToTop)
$(window).scroll(function () {
if ($(window).scrollTop() >= 150) {
if (!$(slideToTop).is(':visible')) {
$(slideToTop).fadeIn(500);
if (!$($slideToTop).is(':visible')) {
$($slideToTop).fadeIn(500)
}
} else {
$(slideToTop).fadeOut(500);
$($slideToTop).fadeOut(500)
}
});
$(slideToTop).click(function () {
$("body").animate({
})
$($slideToTop).click(function () {
$('body').animate({
scrollTop: 0
}, 500);
});
$(".sidebar-menu li:not(.treeview) a").click(function () {
var $this = $(this);
var target = $this.attr("href");
}, 500)
})
$('.sidebar-menu li:not(.treeview) a').click(function () {
var $this = $(this)
var target = $this.attr('href')
if (typeof target === 'string') {
$("body").animate({
scrollTop: ($(target).offset().top) + "px"
}, 500);
$('body').animate({
scrollTop: ($(target).offset().top) + 'px'
}, 500)
}
});
//Skin switcher
var current_skin = "skin-blue";
$('#layout-skins-list [data-skin]').click(function(e) {
e.preventDefault();
var skinName = $(this).data('skin');
$('body').removeClass(current_skin);
$('body').addClass(skinName);
current_skin = skinName;
});
});
})
// Skin switcher
var currentSkin = 'skin-blue'
$('#layout-skins-list [data-skin]').click(function (e) {
e.preventDefault()
var skinName = $(this).data('skin')
$('body').removeClass(currentSkin)
$('body').addClass(skinName)
currentSkin = skinName
})
})