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

@ -23,7 +23,7 @@
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
<body class="skin-blue" data-spy="scroll" data-target="#scrollspy">
<div class="wrapper">
<header class="main-header">
@ -38,7 +38,7 @@
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
@ -102,6 +102,11 @@
<!-- Main content -->
<div class="content body">
<p class="lead">
This documentation is for versions 2.3 and under.
If you are looking for documentation for version 2.4 and above,
please visit <a href="https://almsaeedstudio.com/adminlte-docs">our online documentation</a>.
</p>
include "introduction.html"
@ -176,14 +181,14 @@ include "license.html"
</div><!-- ./wrapper -->
<!-- jQuery 2.2.3 -->
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery 3.1.1 -->
<script src="../plugins/jQuery/jquery-3.1.1.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

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
})
})

View file

@ -38,7 +38,7 @@
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
@ -2151,14 +2151,14 @@ AdminLTE/
</div><!-- ./wrapper -->
<!-- jQuery 2.2.3 -->
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery 3.1.1 -->
<script src="../plugins/jQuery/jquery-3.1.1.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/app.min.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>