Update AdminLTE

- from 2.4.5 to 2.4.18 (cannot detect any issues)
- set default scancycle for Apple Devices to 1
This commit is contained in:
leiweibau
2022-07-11 21:34:04 +02:00
parent ceda5da4c5
commit 7ffc0892f7
3506 changed files with 228613 additions and 134604 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,10 +1,12 @@
/*!
* AdminLTE v2.4.0 Without Third-Party Plugins
* Author: Almsaeed Studio
* Website: Almsaeed Studio <https://adminlte.io>
* License: Open source - MIT
* Please visit http://opensource.org/licenses/MIT for more information
!*/
* AdminLTE v2.4.18
* Without Third-Party Plugins
*
* Author: Colorlib
* Support: <https://github.com/ColorlibHQ/AdminLTE/issues>
* Repository: git://github.com/ColorlibHQ/AdminLTE.git
* License: MIT <http://opensource.org/licenses/MIT>
*/
/*
* Core: General Layout Style
* -------------------------
@@ -86,10 +88,15 @@ body {
}
}
.content-wrapper {
min-height: 100%;
min-height: calc(100vh - 101px);
background-color: #ecf0f5;
z-index: 800;
}
@media (max-width: 767px) {
.content-wrapper {
min-height: calc(100vh - 151px);
}
}
.main-footer {
background: #fff;
padding: 15px;
@@ -262,6 +269,13 @@ a:focus {
.main-header .sidebar-toggle:active {
background: transparent;
}
.main-header .sidebar-toggle.fa5 {
font-family: "Font Awesome\ 5 Free";
}
.main-header .sidebar-toggle.fa5:before {
content: "\f0c9";
font-weight: 900;
}
.main-header .sidebar-toggle .icon-bar {
display: none;
}
@@ -277,7 +291,7 @@ a:focus {
text-align: center;
font-size: 9px;
padding: 2px 3px;
line-height: .9;
line-height: 0.9;
}
.main-header .logo {
-webkit-transition: width 0.3s ease-in-out;
@@ -295,12 +309,40 @@ a:focus {
font-weight: 300;
overflow: hidden;
}
.main-header .logo img {
padding: 4px;
object-fit: contain;
margin: 0 auto;
}
.main-header .logo .logo-lg {
display: block;
}
.main-header .logo .logo-lg img {
max-width: 200px;
max-height: 50px;
}
.main-header .logo .logo-lg .brandlogo-image {
margin-top: 8px;
margin-right: 10px;
margin-left: -5px;
}
.main-header .logo .logo-mini {
display: none;
}
.main-header .logo .logo-mini img {
max-width: 50px;
max-height: 50px;
}
.main-header .logo .logo-mini .brandlogo-image {
margin-top: 8px;
margin-right: 10px;
margin-left: 10px;
}
.main-header .logo .brandlogo-image {
float: left;
height: 34px;
width: auto;
}
.main-header .navbar-brand {
color: #fff;
}
@@ -592,6 +634,7 @@ a:focus {
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
display: none !important;
-webkit-transform: translateZ(0);
@@ -612,33 +655,35 @@ a:focus {
margin-left: 50px;
}
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
display: block !important;
position: absolute;
width: 180px;
left: 50px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
top: 0;
margin-left: -3px;
padding: 12px 5px 12px 20px;
background-color: inherit;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
position: relative !important;
float: right;
width: auto !important;
left: 180px !important;
top: -22px !important;
z-index: 900;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
display: none;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
top: 44px;
margin-left: 0;
@media (min-width: 768px) {
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
display: block !important;
position: absolute;
width: 180px;
left: 50px;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
top: 0;
margin-left: -3px;
padding: 12px 5px 12px 20px;
background-color: inherit;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
position: relative !important;
float: right;
width: auto !important;
left: 180px !important;
top: -22px !important;
z-index: 900;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
display: none;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
top: 44px;
margin-left: 0;
}
}
.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
@@ -704,6 +749,11 @@ a:focus {
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
right: 0;
}
.control-sidebar-hold-transition .control-sidebar-bg,
.control-sidebar-hold-transition .control-sidebar,
.control-sidebar-hold-transition .content-wrapper {
transition: none;
}
.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
right: 0;
@@ -866,7 +916,7 @@ a:focus {
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
background: #e8ecf4;
color: #444444;
color: #444;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
@@ -1588,73 +1638,73 @@ a:focus {
border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
color: #444444;
color: #444;
background: #d2d6de;
background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
color: #444444;
color: #444;
}
.box.box-solid.box-primary {
border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
color: #ffffff;
color: #fff;
background: #3c8dbc;
background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
color: #ffffff;
color: #fff;
}
.box.box-solid.box-info {
border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
color: #ffffff;
color: #fff;
background: #00c0ef;
background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
color: #ffffff;
color: #fff;
}
.box.box-solid.box-danger {
border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
color: #ffffff;
color: #fff;
background: #dd4b39;
background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
color: #ffffff;
color: #fff;
}
.box.box-solid.box-warning {
border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
color: #ffffff;
color: #fff;
background: #f39c12;
background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
color: #ffffff;
color: #fff;
}
.box.box-solid.box-success {
border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
color: #ffffff;
color: #fff;
background: #00a65a;
background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
color: #ffffff;
color: #fff;
}
.box.box-solid > .box-header > .box-tools .btn {
border: 0;
@@ -1744,9 +1794,9 @@ a:focus {
margin-right: 5px;
}
.box-header > .box-tools {
position: absolute;
right: 10px;
top: 5px;
float: right;
margin-top: -5px;
margin-bottom: -5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
position: relative;
@@ -1756,7 +1806,7 @@ a:focus {
left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
color: #444!important;
color: #444 !important;
}
.btn-box-tool {
padding: 5px;
@@ -1813,7 +1863,7 @@ a:focus {
border-bottom-left-radius: 3px;
border-top: 1px solid #f4f4f4;
padding: 10px;
background-color: #ffffff;
background-color: #fff;
}
.chart-legend {
margin: 10px 0;
@@ -2749,7 +2799,7 @@ table.text-center th {
background: #d2d6de;
border: 1px solid #d2d6de;
margin: 5px 0 0 50px;
color: #444444;
color: #444;
}
.direct-chat-text:after,
.direct-chat-text:before {
@@ -2867,7 +2917,7 @@ table.text-center th {
.direct-chat-danger .right > .direct-chat-text {
background: #dd4b39;
border-color: #dd4b39;
color: #ffffff;
color: #fff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
@@ -2876,7 +2926,7 @@ table.text-center th {
.direct-chat-primary .right > .direct-chat-text {
background: #3c8dbc;
border-color: #3c8dbc;
color: #ffffff;
color: #fff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
@@ -2885,7 +2935,7 @@ table.text-center th {
.direct-chat-warning .right > .direct-chat-text {
background: #f39c12;
border-color: #f39c12;
color: #ffffff;
color: #fff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
@@ -2894,7 +2944,7 @@ table.text-center th {
.direct-chat-info .right > .direct-chat-text {
background: #00c0ef;
border-color: #00c0ef;
color: #ffffff;
color: #fff;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
@@ -2903,7 +2953,7 @@ table.text-center th {
.direct-chat-success .right > .direct-chat-text {
background: #00a65a;
border-color: #00a65a;
color: #ffffff;
color: #fff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
@@ -3094,6 +3144,16 @@ table.text-center th {
.treeview-menu > li > a > .fa-angle-down {
width: auto;
}
.treeview > ul.treeview-menu {
overflow: hidden;
height: auto;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.treeview.menu-open > ul.treeview-menu {
overflow: visible;
height: auto;
}
/*
* Page: Mailbox
* -------------
@@ -3246,6 +3306,7 @@ table.text-center th {
}
.login-page,
.register-page {
height: auto;
background: #d2d6de;
}
.login-box,
@@ -3472,7 +3533,7 @@ table.text-center th {
background-color: #f7f7f7;
}
.bg-black {
background-color: #111111 !important;
background-color: #111 !important;
}
.bg-red,
.callout.callout-danger,
@@ -3512,28 +3573,28 @@ table.text-center th {
background-color: #00a65a !important;
}
.bg-navy {
background-color: #001f3f !important;
background-color: #001F3F !important;
}
.bg-teal {
background-color: #39cccc !important;
background-color: #39CCCC !important;
}
.bg-olive {
background-color: #3d9970 !important;
background-color: #3D9970 !important;
}
.bg-lime {
background-color: #01ff70 !important;
background-color: #01FF70 !important;
}
.bg-orange {
background-color: #ff851b !important;
background-color: #FF851B !important;
}
.bg-fuchsia {
background-color: #f012be !important;
background-color: #F012BE !important;
}
.bg-purple {
background-color: #605ca8 !important;
}
.bg-maroon {
background-color: #d81b60 !important;
background-color: #D81B60 !important;
}
.bg-gray-active {
color: #000;
@@ -3611,7 +3672,7 @@ table.text-center th {
color: #0073b7 !important;
}
.text-black {
color: #111111 !important;
color: #111 !important;
}
.text-light-blue {
color: #3c8dbc !important;
@@ -3623,28 +3684,28 @@ table.text-center th {
color: #d2d6de !important;
}
.text-navy {
color: #001f3f !important;
color: #001F3F !important;
}
.text-teal {
color: #39cccc !important;
color: #39CCCC !important;
}
.text-olive {
color: #3d9970 !important;
color: #3D9970 !important;
}
.text-lime {
color: #01ff70 !important;
color: #01FF70 !important;
}
.text-orange {
color: #ff851b !important;
color: #FF851B !important;
}
.text-fuchsia {
color: #f012be !important;
color: #F012BE !important;
}
.text-purple {
color: #605ca8 !important;
}
.text-maroon {
color: #d81b60 !important;
color: #D81B60 !important;
}
.link-muted {
color: #7a869d;
@@ -3708,12 +3769,12 @@ table.text-center th {
height: auto !important;
}
.bg-teal-gradient {
background: #39cccc !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
background: -o-linear-gradient(#7adddd, #39cccc) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
background: #39CCCC !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)) !important;
background: -ms-linear-gradient(bottom, #39CCCC, #7adddd) !important;
background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%) !important;
background: -o-linear-gradient(#7adddd, #39CCCC) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;
color: #fff;
}
.bg-light-blue-gradient {
@@ -3780,21 +3841,21 @@ table.text-center th {
color: #fff;
}
.bg-black-gradient {
background: #111111 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
background: -o-linear-gradient(#2b2b2b, #111111) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
background: #111 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%) !important;
background: -o-linear-gradient(#2b2b2b, #111) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;
color: #fff;
}
.bg-maroon-gradient {
background: #d81b60 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
background: -o-linear-gradient(#e73f7c, #d81b60) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
background: #D81B60 !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)) !important;
background: -ms-linear-gradient(bottom, #D81B60, #e73f7c) !important;
background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%) !important;
background: -o-linear-gradient(#e73f7c, #D81B60) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;
color: #fff;
}
.description-block .description-icon {
@@ -3956,6 +4017,27 @@ table.text-center th {
.chart canvas {
width: 100% !important;
}
hr {
border-top: 1px solid #555555;
}
#red .slider-selection {
background: #f56954;
}
#blue .slider-selection {
background: #3c8dbc;
}
#green .slider-selection {
background: #00a65a;
}
#yellow .slider-selection {
background: #f39c12;
}
#aqua .slider-selection {
background: #00c0ef;
}
#purple .slider-selection {
background: #932ab6;
}
/*
* Misc: print
* -----------

File diff suppressed because one or more lines are too long

View File

@@ -354,23 +354,23 @@
border-left: 1px solid #eee;
border-right-width: 0;
}
.skin-black .main-header > .logo {
.skin-black .main-header .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
.skin-black .main-header .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black .main-header > .logo {
.skin-black .main-header .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header > .logo:hover {
.skin-black .main-header .logo:hover {
background-color: #1f1f1f;
}
}
@@ -470,7 +470,8 @@
*/
/* skin-black navbar */
.skin-black-light .main-header {
border-bottom: 1px solid #d2d6de;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
color: #333;
@@ -514,23 +515,23 @@
border-left: 1px solid #d2d6de;
border-right-width: 0;
}
.skin-black-light .main-header > .logo {
.skin-black-light .main-header .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #d2d6de;
}
.skin-black-light .main-header > .logo:hover {
.skin-black-light .main-header .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black-light .main-header > .logo {
.skin-black-light .main-header .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header > .logo:hover {
.skin-black-light .main-header .logo:hover {
background-color: #1f1f1f;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -4,7 +4,8 @@
*/
/* skin-black navbar */
.skin-black-light .main-header {
border-bottom: 1px solid #d2d6de;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
color: #333;
@@ -48,23 +49,23 @@
border-left: 1px solid #d2d6de;
border-right-width: 0;
}
.skin-black-light .main-header > .logo {
.skin-black-light .main-header .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #d2d6de;
}
.skin-black-light .main-header > .logo:hover {
.skin-black-light .main-header .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black-light .main-header > .logo {
.skin-black-light .main-header .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header > .logo:hover {
.skin-black-light .main-header .logo:hover {
background-color: #1f1f1f;
}
}

View File

@@ -1 +1 @@
.skin-black-light .main-header{border-bottom:1px solid #d2d6de}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #d2d6de;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #d2d6de}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .main-sidebar{border-right:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-black-light .sidebar-menu .treeview-menu>li.active>a,.skin-black-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-black-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
.skin-black-light .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #d2d6de;border-right-width:0}.skin-black-light .main-header .logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #d2d6de}.skin-black-light .main-header .logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header .logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header .logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .main-sidebar{border-right:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;-o-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-black-light .sidebar-menu .treeview-menu>li.active>a,.skin-black-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-black-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}

View File

@@ -49,23 +49,23 @@
border-left: 1px solid #eee;
border-right-width: 0;
}
.skin-black .main-header > .logo {
.skin-black .main-header .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
.skin-black .main-header .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black .main-header > .logo {
.skin-black .main-header .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header > .logo:hover {
.skin-black .main-header .logo:hover {
background-color: #1f1f1f;
}
}

View File

@@ -1 +1 @@
.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-black .sidebar-menu>li.active>a{border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-black .sidebar-menu .treeview-menu>li.active>a,.skin-black .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}
.skin-black .main-header{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header .logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header .logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header .logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header .logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-black .sidebar-menu>li.active>a{border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-black .sidebar-menu .treeview-menu>li.active>a,.skin-black .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}

View File

@@ -4,11 +4,10 @@
* should be included in all pages. It controls some layout
* options and implements exclusive AdminLTE plugins.
*
* @Author Almsaeed Studio
* @Support <https://www.almsaeedstudio.com>
* @Email <abdullah@almsaeedstudio.com>
* @version 2.4.5
* @repository git://github.com/almasaeed2010/AdminLTE.git
* @author Colorlib
* @support <https://github.com/ColorlibHQ/AdminLTE/issues>
* @version v2.4.18
* @repository git://github.com/ColorlibHQ/AdminLTE.git
* @license MIT <http://opensource.org/licenses/MIT>
*/
@@ -54,7 +53,7 @@ throw new Error('AdminLTE requires jQuery')
var BoxRefresh = function (element, options) {
this.element = element;
this.options = options;
this.$overlay = $(options.overlay);
this.$overlay = $(options.overlayTemplate);
if (options.source === '') {
throw new Error('Source url was not defined. Please specify a url in your BoxRefresh source option.');
@@ -70,7 +69,7 @@ throw new Error('AdminLTE requires jQuery')
$.get(this.options.source, this.options.params, function (response) {
if (this.options.loadInContent) {
$(this.options.content).html(response);
$(this.element).find(this.options.content).html(response);
}
this.options.onLoadDone.call($(this), response);
this._removeOverlay();
@@ -80,7 +79,7 @@ throw new Error('AdminLTE requires jQuery')
// Private
BoxRefresh.prototype._setUpListeners = function () {
$(this.element).on('click', Selector.trigger, function (event) {
$(this.element).on('click', this.options.trigger, function (event) {
if (event) event.preventDefault();
this.load();
}.bind(this));
@@ -91,7 +90,7 @@ throw new Error('AdminLTE requires jQuery')
};
BoxRefresh.prototype._removeOverlay = function () {
$(this.element).remove(this.$overlay);
$(this.$overlay).remove();
};
// Plugin Definition
@@ -174,10 +173,13 @@ throw new Error('AdminLTE requires jQuery')
};
var Event = {
collapsed: 'collapsed.boxwidget',
expanded : 'expanded.boxwidget',
removed : 'removed.boxwidget'
};
collapsing: 'collapsing.boxwidget',
collapsed: 'collapsed.boxwidget',
expanding: 'expanding.boxwidget',
expanded: 'expanded.boxwidget',
removing: 'removing.boxwidget',
removed: 'removed.boxwidget'
};
// BoxWidget Class Definition
// =====================
@@ -200,6 +202,7 @@ throw new Error('AdminLTE requires jQuery')
BoxWidget.prototype.expand = function () {
var expandedEvent = $.Event(Event.expanded);
var expandingEvent = $.Event(Event.expanding);
var collapseIcon = this.options.collapseIcon;
var expandIcon = this.options.expandIcon;
@@ -215,11 +218,13 @@ throw new Error('AdminLTE requires jQuery')
$(this.element).children(Selector.body + ', ' + Selector.footer)
.slideDown(this.options.animationSpeed, function () {
$(this.element).trigger(expandedEvent);
}.bind(this));
}.bind(this))
.trigger(expandingEvent);
};
BoxWidget.prototype.collapse = function () {
var collapsedEvent = $.Event(Event.collapsed);
var collapsingEvent = $.Event(Event.collapsing);
var collapseIcon = this.options.collapseIcon;
var expandIcon = this.options.expandIcon;
@@ -234,16 +239,19 @@ throw new Error('AdminLTE requires jQuery')
.slideUp(this.options.animationSpeed, function () {
$(this.element).addClass(ClassName.collapsed);
$(this.element).trigger(collapsedEvent);
}.bind(this));
}.bind(this))
.trigger(collapsingEvent);
};
BoxWidget.prototype.remove = function () {
var removedEvent = $.Event(Event.removed);
var removingEvent = $.Event(Event.removing);
$(this.element).slideUp(this.options.animationSpeed, function () {
$(this.element).trigger(removedEvent);
$(this.element).remove();
}.bind(this));
}.bind(this))
.trigger(removingEvent);
};
// Private
@@ -321,7 +329,7 @@ throw new Error('AdminLTE requires jQuery')
var DataKey = 'lte.controlsidebar';
var Default = {
slide: true
controlsidebarSlide: true
};
var Selector = {
@@ -335,7 +343,8 @@ throw new Error('AdminLTE requires jQuery')
};
var ClassName = {
open : 'control-sidebar-open',
open: 'control-sidebar-open',
transition: 'control-sidebar-hold-transition',
fixed: 'fixed'
};
@@ -380,17 +389,30 @@ throw new Error('AdminLTE requires jQuery')
};
ControlSidebar.prototype.expand = function () {
if (!this.options.slide) {
$('body').addClass(ClassName.open);
$(Selector.sidebar).show();
if (!this.options.controlsidebarSlide) {
$('body').addClass(ClassName.transition).addClass(ClassName.open).delay(50).queue(function(){
$('body').removeClass(ClassName.transition);
$(this).dequeue()
})
} else {
$(Selector.sidebar).addClass(ClassName.open);
}
$(this.element).trigger($.Event(Event.expanded));
};
ControlSidebar.prototype.collapse = function () {
$('body, ' + Selector.sidebar).removeClass(ClassName.open);
if (!this.options.controlsidebarSlide) {
$('body').addClass(ClassName.transition).removeClass(ClassName.open).delay(50).queue(function(){
$('body').removeClass(ClassName.transition);
$(this).dequeue()
})
} else {
$(Selector.sidebar).removeClass(ClassName.open);
}
$(Selector.sidebar).fadeOut();
$(this.element).trigger($.Event(Event.collapsed));
};
@@ -515,186 +537,6 @@ throw new Error('AdminLTE requires jQuery')
}(jQuery);
/* Layout()
* ========
* Implements AdminLTE layout.
* Fixes the layout height in case min-height fails.
*
* @usage activated automatically upon window load.
* Configure any options by passing data-option="value"
* to the body tag.
*/
+function ($) {
'use strict';
var DataKey = 'lte.layout';
var Default = {
slimscroll : true,
resetHeight: true
};
var Selector = {
wrapper : '.wrapper',
contentWrapper: '.content-wrapper',
layoutBoxed : '.layout-boxed',
mainFooter : '.main-footer',
mainHeader : '.main-header',
sidebar : '.sidebar',
controlSidebar: '.control-sidebar',
fixed : '.fixed',
sidebarMenu : '.sidebar-menu',
logo : '.main-header .logo'
};
var ClassName = {
fixed : 'fixed',
holdTransition: 'hold-transition'
};
var Layout = function (options) {
this.options = options;
this.bindedResize = false;
this.activate();
};
Layout.prototype.activate = function () {
this.fix();
this.fixSidebar();
$('body').removeClass(ClassName.holdTransition);
if (this.options.resetHeight) {
$('body, html, ' + Selector.wrapper).css({
'height' : 'auto',
'min-height': '100%'
});
}
if (!this.bindedResize) {
$(window).resize(function () {
this.fix();
this.fixSidebar();
$(Selector.logo + ', ' + Selector.sidebar).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
this.fix();
this.fixSidebar();
}.bind(this));
}.bind(this));
this.bindedResize = true;
}
$(Selector.sidebarMenu).on('expanded.tree', function () {
this.fix();
this.fixSidebar();
}.bind(this));
$(Selector.sidebarMenu).on('collapsed.tree', function () {
this.fix();
this.fixSidebar();
}.bind(this));
};
Layout.prototype.fix = function () {
// Remove overflow from .wrapper if layout-boxed exists
$(Selector.layoutBoxed + ' > ' + Selector.wrapper).css('overflow', 'hidden');
// Get window height and the wrapper height
var footerHeight = $(Selector.mainFooter).outerHeight() || 0;
var headerHeight = $(Selector.mainHeader).outerHeight() || 0;
var neg = headerHeight + footerHeight;
var windowHeight = $(window).height();
var sidebarHeight = $(Selector.sidebar).height() || 0;
// Set the min-height of the content and sidebar based on
// the height of the document.
if ($('body').hasClass(ClassName.fixed)) {
$(Selector.contentWrapper).css('min-height', windowHeight - footerHeight);
} else {
var postSetHeight;
if (windowHeight >= sidebarHeight) {
$(Selector.contentWrapper).css('min-height', windowHeight - neg);
postSetHeight = windowHeight - neg;
} else {
$(Selector.contentWrapper).css('min-height', sidebarHeight);
postSetHeight = sidebarHeight;
}
// Fix for the control sidebar height
var $controlSidebar = $(Selector.controlSidebar);
if (typeof $controlSidebar !== 'undefined') {
if ($controlSidebar.height() > postSetHeight)
$(Selector.contentWrapper).css('min-height', $controlSidebar.height());
}
}
};
Layout.prototype.fixSidebar = function () {
// Make sure the body tag has the .fixed class
if (!$('body').hasClass(ClassName.fixed)) {
if (typeof $.fn.slimScroll !== 'undefined') {
$(Selector.sidebar).slimScroll({ destroy: true }).height('auto');
}
return;
}
// Enable slimscroll for fixed layout
if (this.options.slimscroll) {
if (typeof $.fn.slimScroll !== 'undefined') {
// Destroy if it exists
// $(Selector.sidebar).slimScroll({ destroy: true }).height('auto')
// Add slimscroll
$(Selector.sidebar).slimScroll({
height: ($(window).height() - $(Selector.mainHeader).height()) + 'px'
});
}
}
};
// Plugin Definition
// =================
function Plugin(option) {
return this.each(function () {
var $this = $(this);
var data = $this.data(DataKey);
if (!data) {
var options = $.extend({}, Default, $this.data(), typeof option === 'object' && option);
$this.data(DataKey, (data = new Layout(options)));
}
if (typeof option === 'string') {
if (typeof data[option] === 'undefined') {
throw new Error('No method named ' + option);
}
data[option]();
}
});
}
var old = $.fn.layout;
$.fn.layout = Plugin;
$.fn.layout.Constuctor = Layout;
// No conflict mode
// ================
$.fn.layout.noConflict = function () {
$.fn.layout = old;
return this;
};
// Layout DATA-API
// ===============
$(window).on('load', function () {
Plugin.call($('body'));
});
}(jQuery);
/* PushMenu()
* ==========
* Adds the push menu functionality to the sidebar.
@@ -1067,8 +909,9 @@ throw new Error('AdminLTE requires jQuery')
}
parent.addClass(ClassName.open);
tree.slideDown(this.options.animationSpeed, function () {
tree.stop().slideDown(this.options.animationSpeed, function () {
$(this.element).trigger(expandedEvent);
parent.height('auto');
}.bind(this));
};
@@ -1077,9 +920,12 @@ throw new Error('AdminLTE requires jQuery')
//tree.find(Selector.open).removeClass(ClassName.open);
parentLi.removeClass(ClassName.open);
tree.slideUp(this.options.animationSpeed, function () {
tree.stop().slideUp(this.options.animationSpeed, function () {
//tree.find(Selector.open + ' > ' + Selector.treeview).slideUp();
$(this.element).trigger(collapsedEvent);
// Collapse child items
parentLi.find(Selector.treeview).removeClass(ClassName.open).find(Selector.treeviewMenu).hide();
}.bind(this));
};
@@ -1128,3 +974,187 @@ throw new Error('AdminLTE requires jQuery')
});
}(jQuery);
/* Layout()
* ========
* Implements AdminLTE layout.
* Fixes the layout height in case min-height fails.
*
* @usage activated automatically upon window load.
* Configure any options by passing data-option="value"
* to the body tag.
*/
+function ($) {
'use strict';
var DataKey = 'lte.layout';
var Default = {
slimscroll : true,
resetHeight: true
};
var Selector = {
wrapper : '.wrapper',
contentWrapper: '.content-wrapper',
layoutBoxed : '.layout-boxed',
mainFooter : '.main-footer',
mainHeader : '.main-header',
mainSidebar : '.main-sidebar',
slimScrollDiv : 'slimScrollDiv',
sidebar : '.sidebar',
controlSidebar: '.control-sidebar',
fixed : '.fixed',
sidebarMenu : '.sidebar-menu',
logo : '.main-header .logo'
};
var ClassName = {
fixed : 'fixed',
holdTransition: 'hold-transition'
};
var Layout = function (options) {
this.options = options;
this.bindedResize = false;
this.activate();
};
Layout.prototype.activate = function () {
this.fix();
this.fixSidebar();
$('body').removeClass(ClassName.holdTransition);
if (this.options.resetHeight) {
$('body, html, ' + Selector.wrapper).css({
'height' : 'auto',
'min-height': '100%'
});
}
if (!this.bindedResize) {
$(window).resize(function () {
this.fix();
this.fixSidebar();
$(Selector.logo + ', ' + Selector.sidebar).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
this.fix();
this.fixSidebar();
}.bind(this));
}.bind(this));
this.bindedResize = true;
}
$(Selector.sidebarMenu).on('expanded.tree', function () {
this.fix();
this.fixSidebar();
}.bind(this));
$(Selector.sidebarMenu).on('collapsed.tree', function () {
this.fix();
this.fixSidebar();
}.bind(this));
};
Layout.prototype.fix = function () {
// Remove overflow from .wrapper if layout-boxed exists
$(Selector.layoutBoxed + ' > ' + Selector.wrapper).css('overflow', 'hidden');
// Get window height and the wrapper height
var footerHeight = $(Selector.mainFooter).outerHeight() || 0;
var headerHeight = $(Selector.mainHeader).outerHeight() || 0;
var neg = headerHeight + footerHeight;
var windowHeight = $(window).height();
var sidebarHeight = $(Selector.sidebar).outerHeight() || 0;
// Set the min-height of the content and sidebar based on
// the height of the document.
if ($('body').hasClass(ClassName.fixed)) {
$(Selector.contentWrapper).css('min-height', windowHeight - footerHeight);
} else {
var postSetHeight;
if (windowHeight >= sidebarHeight + headerHeight) {
$(Selector.contentWrapper).css('min-height', windowHeight - neg);
postSetHeight = windowHeight - neg;
} else {
$(Selector.contentWrapper).css('min-height', sidebarHeight);
postSetHeight = sidebarHeight;
}
// Fix for the control sidebar height
var $controlSidebar = $(Selector.controlSidebar);
if (typeof $controlSidebar !== 'undefined') {
if ($controlSidebar.height() > postSetHeight)
$(Selector.contentWrapper).css('min-height', $controlSidebar.height());
}
}
};
Layout.prototype.fixSidebar = function () {
// Make sure the body tag has the .fixed class
if (!$('body').hasClass(ClassName.fixed)) {
if (typeof $.fn.slimScroll !== 'undefined') {
$(Selector.sidebar).slimScroll({ destroy: true }).height('auto');
}
return;
}
// Enable slimscroll for fixed layout
if (this.options.slimscroll) {
if (typeof $.fn.slimScroll !== 'undefined') {
// Destroy if it exists
// $(Selector.sidebar).slimScroll({ destroy: true }).height('auto')
// Add slimscroll
if ($(Selector.mainSidebar).find(Selector.slimScrollDiv).length === 0) {
$(Selector.sidebar).slimScroll({
height: ($(window).height() - $(Selector.mainHeader).height()) + 'px'
});
}
}
}
};
// Plugin Definition
// =================
function Plugin(option) {
return this.each(function () {
var $this = $(this);
var data = $this.data(DataKey);
if (!data) {
var options = $.extend({}, Default, $this.data(), typeof option === 'object' && option);
$this.data(DataKey, (data = new Layout(options)));
}
if (typeof option === 'string') {
if (typeof data[option] === 'undefined') {
throw new Error('No method named ' + option);
}
data[option]();
}
});
}
var old = $.fn.layout;
$.fn.layout = Plugin;
$.fn.layout.Constuctor = Layout;
// No conflict mode
// ================
$.fn.layout.noConflict = function () {
$.fn.layout = old;
return this;
};
// Layout DATA-API
// ===============
$(window).on('load', function () {
Plugin.call($('body'));
});
}(jQuery);

File diff suppressed because one or more lines are too long

View File

@@ -11,6 +11,7 @@ $(function () {
// Make the dashboard widgets sortable Using jquery UI
$('.connectedSortable').sortable({
containment : $('section.content'),
placeholder : 'sort-highlight',
connectWith : '.connectedSortable',
handle : '.box-header, .nav-tabs',