|
|
@@ -12,6 +12,17 @@
|
|
|
<link rel="stylesheet" href="/AdminLTE-3.0.5/dist/css/adminlte.min.css">
|
|
|
<!-- overlayScrollbars -->
|
|
|
<link rel="stylesheet" href="/AdminLTE-3.0.5/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
|
|
|
+
|
|
|
+ <style>
|
|
|
+ .loading-rotate {
|
|
|
+ -webkit-animation:spin 0.3s linear infinite;
|
|
|
+ -moz-animation:spin 0.3s linear infinite;
|
|
|
+ animation:spin 0.3s linear infinite;
|
|
|
+ }
|
|
|
+ @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
|
|
+ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
|
|
+ @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body class="hold-transition sidebar-mini layout-fixed">
|
|
|
<div class="wrapper">
|
|
|
@@ -38,9 +49,9 @@
|
|
|
</form>
|
|
|
|
|
|
<!-- Right navbar links -->
|
|
|
- <ul class="navbar-nav ml-auto">
|
|
|
+ <ul class="navbar-nav mr-auto ml-2">
|
|
|
<li class="nav-item">
|
|
|
- <a class="nav-link" href="#" role="button" onclick="window.location.reload(); return false">
|
|
|
+ <a id="reload-icon" class="nav-link" href="#" role="button" onclick="window.location.reload(); return false">
|
|
|
<i class="fa fa-sync"></i>
|
|
|
</a>
|
|
|
</li>
|
|
|
@@ -127,16 +138,18 @@
|
|
|
var received = $(_data);
|
|
|
// $('#main-sidenav').replaceWith($(_data).find('#main-sidenav'));
|
|
|
var activeHref = $(_data).find('#main-sidenav').find('.nav-link.active').attr('href');
|
|
|
- $('#main-sidenav a.nav-link.active').removeClass('active');
|
|
|
- $('#main-sidenav a[href="' + activeHref + '"]').addClass('active').focus();
|
|
|
+ $('#main-sidenav a.nav-link.active').removeClass('active').blur();
|
|
|
+ $('#main-sidenav a[href="' + activeHref + '"]').addClass('active');
|
|
|
$('#main-content').replaceWith($(_data).find('#main-content'));
|
|
|
$(window).scrollTop(0);
|
|
|
if(pushState) {
|
|
|
window.top.history.pushState(target, null, '/mc/' + target);
|
|
|
}
|
|
|
+ $('#reload-icon').removeClass('loading-rotate');
|
|
|
});
|
|
|
}
|
|
|
$(document).on('click', 'a:not([href="#"])', function() {
|
|
|
+ $('#reload-icon').addClass('loading-rotate');
|
|
|
var target = this.href;
|
|
|
if(target.indexOf('//') !== -1) {
|
|
|
target = target.split('//')[1];
|
|
|
@@ -148,9 +161,11 @@
|
|
|
return false;
|
|
|
});
|
|
|
$(document).on('submit', 'form[action="/post-to-api"]', function() {
|
|
|
+ $('#reload-icon').addClass('loading-rotate');
|
|
|
$.post(this.action, $(this).serialize(), function(_data) {
|
|
|
$('#main-content').replaceWith($(_data).find('#main-content'));
|
|
|
$(window).scrollTop(0);
|
|
|
+ $('#reload-icon').removeClass('loading-rotate');
|
|
|
});
|
|
|
return false;
|
|
|
});
|
