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

Fix mobile footer overlapping on sidebar

pull/74/head
christianesperar 2016-04-12 20:28:25 +08:00
parent 3880ddd7ca
commit 5238106a6e
34 changed files with 448 additions and 517 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
production/calendar.html
View File

@ -372,9 +372,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/chartjs.html
View File

@ -507,9 +507,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/chartjs2.html
View File

@ -501,9 +501,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella Alela! - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/contacts.html
View File

@ -711,9 +711,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

16
production/css/custom.css
View File

@ -27,7 +27,6 @@ body.nav-sm .navbar.nav_title a i {
border-radius: 50%; border-radius: 50%;
} }
body.nav-sm .main_container .top_nav { body.nav-sm .main_container .top_nav {
padding: 0 !important;
display: block; display: block;
margin-left: 70px; margin-left: 70px;
z-index: 2; z-index: 2;
@ -307,9 +306,7 @@ body {
line-height: 1.471; line-height: 1.471;
} }
.main_container .top_nav { .main_container .top_nav {
padding: 0 !important;
display: block; display: block;
padding: 10px 20px 0;
margin-left: 230px; margin-left: 230px;
} }
.main_container {} .main_container {}
@ -660,9 +657,13 @@ li.current-page a {
.x_content canvas {} .x_content canvas {}
footer { footer {
background: #fff; background: #fff;
padding: 5px 20px 0; padding: 15px 20px;
height: 45px; margin: 0 -10px;
margin: 0 -17px; }
@media (min-width: 768px) {
footer {
margin: 0 -20px;
}
} }
.tile-stats.sparkline { .tile-stats.sparkline {
padding: 10px; padding: 10px;
@ -5383,6 +5384,3 @@ ul.notifications {
width: 100%; width: 100%;
height: 2px; height: 2px;
} }
.copyright-info {
padding: 8px 0;
}

5
production/e_commerce.html
View File

@ -497,9 +497,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

4
production/echarts.html
View File

@ -690,8 +690,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a></p> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

752
production/empty.html
View File

@ -2,430 +2,428 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. --> <!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gentallela Alela! | </title> <title>Gentallela Alela! | </title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="fonts/css/font-awesome.min.css" rel="stylesheet"> <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet">
<!-- Custom styling plus plugins --> <!-- Custom styling plus plugins -->
<link href="css/custom.css" rel="stylesheet"> <link href="css/custom.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/maps/jquery-jvectormap-2.0.3.css" /> <link rel="stylesheet" type="text/css" href="css/maps/jquery-jvectormap-2.0.3.css" />
<link href="css/icheck/flat/green.css" rel="stylesheet" /> <link href="css/icheck/flat/green.css" rel="stylesheet" />
<link href="css/floatexamples.css" rel="stylesheet" type="text/css" /> <link href="css/floatexamples.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script> <script src="js/jquery.min.js"></script>
<script src="js/nprogress.js"></script> <script src="js/nprogress.js"></script>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="../assets/js/ie8-responsive-file-warning.js"></script> <script src="../assets/js/ie8-responsive-file-warning.js"></script>
<![endif]--> <![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="nav-md"> <body class="nav-md">
<div class="container body"> <div class="container body">
<div class="main_container"> <div class="main_container">
<div class="col-md-3 left_col"> <div class="col-md-3 left_col">
<div class="left_col scroll-view"> <div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;"> <div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Empty!</span></a> <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Empty!</span></a>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<!-- menu prile quick info --> <!-- menu prile quick info -->
<div class="profile"> <div class="profile">
<div class="profile_pic"> <div class="profile_pic">
<img src="images/img.jpg" alt="..." class="img-circle profile_img"> <img src="images/img.jpg" alt="..." class="img-circle profile_img">
</div> </div>
<div class="profile_info"> <div class="profile_info">
<span>Welcome,</span> <span>Welcome,</span>
<h2>Empty user</h2> <h2>Empty user</h2>
</div> </div>
</div> </div>
<!-- /menu prile quick info --> <!-- /menu prile quick info -->
<br /> <br />
<!-- sidebar menu --> <!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section"> <div class="menu_section">
<h3>General</h3> <h3>General</h3>
<ul class="nav side-menu"> <ul class="nav side-menu">
<li><a><i class="fa fa-home"></i> Menu1 <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-home"></i> Menu1 <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu" style="display: none"> <ul class="nav child_menu" style="display: none">
<li><a href="empty.html">Sub1.1</a> <li><a href="empty.html">Sub1.1</a>
</li> </li>
<li><a href="empty.html">Sub1.2</a> <li><a href="empty.html">Sub1.2</a>
</li> </li>
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-edit"></i> Menu2 <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-edit"></i> Menu2 <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu" style="display: none"> <ul class="nav child_menu" style="display: none">
<li><a href="empty.html">Menu2.1</a> <li><a href="empty.html">Menu2.1</a>
</li> </li>
<li><a href="empty.html">Meny2.2s</a> <li><a href="empty.html">Meny2.2s</a>
</li> </li>
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- /sidebar menu --> <!-- /sidebar menu -->
<!-- /menu footer buttons --> <!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small"> <div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings"> <a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a> </a>
<a data-toggle="tooltip" data-placement="top" title="FullScreen"> <a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a> </a>
<a data-toggle="tooltip" data-placement="top" title="Lock"> <a data-toggle="tooltip" data-placement="top" title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a> </a>
<a data-toggle="tooltip" data-placement="top" title="Logout"> <a data-toggle="tooltip" data-placement="top" title="Logout">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span> <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a> </a>
</div> </div>
<!-- /menu footer buttons --> <!-- /menu footer buttons -->
</div> </div>
</div> </div>
<!-- top navigation --> <!-- top navigation -->
<div class="top_nav"> <div class="top_nav">
<div class="nav_menu"> <div class="nav_menu">
<nav class="" role="navigation"> <nav class="" role="navigation">
<div class="nav toggle"> <div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a> <a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div> </div>
</nav> </nav>
</div> </div>
</div> </div>
<!-- /top navigation --> <!-- /top navigation -->
<!-- page content --> <!-- page content -->
<div class="right_col" role="main"> <div class="right_col" role="main">
<div class="row"> <div class="row">
<div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12">
<div class="dashboard_graph"> <div class="dashboard_graph">
<div class="row x_title"> <div class="row x_title">
<div class="col-md-6"> <div class="col-md-6">
<h3>Empty <small>no content</small></h3> <h3>Empty <small>no content</small></h3>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
</div> </div>
</div> </div>
<div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12">
... ...
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</div> </div>
<br /> <br />
<!-- footer content --> <!-- footer content -->
<footer>
<div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div>
<div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
<!-- /page content -->
<footer> </div>
<div class="copyright-info">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div>
<div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
<!-- /page content -->
</div> </div>
</div> <div id="custom_notifications" class="custom-notifications dsp_none">
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
</ul>
<div class="clearfix"></div>
<div id="notif-group" class="tabbed_notifications"></div>
</div>
<div id="custom_notifications" class="custom-notifications dsp_none"> <script src="js/bootstrap.min.js"></script>
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
</ul>
<div class="clearfix"></div>
<div id="notif-group" class="tabbed_notifications"></div>
</div>
<script src="js/bootstrap.min.js"></script> <!-- gauge js -->
<script type="text/javascript" src="js/gauge/gauge.min.js"></script>
<script type="text/javascript" src="js/gauge/gauge_demo.js"></script>
<!-- chart js -->
<script src="js/chartjs/chart.min.js"></script>
<!-- bootstrap progress js -->
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
<!-- icheck -->
<script src="js/icheck/icheck.min.js"></script>
<!-- daterangepicker -->
<script type="text/javascript" src="js/moment/moment.min.js"></script>
<script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>
<!-- gauge js --> <script src="js/custom.js"></script>
<script type="text/javascript" src="js/gauge/gauge.min.js"></script>
<script type="text/javascript" src="js/gauge/gauge_demo.js"></script>
<!-- chart js -->
<script src="js/chartjs/chart.min.js"></script>
<!-- bootstrap progress js -->
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
<!-- icheck -->
<script src="js/icheck/icheck.min.js"></script>
<!-- daterangepicker -->
<script type="text/javascript" src="js/moment/moment.min.js"></script>
<script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>
<script src="js/custom.js"></script> <!-- flot js -->
<!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="js/flot/jquery.flot.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.time.min.js"></script>
<script type="text/javascript" src="js/flot/date.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.spline.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
<script type="text/javascript" src="js/flot/curvedLines.js"></script>
<script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
<script>
$(document).ready(function() {
// [17, 74, 6, 39, 20, 85, 7]
//[82, 23, 66, 9, 99, 6, 2]
var data1 = [
[gd(2012, 1, 1), 17],
[gd(2012, 1, 2), 74],
[gd(2012, 1, 3), 6],
[gd(2012, 1, 4), 39],
[gd(2012, 1, 5), 20],
[gd(2012, 1, 6), 85],
[gd(2012, 1, 7), 7]
];
<!-- flot js --> var data2 = [
<!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]--> [gd(2012, 1, 1), 82],
<script type="text/javascript" src="js/flot/jquery.flot.js"></script> [gd(2012, 1, 2), 23],
<script type="text/javascript" src="js/flot/jquery.flot.pie.js"></script> [gd(2012, 1, 3), 66],
<script type="text/javascript" src="js/flot/jquery.flot.orderBars.js"></script> [gd(2012, 1, 4), 9],
<script type="text/javascript" src="js/flot/jquery.flot.time.min.js"></script> [gd(2012, 1, 5), 119],
<script type="text/javascript" src="js/flot/date.js"></script> [gd(2012, 1, 6), 6],
<script type="text/javascript" src="js/flot/jquery.flot.spline.js"></script> [gd(2012, 1, 7), 9]
<script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script> ];
<script type="text/javascript" src="js/flot/curvedLines.js"></script> $("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
<script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script> data1, data2
<script> ], {
$(document).ready(function() { series: {
// [17, 74, 6, 39, 20, 85, 7] lines: {
//[82, 23, 66, 9, 99, 6, 2] show: false,
var data1 = [ fill: true
[gd(2012, 1, 1), 17], },
[gd(2012, 1, 2), 74], splines: {
[gd(2012, 1, 3), 6], show: true,
[gd(2012, 1, 4), 39], tension: 0.4,
[gd(2012, 1, 5), 20], lineWidth: 1,
[gd(2012, 1, 6), 85], fill: 0.4
[gd(2012, 1, 7), 7] },
]; points: {
radius: 0,
show: true
},
shadowSize: 2
},
grid: {
verticalLines: true,
hoverable: true,
clickable: true,
tickColor: "#d5d5d5",
borderWidth: 1,
color: '#fff'
},
colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
xaxis: {
tickColor: "rgba(51, 51, 51, 0.06)",
mode: "time",
tickSize: [1, "day"],
//tickLength: 10,
axisLabel: "Date",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 10
//mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]
},
yaxis: {
ticks: 8,
tickColor: "rgba(51, 51, 51, 0.06)",
},
tooltip: false
});
var data2 = [ function gd(year, month, day) {
[gd(2012, 1, 1), 82], return new Date(year, month - 1, day).getTime();
[gd(2012, 1, 2), 23], }
[gd(2012, 1, 3), 66], });
[gd(2012, 1, 4), 9], </script>
[gd(2012, 1, 5), 119],
[gd(2012, 1, 6), 6],
[gd(2012, 1, 7), 9]
];
$("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
data1, data2
], {
series: {
lines: {
show: false,
fill: true
},
splines: {
show: true,
tension: 0.4,
lineWidth: 1,
fill: 0.4
},
points: {
radius: 0,
show: true
},
shadowSize: 2
},
grid: {
verticalLines: true,
hoverable: true,
clickable: true,
tickColor: "#d5d5d5",
borderWidth: 1,
color: '#fff'
},
colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
xaxis: {
tickColor: "rgba(51, 51, 51, 0.06)",
mode: "time",
tickSize: [1, "day"],
//tickLength: 10,
axisLabel: "Date",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 10
//mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]
},
yaxis: {
ticks: 8,
tickColor: "rgba(51, 51, 51, 0.06)",
},
tooltip: false
});
function gd(year, month, day) { <!-- worldmap -->
return new Date(year, month - 1, day).getTime(); <script type="text/javascript" src="js/maps/jquery-jvectormap-2.0.3.min.js"></script>
} <script type="text/javascript" src="js/maps/gdp-data.js"></script>
}); <script type="text/javascript" src="js/maps/jquery-jvectormap-world-mill-en.js"></script>
</script> <script type="text/javascript" src="js/maps/jquery-jvectormap-us-aea-en.js"></script>
<!-- pace -->
<script src="js/pace/pace.min.js"></script>
<script>
$(function() {
$('#world-map-gdp').vectorMap({
map: 'world_mill_en',
backgroundColor: 'transparent',
zoomOnScroll: false,
series: {
regions: [{
values: gdpData,
scale: ['#E6F2F0', '#149B7E'],
normalizeFunction: 'polynomial'
}]
},
onRegionTipShow: function(e, el, code) {
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
}
});
});
</script>
<!-- skycons -->
<script src="js/skycons/skycons.min.js"></script>
<script>
var icons = new Skycons({
"color": "#73879C"
}),
list = [
"clear-day", "clear-night", "partly-cloudy-day",
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
"fog"
],
i;
<!-- worldmap --> for (i = list.length; i--;)
<script type="text/javascript" src="js/maps/jquery-jvectormap-2.0.3.min.js"></script> icons.set(list[i], list[i]);
<script type="text/javascript" src="js/maps/gdp-data.js"></script>
<script type="text/javascript" src="js/maps/jquery-jvectormap-world-mill-en.js"></script>
<script type="text/javascript" src="js/maps/jquery-jvectormap-us-aea-en.js"></script>
<!-- pace -->
<script src="js/pace/pace.min.js"></script>
<script>
$(function() {
$('#world-map-gdp').vectorMap({
map: 'world_mill_en',
backgroundColor: 'transparent',
zoomOnScroll: false,
series: {
regions: [{
values: gdpData,
scale: ['#E6F2F0', '#149B7E'],
normalizeFunction: 'polynomial'
}]
},
onRegionTipShow: function(e, el, code) {
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
}
});
});
</script>
<!-- skycons -->
<script src="js/skycons/skycons.min.js"></script>
<script>
var icons = new Skycons({
"color": "#73879C"
}),
list = [
"clear-day", "clear-night", "partly-cloudy-day",
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
"fog"
],
i;
for (i = list.length; i--;) icons.play();
icons.set(list[i], list[i]); </script>
icons.play(); <!-- dashbord linegraph -->
</script> <script>
var doughnutData = [{
value: 30,
color: "#455C73"
}, {
value: 30,
color: "#9B59B6"
}, {
value: 60,
color: "#BDC3C7"
}, {
value: 100,
color: "#26B99A"
}, {
value: 120,
color: "#3498DB"
}];
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
</script>
<!-- /dashbord linegraph -->
<!-- datepicker -->
<script type="text/javascript">
$(document).ready(function() {
<!-- dashbord linegraph --> var cb = function(start, end, label) {
<script> console.log(start.toISOString(), end.toISOString(), label);
var doughnutData = [{ $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
value: 30, //alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
color: "#455C73" }
}, {
value: 30,
color: "#9B59B6"
}, {
value: 60,
color: "#BDC3C7"
}, {
value: 100,
color: "#26B99A"
}, {
value: 120,
color: "#3498DB"
}];
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
</script>
<!-- /dashbord linegraph -->
<!-- datepicker -->
<script type="text/javascript">
$(document).ready(function() {
var cb = function(start, end, label) { var optionSet1 = {
console.log(start.toISOString(), end.toISOString(), label); startDate: moment().subtract(29, 'days'),
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); endDate: moment(),
//alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]"); minDate: '01/01/2012',
} maxDate: '12/31/2015',
dateLimit: {
var optionSet1 = { days: 60
startDate: moment().subtract(29, 'days'), },
endDate: moment(), showDropdowns: true,
minDate: '01/01/2012', showWeekNumbers: true,
maxDate: '12/31/2015', timePicker: false,
dateLimit: { timePickerIncrement: 1,
days: 60 timePicker12Hour: true,
}, ranges: {
showDropdowns: true, 'Today': [moment(), moment()],
showWeekNumbers: true, 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
timePicker: false, 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
timePickerIncrement: 1, 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
timePicker12Hour: true, 'This Month': [moment().startOf('month'), moment().endOf('month')],
ranges: { 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
'Today': [moment(), moment()], },
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], opens: 'left',
'Last 7 Days': [moment().subtract(6, 'days'), moment()], buttonClasses: ['btn btn-default'],
'Last 30 Days': [moment().subtract(29, 'days'), moment()], applyClass: 'btn-small btn-primary',
'This Month': [moment().startOf('month'), moment().endOf('month')], cancelClass: 'btn-small',
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] format: 'MM/DD/YYYY',
}, separator: ' to ',
opens: 'left', locale: {
buttonClasses: ['btn btn-default'], applyLabel: 'Submit',
applyClass: 'btn-small btn-primary', cancelLabel: 'Clear',
cancelClass: 'btn-small', fromLabel: 'From',
format: 'MM/DD/YYYY', toLabel: 'To',
separator: ' to ', customRangeLabel: 'Custom',
locale: { daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
applyLabel: 'Submit', monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
cancelLabel: 'Clear', firstDay: 1
fromLabel: 'From', }
toLabel: 'To', };
customRangeLabel: 'Custom', $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], $('#reportrange').daterangepicker(optionSet1, cb);
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], $('#reportrange').on('show.daterangepicker', function() {
firstDay: 1 console.log("show event fired");
} });
}; $('#reportrange').on('hide.daterangepicker', function() {
$('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY')); console.log("hide event fired");
$('#reportrange').daterangepicker(optionSet1, cb); });
$('#reportrange').on('show.daterangepicker', function() { $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
console.log("show event fired"); console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
}); });
$('#reportrange').on('hide.daterangepicker', function() { $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
console.log("hide event fired"); console.log("cancel event fired");
}); });
$('#reportrange').on('apply.daterangepicker', function(ev, picker) { $('#options1').click(function() {
console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY')); $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
}); });
$('#reportrange').on('cancel.daterangepicker', function(ev, picker) { $('#options2').click(function() {
console.log("cancel event fired"); $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
}); });
$('#options1').click(function() { $('#destroy').click(function() {
$('#reportrange').data('daterangepicker').setOptions(optionSet1, cb); $('#reportrange').data('daterangepicker').remove();
}); });
$('#options2').click(function() { });
$('#reportrange').data('daterangepicker').setOptions(optionSet2, cb); </script>
}); <script>
$('#destroy').click(function() { NProgress.done();
$('#reportrange').data('daterangepicker').remove(); </script>
}); <!-- /datepicker -->
}); <!-- /footer content -->
</script>
<script>
NProgress.done();
</script>
<!-- /datepicker -->
<!-- /footer content -->
</body> </body>
</html> </html>

6
production/form.html
View File

@ -1381,14 +1381,12 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
</div> </div>

6
production/form_advanced.html
View File

@ -1797,14 +1797,12 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>

5
production/form_buttons.html
View File

@ -780,9 +780,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/form_upload.html
View File

@ -377,9 +377,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/form_validation.html
View File

@ -455,9 +455,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/form_wizards.html
View File

@ -631,9 +631,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/general_elements.html
View File

@ -1650,9 +1650,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/glyphicons.html
View File

@ -1761,9 +1761,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/icons.html
View File

@ -2372,9 +2372,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/inbox.html
View File

@ -567,9 +567,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

17
production/index.html
View File

@ -1054,32 +1054,19 @@
</div> </div>
<!-- end of weather widget --> <!-- end of weather widget -->
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>
</div> </div>

5
production/index2.html
View File

@ -788,9 +788,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

7
production/index3.html
View File

@ -896,16 +896,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/invoice.html
View File

@ -524,9 +524,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/media_gallery.html
View File

@ -563,9 +563,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

7
production/morisjs.html
View File

@ -501,20 +501,17 @@
</div> </div>
</div> </div>
<!-- /line graph --> <!-- /line graph -->
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>

9
production/other_charts.html
View File

@ -463,25 +463,20 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>

6
production/plain_page.html
View File

@ -366,14 +366,12 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>

8
production/pricing_tables.html
View File

@ -509,17 +509,15 @@
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
</div> </div>

5
production/profile.html
View File

@ -668,9 +668,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/project_detail.html
View File

@ -503,9 +503,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/projects.html
View File

@ -709,9 +709,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

7
production/tables.html
View File

@ -764,20 +764,17 @@
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

6
production/tables_dynamic.html
View File

@ -3035,11 +3035,11 @@
</div> </div>
</div> </div>
</div> </div>
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

5
production/typography.html
View File

@ -405,9 +405,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>

14
production/widgets.html
View File

@ -917,16 +917,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -935,9 +926,8 @@
<!-- footer content --> <!-- footer content -->
<footer> <footer>
<div class="copyright-info"> <div class="pull-right">
<p class="pull-right">Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</p>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>