mirror of https://github.com/ColorlibHQ/AdminLTE
Road to v3.0.0-beta.1
- replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixedpull/2119/head
REJack
parent
b03be999e8
commit
42568b9b8d
|
|
@ -89,7 +89,7 @@ const ControlSidebar = (($) => {
|
||||||
|
|
||||||
_setMargin() {
|
_setMargin() {
|
||||||
$(Selector.CONTROL_SIDEBAR).css({
|
$(Selector.CONTROL_SIDEBAR).css({
|
||||||
top: $(Selector.MAIN_HEADER).outerHeight()
|
top: $(Selector.MAIN_HEADER).innerHeight()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,7 @@ const Layout = (($) => {
|
||||||
HEADER : '.main-header',
|
HEADER : '.main-header',
|
||||||
SIDEBAR : '.main-sidebar .sidebar',
|
SIDEBAR : '.main-sidebar .sidebar',
|
||||||
CONTENT : '.content-wrapper',
|
CONTENT : '.content-wrapper',
|
||||||
|
BRAND : '.brand-link',
|
||||||
CONTENT_HEADER : '.content-header',
|
CONTENT_HEADER : '.content-header',
|
||||||
WRAPPER : '.wrapper',
|
WRAPPER : '.wrapper',
|
||||||
CONTROL_SIDEBAR: '.control-sidebar',
|
CONTROL_SIDEBAR: '.control-sidebar',
|
||||||
|
|
@ -34,7 +35,14 @@ const Layout = (($) => {
|
||||||
const ClassName = {
|
const ClassName = {
|
||||||
HOLD : 'hold-transition',
|
HOLD : 'hold-transition',
|
||||||
SIDEBAR : 'main-sidebar',
|
SIDEBAR : 'main-sidebar',
|
||||||
LAYOUT_FIXED: 'layout-fixed'
|
LAYOUT_FIXED: 'layout-fixed',
|
||||||
|
NAVBAR_FIXED: 'layout-navbar-fixed',
|
||||||
|
FOOTER_FIXED: 'layout-footer-fixed',
|
||||||
|
}
|
||||||
|
|
||||||
|
const Default = {
|
||||||
|
scrollbarTheme : 'os-theme-light',
|
||||||
|
scrollbarAutoHide: 'l'
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -43,7 +51,8 @@ const Layout = (($) => {
|
||||||
*/
|
*/
|
||||||
|
|
||||||
class Layout {
|
class Layout {
|
||||||
constructor(element) {
|
constructor(element, config) {
|
||||||
|
this._config = config
|
||||||
this._element = element
|
this._element = element
|
||||||
|
|
||||||
this._init()
|
this._init()
|
||||||
|
|
@ -58,20 +67,48 @@ const Layout = (($) => {
|
||||||
footer : $(Selector.FOOTER).outerHeight(),
|
footer : $(Selector.FOOTER).outerHeight(),
|
||||||
sidebar : $(Selector.SIDEBAR).height(),
|
sidebar : $(Selector.SIDEBAR).height(),
|
||||||
}
|
}
|
||||||
|
|
||||||
const max = this._max(heights)
|
const max = this._max(heights)
|
||||||
|
|
||||||
$(Selector.CONTENT).css('min-height', max - heights.header - heights.footer)
|
|
||||||
$(Selector.SIDEBAR).css('min-height', max - heights.header)
|
|
||||||
|
|
||||||
if (!$('body').hasClass(ClassName.LAYOUT_FIXED)) {
|
if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
|
||||||
if (typeof $.fn.slimScroll !== 'undefined') {
|
$(Selector.CONTENT).css('min-height', max - heights.header - heights.footer)
|
||||||
$(Selector.SIDEBAR)
|
// $(Selector.SIDEBAR).css('min-height', max - heights.header)
|
||||||
.slimScroll({ destroy: true })
|
$(Selector.CONTROL_SIDEBAR + ' .control-sidebar-content').css('height', max - heights.header)
|
||||||
.slimScroll({ height: max - heights.header });
|
|
||||||
|
if (typeof $.fn.overlayScrollbars !== 'undefined') {
|
||||||
|
$(Selector.SIDEBAR).overlayScrollbars({
|
||||||
|
className : this._config.scrollbarTheme,
|
||||||
|
sizeAutoCapable : true,
|
||||||
|
scrollbars : {
|
||||||
|
autoHide: this._config.scrollbarAutoHide,
|
||||||
|
clickScrolling : true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
$(Selector.CONTROL_SIDEBAR + ' .control-sidebar-content').overlayScrollbars({
|
||||||
|
className : this._config.scrollbarTheme,
|
||||||
|
sizeAutoCapable : true,
|
||||||
|
scrollbars : {
|
||||||
|
autoHide: this._config.scrollbarAutoHide,
|
||||||
|
clickScrolling : true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (heights.window > heights.sidebar) {
|
||||||
|
$(Selector.CONTENT).css('min-height', heights.window - heights.header - heights.footer)
|
||||||
|
} else {
|
||||||
|
$(Selector.CONTENT).css('min-height', heights.sidebar - heights.header)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if ($('body').hasClass(ClassName.NAVBAR_FIXED)) {
|
||||||
|
$(Selector.BRAND).css('height', heights.header)
|
||||||
|
$(Selector.SIDEBAR).css('margin-top', heights.header)
|
||||||
|
$(Selector.SIDEBAR).css('margin-top', heights.header)
|
||||||
|
}
|
||||||
|
if ($('body').hasClass(ClassName.FOOTER_FIXED)) {
|
||||||
|
$(Selector.CONTENT).css('margin-bottom', heights.footer)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Private
|
// Private
|
||||||
|
|
@ -109,18 +146,18 @@ const Layout = (($) => {
|
||||||
|
|
||||||
// Static
|
// Static
|
||||||
|
|
||||||
static _jQueryInterface(operation) {
|
static _jQueryInterface(config) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
let data = $(this)
|
let data = $(this).data(DATA_KEY)
|
||||||
.data(DATA_KEY)
|
const _config = $.extend({}, Default, $(this).data())
|
||||||
|
|
||||||
if (!data) {
|
if (!data) {
|
||||||
data = new Layout(this)
|
data = new Layout($(this), _config)
|
||||||
$(this).data(DATA_KEY, data)
|
$(this).data(DATA_KEY, data)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (operation) {
|
if (config === 'init') {
|
||||||
data[operation]()
|
data[config]()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -130,6 +167,7 @@ const Layout = (($) => {
|
||||||
* Data API
|
* Data API
|
||||||
* ====================================================
|
* ====================================================
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$(window).on('load', () => {
|
$(window).on('load', () => {
|
||||||
Layout._jQueryInterface.call($('body'))
|
Layout._jQueryInterface.call($('body'))
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -74,6 +74,7 @@ const PushMenu = (($) => {
|
||||||
|
|
||||||
toggle() {
|
toggle() {
|
||||||
let isShown
|
let isShown
|
||||||
|
|
||||||
if ($(window).width() >= this._options.screenCollapseSize) {
|
if ($(window).width() >= this._options.screenCollapseSize) {
|
||||||
isShown = !$(Selector.BODY).hasClass(ClassName.COLLAPSED)
|
isShown = !$(Selector.BODY).hasClass(ClassName.COLLAPSED)
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -105,9 +106,10 @@ const PushMenu = (($) => {
|
||||||
static _jQueryInterface(operation) {
|
static _jQueryInterface(operation) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
let data = $(this).data(DATA_KEY)
|
let data = $(this).data(DATA_KEY)
|
||||||
|
const _options = $.extend({}, Default, $(this).data())
|
||||||
|
|
||||||
if (!data) {
|
if (!data) {
|
||||||
data = new PushMenu(this)
|
data = new PushMenu(this, _options)
|
||||||
$(this).data(DATA_KEY, data)
|
$(this).data(DATA_KEY, data)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -159,4 +159,4 @@ const Treeview = (($) => {
|
||||||
return Treeview
|
return Treeview
|
||||||
})(jQuery)
|
})(jQuery)
|
||||||
|
|
||||||
export default Treeview
|
export default Treeview
|
||||||
|
|
@ -46,45 +46,59 @@ const Plugins = [
|
||||||
from: 'node_modules/datatables.net-bs4/css',
|
from: 'node_modules/datatables.net-bs4/css',
|
||||||
to: 'plugins/datatables'
|
to: 'plugins/datatables'
|
||||||
},
|
},
|
||||||
|
// overlayScrollbars
|
||||||
|
{
|
||||||
|
from: 'node_modules/overlayscrollbars/js',
|
||||||
|
to : 'plugins/overlayScrollbars/js'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
from: 'node_modules/overlayscrollbars/css',
|
||||||
|
to : 'plugins/overlayScrollbars/css'
|
||||||
|
},
|
||||||
|
|
||||||
// Doc Assets
|
// // Doc Assets
|
||||||
// AdminLTE Dist
|
// // AdminLTE Dist
|
||||||
{
|
// {
|
||||||
from: 'dist/css',
|
// from: 'dist/css',
|
||||||
to : 'docs/assets/css'
|
// to : 'docs/assets/css'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
from: 'dist/js',
|
// from: 'dist/js',
|
||||||
to : 'docs/assets/js'
|
// to : 'docs/assets/js'
|
||||||
},
|
// },
|
||||||
// jQuery
|
// // jQuery
|
||||||
{
|
// {
|
||||||
from: 'node_modules/jquery/dist',
|
// from: 'node_modules/jquery/dist',
|
||||||
to : 'docs/assets/plugins/jquery'
|
// to : 'docs/assets/plugins/jquery'
|
||||||
},
|
// },
|
||||||
// Popper
|
// // Popper
|
||||||
{
|
// {
|
||||||
from: 'node_modules/popper.js/dist',
|
// from: 'node_modules/popper.js/dist',
|
||||||
to : 'docs/assets/plugins/popper'
|
// to : 'docs/assets/plugins/popper'
|
||||||
},
|
// },
|
||||||
// Bootstrap
|
// // Bootstrap
|
||||||
{
|
// {
|
||||||
from: 'node_modules/bootstrap/dist/js',
|
// from: 'node_modules/bootstrap/dist/js',
|
||||||
to : 'docs/assets/plugins/bootstrap/js'
|
// to : 'docs/assets/plugins/bootstrap/js'
|
||||||
},
|
// },
|
||||||
// Font Awesome
|
// // Font Awesome
|
||||||
{
|
// {
|
||||||
from: 'node_modules/@fortawesome/fontawesome-free/css',
|
// from: 'node_modules/@fortawesome/fontawesome-free/css',
|
||||||
to : 'docs/assets/plugins/fontawesome-free/css'
|
// to : 'docs/assets/plugins/fontawesome-free/css'
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
// from: 'node_modules/@fortawesome/fontawesome-free/webfonts',
|
||||||
to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
// to : 'docs/assets/plugins/fontawesome-free/webfonts'
|
||||||
},
|
// },
|
||||||
{
|
// // overlayScrollbars
|
||||||
from: 'plugins/slimScroll',
|
// {
|
||||||
to : 'docs/assets/plugins/slimScroll'
|
// from: 'plugins/overlayScrollbars/js',
|
||||||
}
|
// to : 'docs/assets/plugins/overlayScrollbars/js'
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// from: 'plugins/overlayScrollbars/css',
|
||||||
|
// to : 'docs/assets/plugins/overlayScrollbars/css'
|
||||||
|
// }
|
||||||
]
|
]
|
||||||
|
|
||||||
module.exports = Plugins
|
module.exports = Plugins
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*!
|
/*!
|
||||||
* AdminLTE v3.0.0-alpha
|
* AdminLTE v3.0.0-beta.1
|
||||||
* Author: Abdullah Almsaeed
|
* Author: Colorlib
|
||||||
* Website: AdminLTE.io <http://adminlte.io>
|
* Website: AdminLTE.io <http://adminlte.io>
|
||||||
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*!
|
/*!
|
||||||
* AdminLTE v3.0.0-alpha
|
* AdminLTE v3.0.0-beta.1
|
||||||
* Author: Abdullah Almsaeed
|
* Author: Colorlib
|
||||||
* Website: AdminLTE.io <http://adminlte.io>
|
* Website: AdminLTE.io <http://adminlte.io>
|
||||||
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -32,22 +32,201 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Support Font Awesome icons in form-control */
|
/* Support Font Awesome icons in form-control */
|
||||||
.form-control-feedback.fa {
|
.form-control-feedback {
|
||||||
line-height: $input-height;
|
&.fa,
|
||||||
|
&.fas,
|
||||||
|
&.far,
|
||||||
|
&.fab {
|
||||||
|
line-height: $input-height;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-lg + .form-control-feedback.fa,
|
.input-lg + .form-control-feedback.fa,
|
||||||
.input-group-lg + .form-control-feedback.fa,
|
.input-group-lg + .form-control-feedback.fa,
|
||||||
.form-group-lg .form-control + .form-control-feedback.fa {
|
.form-group-lg .form-control + .form-control-feedback.fa,
|
||||||
|
.input-lg + .form-control-feedback.fas,
|
||||||
|
.input-group-lg + .form-control-feedback.fas,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.fas,
|
||||||
|
.input-lg + .form-control-feedback.far,
|
||||||
|
.input-group-lg + .form-control-feedback.far,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.far,
|
||||||
|
.input-lg + .form-control-feedback.fab,
|
||||||
|
.input-group-lg + .form-control-feedback.fab,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.fab {
|
||||||
line-height: $input-height-lg;
|
line-height: $input-height-lg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-sm + .form-control-feedback.fa,
|
.input-sm + .form-control-feedback.fa,
|
||||||
.input-group-sm + .form-control-feedback.fa,
|
.input-group-sm + .form-control-feedback.fa,
|
||||||
.form-group-sm .form-control + .form-control-feedback.fa {
|
.form-group-sm .form-control + .form-control-feedback.fa,
|
||||||
|
.input-sm + .form-control-feedback.fas,
|
||||||
|
.input-group-sm + .form-control-feedback.fas,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.fas,
|
||||||
|
.input-sm + .form-control-feedback.far,
|
||||||
|
.input-group-sm + .form-control-feedback.far,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.far,
|
||||||
|
.input-sm + .form-control-feedback.fab,
|
||||||
|
.input-group-sm + .form-control-feedback.fab,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.fab {
|
||||||
line-height: $input-height-sm;
|
line-height: $input-height-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
label:not(.form-check-label, .custom-file-label) {
|
label:not(.form-check-label, .custom-file-label) {
|
||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.warning-feedback {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: $form-feedback-margin-top;
|
||||||
|
@include font-size($form-feedback-font-size);
|
||||||
|
color: theme-color('warning');
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning-tooltip {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
max-width: 100%; // Contain to parent when possible
|
||||||
|
padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
|
||||||
|
margin-top: .1rem;
|
||||||
|
@include font-size($form-feedback-tooltip-font-size);
|
||||||
|
line-height: $form-feedback-tooltip-line-height;
|
||||||
|
color: color-yiq(theme-color('warning'));
|
||||||
|
background-color: rgba(theme-color('warning'), $form-feedback-tooltip-opacity);
|
||||||
|
@include border-radius($form-feedback-tooltip-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
&.is-warning {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
// padding-right: $input-height-inner;
|
||||||
|
// background-image: none;
|
||||||
|
// background-repeat: no-repeat;
|
||||||
|
// background-position: center right $input-height-inner-quarter;
|
||||||
|
// background-size: $input-height-inner-half $input-height-inner-half;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// stylelint-disable-next-line selector-no-qualifying-type
|
||||||
|
textarea.form-control {
|
||||||
|
&.is-warning {
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
padding-right: $input-height-inner;
|
||||||
|
background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select {
|
||||||
|
&.is-warning {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
|
||||||
|
@if $enable-validation-icons {
|
||||||
|
// padding-right: $custom-select-feedback-icon-padding-right;
|
||||||
|
// background: $custom-select-background, none $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.form-control-file {
|
||||||
|
&.is-warning {
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input {
|
||||||
|
&.is-warning {
|
||||||
|
~ .form-check-label {
|
||||||
|
color: theme-color('warning');
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input {
|
||||||
|
&.is-warning {
|
||||||
|
~ .custom-control-label {
|
||||||
|
color: theme-color('warning');
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
border-color: lighten(theme-color('warning'), 10%);
|
||||||
|
@include gradient-bg(lighten(theme-color('warning'), 10%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
~ .custom-control-label::before {
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:checked) ~ .custom-control-label::before {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// custom file
|
||||||
|
.custom-file-input {
|
||||||
|
&.is-warning {
|
||||||
|
~ .custom-file-label {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
}
|
||||||
|
|
||||||
|
~ .warning-feedback,
|
||||||
|
~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
~ .custom-file-label {
|
||||||
|
border-color: theme-color('warning');
|
||||||
|
box-shadow: 0 0 0 $input-focus-width rgba(theme-color('warning'), .25);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,7 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
& .content-wrapper {
|
& .content-wrapper {
|
||||||
|
|
@ -30,6 +31,28 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed & {
|
||||||
|
.content-wrapper {
|
||||||
|
margin-top: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-footer-fixed & {
|
||||||
|
.main-footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: calc(100% - 250px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.layout-top-nav & {
|
.layout-top-nav & {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
||||||
|
|
@ -58,7 +81,7 @@ body,
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-footer,
|
.main-footer,
|
||||||
.main-header {
|
.main-header {
|
||||||
@include media-breakpoint-up(md) {
|
@include media-breakpoint-up(sm) {
|
||||||
@include transition(margin-left $transition-speed $transition-fn);
|
@include transition(margin-left $transition-speed $transition-fn);
|
||||||
|
|
||||||
margin-left: $sidebar-width;
|
margin-left: $sidebar-width;
|
||||||
|
|
@ -69,7 +92,7 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-down(md) {
|
@include media-breakpoint-down(sm) {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&:before {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
@ -86,11 +109,6 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-sidebar {
|
.main-sidebar {
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
&,
|
&,
|
||||||
&:before {
|
&:before {
|
||||||
$local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
|
$local-sidebar-transition: margin-left $transition-speed $transition-fn, width $transition-speed $transition-fn;
|
||||||
|
|
@ -105,7 +123,7 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-down(md) {
|
@include media-breakpoint-down(sm) {
|
||||||
&,
|
&,
|
||||||
&:before {
|
&:before {
|
||||||
box-shadow: none!important;
|
box-shadow: none!important;
|
||||||
|
|
@ -121,6 +139,68 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:not(.layout-fixed) {
|
||||||
|
.main-sidebar {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
height: inherit;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed {
|
||||||
|
|
||||||
|
&.sidebar-collapse {
|
||||||
|
.brand-link {
|
||||||
|
$local-sidebar-transition: width $transition-speed $transition-fn;
|
||||||
|
@include transition($local-sidebar-transition);
|
||||||
|
width: $sidebar-mini-width;
|
||||||
|
height: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-sidebar:hover {
|
||||||
|
.brand-link {
|
||||||
|
width: $sidebar-width;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
margin-top: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-link {
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: $zindex-main-sidebar;
|
||||||
|
width: $sidebar-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sidebar variants
|
||||||
|
@each $name, $color in $theme-colors {
|
||||||
|
.sidebar-dark-#{$name} .brand-link {
|
||||||
|
background-color: $sidebar-dark-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-light-#{$name} .brand-link {
|
||||||
|
background-color: $sidebar-light-bg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-fixed {
|
||||||
|
.main-sidebar {
|
||||||
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.main-footer {
|
.main-footer {
|
||||||
padding: $main-footer-padding;
|
padding: $main-footer-padding;
|
||||||
color: #555;
|
color: #555;
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add this class to images within a nav-link
|
// Add this class to images within a nav-link
|
||||||
|
|
|
||||||
|
|
@ -161,6 +161,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sidebar-mini-md.sidebar-open {
|
||||||
|
#sidebar-overlay {
|
||||||
|
@include media-breakpoint-up(sm) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@include media-breakpoint-down(sm) {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Sidebar variants
|
// Sidebar variants
|
||||||
@each $name, $color in $theme-colors {
|
@each $name, $color in $theme-colors {
|
||||||
.sidebar-dark-#{$name} {
|
.sidebar-dark-#{$name} {
|
||||||
|
|
|
||||||
|
|
@ -2,102 +2,113 @@
|
||||||
* Component: Sidebar Mini
|
* Component: Sidebar Mini
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
// Mixin
|
||||||
|
|
||||||
|
@mixin sidebar-mini-breakpoint() {
|
||||||
|
// A fix for text overflow while transitioning from sidebar mini to full sidebar
|
||||||
|
.nav-sidebar,
|
||||||
|
.nav-sidebar > .nav-header,
|
||||||
|
.nav-sidebar .nav-link {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
// When the sidebar is collapsed...
|
||||||
|
&.sidebar-collapse {
|
||||||
|
.d-hidden-mini {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Apply the new margins to the main content and footer
|
||||||
|
.content-wrapper,
|
||||||
|
.main-footer,
|
||||||
|
.main-header {
|
||||||
|
margin-left: $sidebar-mini-width !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make the sidebar headers
|
||||||
|
.nav-sidebar .nav-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-sidebar .nav-link p {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar .user-panel > .info,
|
||||||
|
.nav-sidebar .nav-link p,
|
||||||
|
.brand-text {
|
||||||
|
opacity: 0;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Modify the sidebar to shrink instead of disappearing
|
||||||
|
.main-sidebar {
|
||||||
|
&,
|
||||||
|
&:before {
|
||||||
|
// Don't go away! Just shrink
|
||||||
|
margin-left: 0;
|
||||||
|
width: $sidebar-mini-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-panel {
|
||||||
|
.image {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
width: $sidebar-width;
|
||||||
|
.user-panel {
|
||||||
|
text-align: left;
|
||||||
|
.image {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-panel > .info,
|
||||||
|
.nav-sidebar .nav-link p,
|
||||||
|
.brand-text {
|
||||||
|
opacity: 1;
|
||||||
|
margin-left: 0;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-image {
|
||||||
|
margin-right: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make the sidebar links, menus, labels, badges
|
||||||
|
// and angle icons disappear
|
||||||
|
.sidebar-form,
|
||||||
|
.user-panel > .info {
|
||||||
|
display: block !important;
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-sidebar > .nav-item > .nav-link > span {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make an element visible only when sidebar mini is active
|
||||||
|
.visible-sidebar-mini {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Add sidebar-mini class to the body tag to activate this feature
|
// Add sidebar-mini class to the body tag to activate this feature
|
||||||
.sidebar-mini {
|
.sidebar-mini {
|
||||||
// Sidebar mini should work only on large devices
|
|
||||||
@include media-breakpoint-up(lg) {
|
@include media-breakpoint-up(lg) {
|
||||||
// A fix for text overflow while transitioning from sidebar mini to full sidebar
|
@include sidebar-mini-breakpoint();
|
||||||
.nav-sidebar,
|
}
|
||||||
.nav-sidebar > .nav-header,
|
}
|
||||||
.nav-sidebar .nav-link {
|
.sidebar-mini-md {
|
||||||
white-space: nowrap;
|
@include media-breakpoint-up(md) {
|
||||||
overflow: hidden;
|
@include sidebar-mini-breakpoint();
|
||||||
}
|
|
||||||
|
|
||||||
// When the sidebar is collapsed...
|
|
||||||
&.sidebar-collapse {
|
|
||||||
.d-hidden-mini {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply the new margins to the main content and footer
|
|
||||||
.content-wrapper,
|
|
||||||
.main-footer,
|
|
||||||
.main-header {
|
|
||||||
margin-left: $sidebar-mini-width !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make the sidebar headers
|
|
||||||
.nav-sidebar .nav-header {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-sidebar .nav-link p {
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidebar .user-panel > .info,
|
|
||||||
.nav-sidebar .nav-link p,
|
|
||||||
.brand-text {
|
|
||||||
opacity: 0;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modify the sidebar to shrink instead of disappearing
|
|
||||||
.main-sidebar {
|
|
||||||
&,
|
|
||||||
&:before {
|
|
||||||
// Don't go away! Just shrink
|
|
||||||
margin-left: 0;
|
|
||||||
width: $sidebar-mini-width;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-panel {
|
|
||||||
.image {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
width: $sidebar-width;
|
|
||||||
.user-panel {
|
|
||||||
text-align: left;
|
|
||||||
.image {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-panel > .info,
|
|
||||||
.nav-sidebar .nav-link p,
|
|
||||||
.brand-text {
|
|
||||||
opacity: 1;
|
|
||||||
margin-left: 0;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.brand-image {
|
|
||||||
margin-right: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make the sidebar links, menus, labels, badges
|
|
||||||
// and angle icons disappear
|
|
||||||
.sidebar-form,
|
|
||||||
.user-panel > .info {
|
|
||||||
display: block !important;
|
|
||||||
-webkit-transform: translateZ(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-sidebar > .nav-item > .nav-link > span {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make an element visible only when sidebar mini is active
|
|
||||||
.visible-sidebar-mini {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/*!
|
/*!
|
||||||
* AdminLTE v3.0.0-alpha
|
* AdminLTE v3.0.0-beta.1
|
||||||
* Author: Abdullah Almsaeed
|
* Author: Colorlib
|
||||||
* Website: AdminLTE.io <http://adminlte.io>
|
* Website: AdminLTE.io <http://adminlte.io>
|
||||||
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
* License: Open source - MIT <http://opensource.org/licenses/MIT>
|
||||||
*/
|
*/
|
||||||
|
|
@ -9653,6 +9653,7 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -9673,6 +9674,23 @@ body,
|
||||||
left: inherit;
|
left: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .wrapper .content-wrapper {
|
||||||
|
margin-top: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .wrapper .main-header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-footer-fixed .wrapper .main-footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: calc(100% - 250px);
|
||||||
|
}
|
||||||
|
|
||||||
.layout-top-nav .wrapper {
|
.layout-top-nav .wrapper {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -9696,7 +9714,7 @@ body,
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 576px) {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-footer,
|
.main-footer,
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
@ -9706,7 +9724,7 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
|
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-footer,
|
.main-footer,
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
@ -9714,7 +9732,7 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 576px) {
|
||||||
.sidebar-collapse .content-wrapper, .sidebar-collapse
|
.sidebar-collapse .content-wrapper, .sidebar-collapse
|
||||||
.main-footer, .sidebar-collapse
|
.main-footer, .sidebar-collapse
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
@ -9722,7 +9740,7 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 767.98px) {
|
||||||
.content-wrapper, .content-wrapper:before,
|
.content-wrapper, .content-wrapper:before,
|
||||||
.main-footer,
|
.main-footer,
|
||||||
.main-footer:before,
|
.main-footer:before,
|
||||||
|
|
@ -9740,13 +9758,6 @@ body,
|
||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-sidebar {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-sidebar, .main-sidebar:before {
|
.main-sidebar, .main-sidebar:before {
|
||||||
transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
|
transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
|
||||||
width: 250px;
|
width: 250px;
|
||||||
|
|
@ -9762,7 +9773,7 @@ body,
|
||||||
margin-left: -250px;
|
margin-left: -250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 767.98px) {
|
||||||
.main-sidebar, .main-sidebar:before {
|
.main-sidebar, .main-sidebar:before {
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
margin-left: -250px;
|
margin-left: -250px;
|
||||||
|
|
@ -9772,6 +9783,113 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:not(.layout-fixed) .main-sidebar {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
height: inherit;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed.sidebar-collapse .brand-link {
|
||||||
|
transition: width 0.3s ease-in-out;
|
||||||
|
width: 4.6rem;
|
||||||
|
height: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.layout-navbar-fixed.sidebar-collapse .brand-link {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed.sidebar-collapse .main-sidebar:hover .brand-link {
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar {
|
||||||
|
margin-top: 57px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .brand-link {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 950;
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-primary .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-primary .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-secondary .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-secondary .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-success .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-success .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-info .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-info .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-warning .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-warning .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-danger .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-danger .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-light .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-light .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-dark-dark .brand-link {
|
||||||
|
background-color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-navbar-fixed .sidebar-light-dark .brand-link {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-fixed .main-sidebar {
|
||||||
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
.main-footer {
|
.main-footer {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
color: #555;
|
color: #555;
|
||||||
|
|
@ -10138,6 +10256,18 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.sidebar-mini-md.sidebar-open #sidebar-overlay {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767.98px) {
|
||||||
|
.sidebar-mini-md.sidebar-open #sidebar-overlay {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar-dark-primary {
|
.sidebar-dark-primary {
|
||||||
background-color: #343a40;
|
background-color: #343a40;
|
||||||
}
|
}
|
||||||
|
|
@ -11367,6 +11497,72 @@ body,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.sidebar-mini-md .nav-sidebar,
|
||||||
|
.sidebar-mini-md .nav-sidebar > .nav-header,
|
||||||
|
.sidebar-mini-md .nav-sidebar .nav-link {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .d-hidden-mini {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .content-wrapper,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-footer,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-header {
|
||||||
|
margin-left: 4.6rem !important;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .sidebar .user-panel > .info,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link p,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .brand-text {
|
||||||
|
opacity: 0;
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar, .sidebar-mini-md.sidebar-collapse .main-sidebar:before {
|
||||||
|
margin-left: 0;
|
||||||
|
width: 4.6rem;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar .user-panel .image {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover {
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel .image {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link p,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-text {
|
||||||
|
opacity: 1;
|
||||||
|
margin-left: 0;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .brand-image {
|
||||||
|
margin-right: .5rem;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .sidebar-form,
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .user-panel > .info {
|
||||||
|
display: block !important;
|
||||||
|
-webkit-transform: translateZ(0);
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-link > span {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
.sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.nav-sidebar {
|
.nav-sidebar {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -11675,19 +11871,37 @@ body,
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Support Font Awesome icons in form-control */
|
/* Support Font Awesome icons in form-control */
|
||||||
.form-control-feedback.fa {
|
.form-control-feedback.fa, .form-control-feedback.fas, .form-control-feedback.far, .form-control-feedback.fab {
|
||||||
line-height: calc(2.25rem + 2px);
|
line-height: calc(2.25rem + 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-lg + .form-control-feedback.fa,
|
.input-lg + .form-control-feedback.fa,
|
||||||
.input-group-lg + .form-control-feedback.fa,
|
.input-group-lg + .form-control-feedback.fa,
|
||||||
.form-group-lg .form-control + .form-control-feedback.fa {
|
.form-group-lg .form-control + .form-control-feedback.fa,
|
||||||
|
.input-lg + .form-control-feedback.fas,
|
||||||
|
.input-group-lg + .form-control-feedback.fas,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.fas,
|
||||||
|
.input-lg + .form-control-feedback.far,
|
||||||
|
.input-group-lg + .form-control-feedback.far,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.far,
|
||||||
|
.input-lg + .form-control-feedback.fab,
|
||||||
|
.input-group-lg + .form-control-feedback.fab,
|
||||||
|
.form-group-lg .form-control + .form-control-feedback.fab {
|
||||||
line-height: calc(2.875rem + 2px);
|
line-height: calc(2.875rem + 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-sm + .form-control-feedback.fa,
|
.input-sm + .form-control-feedback.fa,
|
||||||
.input-group-sm + .form-control-feedback.fa,
|
.input-group-sm + .form-control-feedback.fa,
|
||||||
.form-group-sm .form-control + .form-control-feedback.fa {
|
.form-group-sm .form-control + .form-control-feedback.fa,
|
||||||
|
.input-sm + .form-control-feedback.fas,
|
||||||
|
.input-group-sm + .form-control-feedback.fas,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.fas,
|
||||||
|
.input-sm + .form-control-feedback.far,
|
||||||
|
.input-group-sm + .form-control-feedback.far,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.far,
|
||||||
|
.input-sm + .form-control-feedback.fab,
|
||||||
|
.input-group-sm + .form-control-feedback.fab,
|
||||||
|
.form-group-sm .form-control + .form-control-feedback.fab {
|
||||||
line-height: calc(1.8125rem + 2px);
|
line-height: calc(1.8125rem + 2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -11695,6 +11909,116 @@ label:not(.form-check-label):not(.custom-file-label) {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.warning-feedback {
|
||||||
|
display: none;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
font-size: 80%;
|
||||||
|
color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning-tooltip {
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
margin-top: .1rem;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #1F2D3D;
|
||||||
|
background-color: rgba(255, 193, 7, 0.9);
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control.is-warning {
|
||||||
|
border-color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control.is-warning:focus {
|
||||||
|
border-color: #ffc107;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control.is-warning ~ .warning-feedback,
|
||||||
|
.form-control.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea.form-control.is-warning {
|
||||||
|
padding-right: 2.25rem;
|
||||||
|
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select.is-warning {
|
||||||
|
border-color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select.is-warning:focus {
|
||||||
|
border-color: #ffc107;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-select.is-warning ~ .warning-feedback,
|
||||||
|
.custom-select.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control-file.is-warning ~ .warning-feedback,
|
||||||
|
.form-control-file.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input.is-warning ~ .form-check-label {
|
||||||
|
color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-check-input.is-warning ~ .warning-feedback,
|
||||||
|
.form-check-input.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning ~ .custom-control-label {
|
||||||
|
color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning ~ .custom-control-label::before {
|
||||||
|
border-color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning ~ .warning-feedback,
|
||||||
|
.custom-control-input.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning:checked ~ .custom-control-label::before {
|
||||||
|
border-color: #ffce3a;
|
||||||
|
background-color: #ffce3a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning:focus ~ .custom-control-label::before {
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-control-input.is-warning:focus:not(:checked) ~ .custom-control-label::before {
|
||||||
|
border-color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-file-input.is-warning ~ .custom-file-label {
|
||||||
|
border-color: #ffc107;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-file-input.is-warning ~ .warning-feedback,
|
||||||
|
.custom-file-input.is-warning ~ .warning-tooltip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-file-input.is-warning:focus ~ .custom-file-label {
|
||||||
|
border-color: #ffc107;
|
||||||
|
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Component: Progress Bar
|
* Component: Progress Bar
|
||||||
* -----------------------
|
* -----------------------
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -116,7 +116,7 @@ var ControlSidebar = function ($) {
|
||||||
|
|
||||||
ControlSidebar.prototype._setMargin = function _setMargin() {
|
ControlSidebar.prototype._setMargin = function _setMargin() {
|
||||||
$(Selector.CONTROL_SIDEBAR).css({
|
$(Selector.CONTROL_SIDEBAR).css({
|
||||||
top: $(Selector.MAIN_HEADER).outerHeight()
|
top: $(Selector.MAIN_HEADER).innerHeight()
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -191,6 +191,7 @@ var Layout = function ($) {
|
||||||
HEADER: '.main-header',
|
HEADER: '.main-header',
|
||||||
SIDEBAR: '.main-sidebar .sidebar',
|
SIDEBAR: '.main-sidebar .sidebar',
|
||||||
CONTENT: '.content-wrapper',
|
CONTENT: '.content-wrapper',
|
||||||
|
BRAND: '.brand-link',
|
||||||
CONTENT_HEADER: '.content-header',
|
CONTENT_HEADER: '.content-header',
|
||||||
WRAPPER: '.wrapper',
|
WRAPPER: '.wrapper',
|
||||||
CONTROL_SIDEBAR: '.control-sidebar',
|
CONTROL_SIDEBAR: '.control-sidebar',
|
||||||
|
|
@ -201,7 +202,14 @@ var Layout = function ($) {
|
||||||
var ClassName = {
|
var ClassName = {
|
||||||
HOLD: 'hold-transition',
|
HOLD: 'hold-transition',
|
||||||
SIDEBAR: 'main-sidebar',
|
SIDEBAR: 'main-sidebar',
|
||||||
LAYOUT_FIXED: 'layout-fixed'
|
LAYOUT_FIXED: 'layout-fixed',
|
||||||
|
NAVBAR_FIXED: 'layout-navbar-fixed',
|
||||||
|
FOOTER_FIXED: 'layout-footer-fixed'
|
||||||
|
};
|
||||||
|
|
||||||
|
var Default = {
|
||||||
|
scrollbarTheme: 'os-theme-light',
|
||||||
|
scrollbarAutoHide: 'l'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Class Definition
|
* Class Definition
|
||||||
|
|
@ -210,9 +218,10 @@ var Layout = function ($) {
|
||||||
|
|
||||||
};
|
};
|
||||||
var Layout = function () {
|
var Layout = function () {
|
||||||
function Layout(element) {
|
function Layout(element, config) {
|
||||||
classCallCheck(this, Layout);
|
classCallCheck(this, Layout);
|
||||||
|
|
||||||
|
this._config = config;
|
||||||
this._element = element;
|
this._element = element;
|
||||||
|
|
||||||
this._init();
|
this._init();
|
||||||
|
|
@ -230,13 +239,43 @@ var Layout = function ($) {
|
||||||
|
|
||||||
var max = this._max(heights);
|
var max = this._max(heights);
|
||||||
|
|
||||||
$(Selector.CONTENT).css('min-height', max - heights.header - heights.footer);
|
if ($('body').hasClass(ClassName.LAYOUT_FIXED)) {
|
||||||
$(Selector.SIDEBAR).css('min-height', max - heights.header);
|
$(Selector.CONTENT).css('min-height', max - heights.header - heights.footer);
|
||||||
|
// $(Selector.SIDEBAR).css('min-height', max - heights.header)
|
||||||
|
$(Selector.CONTROL_SIDEBAR + ' .control-sidebar-content').css('height', max - heights.header);
|
||||||
|
|
||||||
if (!$('body').hasClass(ClassName.LAYOUT_FIXED)) {
|
if (typeof $.fn.overlayScrollbars !== 'undefined') {
|
||||||
if (typeof $.fn.slimScroll !== 'undefined') {
|
$(Selector.SIDEBAR).overlayScrollbars({
|
||||||
$(Selector.SIDEBAR).slimScroll({ destroy: true }).slimScroll({ height: max - heights.header });
|
className: this._config.scrollbarTheme,
|
||||||
|
sizeAutoCapable: true,
|
||||||
|
scrollbars: {
|
||||||
|
autoHide: this._config.scrollbarAutoHide,
|
||||||
|
clickScrolling: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$(Selector.CONTROL_SIDEBAR + ' .control-sidebar-content').overlayScrollbars({
|
||||||
|
className: this._config.scrollbarTheme,
|
||||||
|
sizeAutoCapable: true,
|
||||||
|
scrollbars: {
|
||||||
|
autoHide: this._config.scrollbarAutoHide,
|
||||||
|
clickScrolling: true
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
if (heights.window > heights.sidebar) {
|
||||||
|
$(Selector.CONTENT).css('min-height', heights.window - heights.header - heights.footer);
|
||||||
|
} else {
|
||||||
|
$(Selector.CONTENT).css('min-height', heights.sidebar - heights.header);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if ($('body').hasClass(ClassName.NAVBAR_FIXED)) {
|
||||||
|
$(Selector.BRAND).css('height', heights.header);
|
||||||
|
$(Selector.SIDEBAR).css('margin-top', heights.header);
|
||||||
|
$(Selector.SIDEBAR).css('margin-top', heights.header);
|
||||||
|
}
|
||||||
|
if ($('body').hasClass(ClassName.FOOTER_FIXED)) {
|
||||||
|
$(Selector.CONTENT).css('margin-bottom', heights.footer);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -276,17 +315,18 @@ var Layout = function ($) {
|
||||||
|
|
||||||
// Static
|
// Static
|
||||||
|
|
||||||
Layout._jQueryInterface = function _jQueryInterface(operation) {
|
Layout._jQueryInterface = function _jQueryInterface(config) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
var data = $(this).data(DATA_KEY);
|
var data = $(this).data(DATA_KEY);
|
||||||
|
var _config = $.extend({}, Default, $(this).data());
|
||||||
|
|
||||||
if (!data) {
|
if (!data) {
|
||||||
data = new Layout(this);
|
data = new Layout($(this), _config);
|
||||||
$(this).data(DATA_KEY, data);
|
$(this).data(DATA_KEY, data);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (operation) {
|
if (config === 'init') {
|
||||||
data[operation]();
|
data[config]();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
@ -299,7 +339,6 @@ var Layout = function ($) {
|
||||||
* ====================================================
|
* ====================================================
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
$(window).on('load', function () {
|
$(window).on('load', function () {
|
||||||
Layout._jQueryInterface.call($('body'));
|
Layout._jQueryInterface.call($('body'));
|
||||||
});
|
});
|
||||||
|
|
@ -397,6 +436,7 @@ var PushMenu = function ($) {
|
||||||
|
|
||||||
PushMenu.prototype.toggle = function toggle() {
|
PushMenu.prototype.toggle = function toggle() {
|
||||||
var isShown = void 0;
|
var isShown = void 0;
|
||||||
|
|
||||||
if ($(window).width() >= this._options.screenCollapseSize) {
|
if ($(window).width() >= this._options.screenCollapseSize) {
|
||||||
isShown = !$(Selector.BODY).hasClass(ClassName.COLLAPSED);
|
isShown = !$(Selector.BODY).hasClass(ClassName.COLLAPSED);
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -432,9 +472,10 @@ var PushMenu = function ($) {
|
||||||
PushMenu._jQueryInterface = function _jQueryInterface(operation) {
|
PushMenu._jQueryInterface = function _jQueryInterface(operation) {
|
||||||
return this.each(function () {
|
return this.each(function () {
|
||||||
var data = $(this).data(DATA_KEY);
|
var data = $(this).data(DATA_KEY);
|
||||||
|
var _options = $.extend({}, Default, $(this).data());
|
||||||
|
|
||||||
if (!data) {
|
if (!data) {
|
||||||
data = new PushMenu(this);
|
data = new PushMenu(this, _options);
|
||||||
$(this).data(DATA_KEY, data);
|
$(this).data(DATA_KEY, data);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -9,7 +9,7 @@
|
||||||
|
|
||||||
var $sidebar = $('.control-sidebar')
|
var $sidebar = $('.control-sidebar')
|
||||||
var $container = $('<div />', {
|
var $container = $('<div />', {
|
||||||
class: 'p-3'
|
class: 'p-3 control-sidebar-content'
|
||||||
})
|
})
|
||||||
|
|
||||||
$sidebar.append($container)
|
$sidebar.append($container)
|
||||||
|
|
|
||||||
|
|
@ -118,7 +118,7 @@ $(function () {
|
||||||
$('#calendar').datepicker()
|
$('#calendar').datepicker()
|
||||||
|
|
||||||
// SLIMSCROLL FOR CHAT WIDGET
|
// SLIMSCROLL FOR CHAT WIDGET
|
||||||
$('#chat-box').slimScroll({
|
$('#chat-box').overlayScrollbars({
|
||||||
height: '250px'
|
height: '250px'
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
||||||
37
index.html
37
index.html
|
|
@ -12,6 +12,8 @@
|
||||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
|
||||||
<!-- iCheck -->
|
<!-- iCheck -->
|
||||||
<link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
|
<link rel="stylesheet" href="plugins/iCheck/flat/blue.css">
|
||||||
<!-- Morris chart -->
|
<!-- Morris chart -->
|
||||||
|
|
@ -27,7 +29,7 @@
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="hold-transition sidebar-mini">
|
<body class="hold-transition sidebar-mini layout-fixed">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
|
|
@ -35,7 +37,7 @@
|
||||||
<!-- Left navbar links -->
|
<!-- Left navbar links -->
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
<a class="nav-link" data-widget="pushmenu" data-screen-collapse-size="768" href="#"><i class="fas fa-bars"></i></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item d-none d-sm-inline-block">
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
<a href="index3.html" class="nav-link">Home</a>
|
<a href="index3.html" class="nav-link">Home</a>
|
||||||
|
|
@ -145,8 +147,9 @@
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
class="fas fa-th-large"></i></a>
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
@ -222,7 +225,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -238,6 +241,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1107,7 +1128,7 @@
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
|
||||||
All rights reserved.
|
All rights reserved.
|
||||||
<div class="float-right d-none d-sm-inline-block">
|
<div class="float-right d-none d-sm-inline-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
|
@ -1146,8 +1167,8 @@
|
||||||
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
|
<script src="plugins/datepicker/bootstrap-datepicker.js"></script>
|
||||||
<!-- Bootstrap WYSIHTML5 -->
|
<!-- Bootstrap WYSIHTML5 -->
|
||||||
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
|
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
<!-- overlayScrollbars -->
|
||||||
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="plugins/fastclick/fastclick.js"></script>
|
<script src="plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
37
index2.html
37
index2.html
|
|
@ -9,12 +9,14 @@
|
||||||
|
|
||||||
<!-- Font Awesome Icons -->
|
<!-- Font Awesome Icons -->
|
||||||
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
|
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
|
||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
<link rel="stylesheet" href="dist/css/adminlte.min.css">
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="hold-transition sidebar-mini">
|
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed layout-footer-fixed">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
|
@ -208,7 +210,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -224,6 +226,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1360,12 +1380,11 @@
|
||||||
|
|
||||||
<!-- Main Footer -->
|
<!-- Main Footer -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<!-- To the right -->
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
|
||||||
<div class="float-right d-sm-none d-md-block">
|
All rights reserved.
|
||||||
Anything you want
|
<div class="float-right d-none d-sm-inline-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<!-- Default to the left -->
|
|
||||||
<strong>Copyright © 2014-2018 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
|
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
<!-- ./wrapper -->
|
<!-- ./wrapper -->
|
||||||
|
|
@ -1375,6 +1394,8 @@
|
||||||
<script src="plugins/jquery/jquery.min.js"></script>
|
<script src="plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap -->
|
<!-- Bootstrap -->
|
||||||
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
<script src="dist/js/adminlte.js"></script>
|
<script src="dist/js/adminlte.js"></script>
|
||||||
|
|
||||||
|
|
@ -1387,8 +1408,6 @@
|
||||||
<!-- jVectorMap -->
|
<!-- jVectorMap -->
|
||||||
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
|
<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
|
||||||
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
|
<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
|
||||||
<!-- SlimScroll 1.3.0 -->
|
|
||||||
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- ChartJS 1.0.2 -->
|
<!-- ChartJS 1.0.2 -->
|
||||||
<script src="plugins/chartjs-old/Chart.min.js"></script>
|
<script src="plugins/chartjs-old/Chart.min.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
29
index3.html
29
index3.html
|
|
@ -220,7 +220,7 @@ to get the desired effect
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -236,6 +236,24 @@ to get the desired effect
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="pages/layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
<a href="pages/layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -795,12 +813,11 @@ to get the desired effect
|
||||||
|
|
||||||
<!-- Main Footer -->
|
<!-- Main Footer -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<!-- To the right -->
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong>
|
||||||
<div class="float-right d-none d-sm-block-down">
|
All rights reserved.
|
||||||
Anything you want
|
<div class="float-right d-none d-sm-inline-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<!-- Default to the left -->
|
|
||||||
<strong>Copyright © 2018 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
|
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
<!-- ./wrapper -->
|
<!-- ./wrapper -->
|
||||||
|
|
|
||||||
|
|
@ -8627,6 +8627,11 @@
|
||||||
"object-assign": "^4.1.0"
|
"object-assign": "^4.1.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"overlayscrollbars": {
|
||||||
|
"version": "1.7.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-1.7.1.tgz",
|
||||||
|
"integrity": "sha512-L9sDsYR2FOB5UCrtWxvYp5wfLxD0ZbNQvPTg0Av7sHBTiBNvMyz60UMuam0l2a3crpInnoibGSnKHs1Y3P37kw=="
|
||||||
|
},
|
||||||
"p-finally": {
|
"p-finally": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
|
||||||
|
|
|
||||||
|
|
@ -45,13 +45,14 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@ckeditor/ckeditor5-build-classic": "^1.0.0-beta.4",
|
"@ckeditor/ckeditor5-build-classic": "^1.0.0-beta.4",
|
||||||
|
"@fortawesome/fontawesome-free": "^5.8.2",
|
||||||
"bootstrap": "^4.3.1",
|
"bootstrap": "^4.3.1",
|
||||||
"chart.js": "^2.8.0",
|
"chart.js": "^2.8.0",
|
||||||
"datatables.net": "^1.10.19",
|
"datatables.net": "^1.10.19",
|
||||||
"datatables.net-bs4": "^1.10.19",
|
"datatables.net-bs4": "^1.10.19",
|
||||||
"@fortawesome/fontawesome-free": "^5.8.2",
|
|
||||||
"jquery": "^3.4.1",
|
"jquery": "^3.4.1",
|
||||||
"jquery-ui": "^1.12.1",
|
"jquery-ui": "^1.12.1",
|
||||||
|
"overlayscrollbars": "^1.7.1",
|
||||||
"popper.js": "^1.15.0"
|
"popper.js": "^1.15.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -228,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1556,7 +1574,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -246,7 +246,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -262,6 +262,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1377,7 +1395,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -228,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -549,7 +567,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -228,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -819,7 +837,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -219,7 +219,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -235,6 +235,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -653,7 +671,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -215,7 +215,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -231,6 +231,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="layout/collapsed-sidebar.html" class="nav-link">
|
<a href="layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -606,7 +624,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -626,8 +644,6 @@
|
||||||
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- jQuery UI 1.11.4 -->
|
<!-- jQuery UI 1.11.4 -->
|
||||||
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
|
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
|
||||||
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../plugins/fastclick/fastclick.js"></script>
|
<script src="../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,33 +229,21 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Collapsed Sidebar</p>
|
<p>Fixed</p>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item has-treeview">
|
|
||||||
<a href="#" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
|
||||||
<p>
|
|
||||||
Layout Options
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
<span class="badge badge-info right">3</span>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../layout/top-nav.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Top Navigation</p>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/boxed.html" class="nav-link">
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Boxed</p>
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
@ -652,7 +640,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -213,7 +213,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +229,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -666,7 +684,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -231,33 +231,21 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Collapsed Sidebar</p>
|
<p>Fixed</p>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item has-treeview">
|
|
||||||
<a href="#" class="nav-link">
|
|
||||||
<i class="nav-icon fas fa-copy"></i>
|
|
||||||
<p>
|
|
||||||
Layout Options
|
|
||||||
<i class="fas fa-angle-left right"></i>
|
|
||||||
<span class="badge badge-info right">3</span>
|
|
||||||
</p>
|
|
||||||
</a>
|
|
||||||
<ul class="nav nav-treeview">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a href="../layout/top-nav.html" class="nav-link">
|
|
||||||
<i class="far fa-circle nav-icon"></i>
|
|
||||||
<p>Top Navigation</p>
|
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/boxed.html" class="nav-link">
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
<p>Boxed</p>
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
@ -943,7 +931,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -961,8 +949,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- SlimScroll 1.3.0 -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -213,7 +213,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +229,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -560,7 +578,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -213,7 +213,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +229,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -560,7 +578,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
<!-- Ionicons -->
|
<!-- Ionicons -->
|
||||||
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
<!-- Theme style -->
|
<!-- overlayScrollbars -->
|
||||||
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
<!-- Google Font: Source Sans Pro -->
|
<!-- Google Font: Source Sans Pro -->
|
||||||
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -230,6 +230,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -560,7 +578,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -578,8 +596,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- SlimScroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -228,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -698,7 +716,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer no-print">
|
<footer class="main-footer no-print">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -213,7 +213,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +229,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -896,7 +914,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -223,7 +223,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -239,6 +239,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -921,7 +939,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -952,8 +970,6 @@
|
||||||
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
|
<script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
|
||||||
<!-- bootstrap time picker -->
|
<!-- bootstrap time picker -->
|
||||||
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></script>
|
<script src="../../plugins/timepicker/bootstrap-timepicker.min.js"></script>
|
||||||
<!-- SlimScroll 1.3.0 -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- iCheck 1.0.1 -->
|
<!-- iCheck 1.0.1 -->
|
||||||
<script src="../../plugins/iCheck/icheck.min.js"></script>
|
<script src="../../plugins/iCheck/icheck.min.js"></script>
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
|
|
|
||||||
|
|
@ -215,7 +215,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -231,6 +231,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -605,7 +623,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -213,7 +213,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +229,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -817,20 +835,20 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- input states -->
|
<!-- input states -->
|
||||||
<div class="form-group has-success">
|
<div class="form-group">
|
||||||
<label class="control-label" for="inputSuccess"><i class="fas fa-check"></i> Input with
|
<label class="control-label" for="inputSuccess"><i class="fas fa-check"></i> Input with
|
||||||
success</label>
|
success</label>
|
||||||
<input type="text" class="form-control" id="inputSuccess" placeholder="Enter ...">
|
<input type="text" class="form-control is-valid" id="inputSuccess" placeholder="Enter ...">
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group has-warning">
|
<div class="form-group">
|
||||||
<label class="control-label" for="inputWarning"><i class="far fa-bell"></i> Input with
|
<label class="control-label" for="inputWarning"><i class="far fa-bell"></i> Input with
|
||||||
warning</label>
|
warning</label>
|
||||||
<input type="text" class="form-control" id="inputWarning" placeholder="Enter ...">
|
<input type="text" class="form-control is-warning" id="inputWarning" placeholder="Enter ...">
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group has-error">
|
<div class="form-group">
|
||||||
<label class="control-label" for="inputError"><i class="far fa-times-circle"></i> Input with
|
<label class="control-label" for="inputError"><i class="far fa-times-circle"></i> Input with
|
||||||
error</label>
|
error</label>
|
||||||
<input type="text" class="form-control" id="inputError" placeholder="Enter ...">
|
<input type="text" class="form-control is-invalid" id="inputError" placeholder="Enter ...">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- checkbox -->
|
<!-- checkbox -->
|
||||||
|
|
@ -918,7 +936,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -230,6 +230,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -561,7 +579,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -579,8 +597,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- SlimScroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -230,6 +230,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link active">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link active">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -561,7 +579,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -579,8 +597,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- SlimScroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,606 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Fixed Footer Layout</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini layout-footer-fixed">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Data Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Fixed Footer Layout</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#">Layout</a></li>
|
||||||
|
<li class="breadcrumb-item active">Fixed Footer Layout</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Title</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
|
||||||
|
<i class="fas fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Start creating your amazing application!
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
<div class="card-footer">
|
||||||
|
Footer
|
||||||
|
</div>
|
||||||
|
<!-- /.card-footer-->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.1
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,606 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Fixed Navbar Layout</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini layout-navbar-fixed">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Data Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Fixed Navbar Layout</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#">Layout</a></li>
|
||||||
|
<li class="breadcrumb-item active">Fixed Navbar Layout</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Title</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
|
||||||
|
<i class="fas fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Start creating your amazing application!
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
<div class="card-footer">
|
||||||
|
Footer
|
||||||
|
</div>
|
||||||
|
<!-- /.card-footer-->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.1
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,610 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>AdminLTE 3 | Fixed Layout</title>
|
||||||
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
|
<!-- Ionicons -->
|
||||||
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<link rel="stylesheet" href="../../plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
|
||||||
|
<!-- Theme style -->
|
||||||
|
<link rel="stylesheet" href="../../dist/css/adminlte.min.css">
|
||||||
|
<!-- Google Font: Source Sans Pro -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="hold-transition sidebar-mini layout-fixed">
|
||||||
|
<!-- Site wrapper -->
|
||||||
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
|
<nav class="main-header navbar navbar-expand navbar-white navbar-light border-bottom">
|
||||||
|
<!-- Left navbar links -->
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="../../index3.html" class="nav-link">Home</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item d-none d-sm-inline-block">
|
||||||
|
<a href="#" class="nav-link">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- SEARCH FORM -->
|
||||||
|
<form class="form-inline ml-3">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<button class="btn btn-navbar" type="submit">
|
||||||
|
<i class="fas fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Right navbar links -->
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<!-- Messages Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-comments"></i>
|
||||||
|
<span class="badge badge-danger navbar-badge">3</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Brad Diesel
|
||||||
|
<span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">Call me whenever you can...</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
John Pierce
|
||||||
|
<span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">I got your message bro</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<!-- Message Start -->
|
||||||
|
<div class="media">
|
||||||
|
<img src="../../dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
|
||||||
|
<div class="media-body">
|
||||||
|
<h3 class="dropdown-item-title">
|
||||||
|
Nora Silvester
|
||||||
|
<span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
|
||||||
|
</h3>
|
||||||
|
<p class="text-sm">The subject goes here</p>
|
||||||
|
<p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Message End -->
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications Dropdown Menu -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a class="nav-link" data-toggle="dropdown" href="#">
|
||||||
|
<i class="far fa-bell"></i>
|
||||||
|
<span class="badge badge-warning navbar-badge">15</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
|
||||||
|
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-envelope mr-2"></i> 4 new messages
|
||||||
|
<span class="float-right text-muted text-sm">3 mins</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-users mr-2"></i> 8 friend requests
|
||||||
|
<span class="float-right text-muted text-sm">12 hours</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item">
|
||||||
|
<i class="fas fa-file mr-2"></i> 3 new reports
|
||||||
|
<span class="float-right text-muted text-sm">2 days</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
|
||||||
|
<i class="fas fa-th-large"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
|
<!-- Main Sidebar Container -->
|
||||||
|
<aside class="main-sidebar sidebar-dark-primary elevation-4">
|
||||||
|
<!-- Brand Logo -->
|
||||||
|
<a href="../../index3.html" class="brand-link">
|
||||||
|
<img src="../../dist/img/AdminLTELogo.png"
|
||||||
|
alt="AdminLTE Logo"
|
||||||
|
class="brand-image img-circle elevation-3"
|
||||||
|
style="opacity: .8">
|
||||||
|
<span class="brand-text font-weight-light">AdminLTE 3</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div class="sidebar">
|
||||||
|
<!-- Sidebar user (optional) -->
|
||||||
|
<div class="user-panel mt-3 pb-3 mb-3 d-flex">
|
||||||
|
<div class="image">
|
||||||
|
<img src="../../dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
<a href="#" class="d-block">Alexander Pierce</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<nav class="mt-2">
|
||||||
|
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
|
||||||
|
<!-- Add icons to the links using the .nav-icon class
|
||||||
|
with font-awesome or any other icon font library -->
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tachometer-alt"></i>
|
||||||
|
<p>
|
||||||
|
Dashboard
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v1</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index2.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../index3.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Dashboard v3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../widgets.html" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-th"></i>
|
||||||
|
<p>
|
||||||
|
Widgets
|
||||||
|
<span class="right badge badge-danger">New</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview menu-open">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-copy"></i>
|
||||||
|
<p>
|
||||||
|
Layout Options
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
<span class="badge badge-info right">6</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/top-nav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Top Navigation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/boxed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Boxed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link active">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Collapsed Sidebar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-chart-pie"></i>
|
||||||
|
<p>
|
||||||
|
Charts
|
||||||
|
<i class="right fas fa-angle-left"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/chartjs.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>ChartJS</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/flot.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Flot</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../charts/inline.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inline</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-tree"></i>
|
||||||
|
<p>
|
||||||
|
UI Elements
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/icons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Icons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/buttons.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Buttons</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/sliders.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Sliders</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../UI/modals.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Modals</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-edit"></i>
|
||||||
|
<p>
|
||||||
|
Forms
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/general.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>General Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/advanced.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Advanced Elements</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../forms/editors.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Editors</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-table"></i>
|
||||||
|
<p>
|
||||||
|
Tables
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/simple.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Simple Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../tables/data.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Data Tables</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">EXAMPLES</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../calendar.html" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-calendar-alt"></i>
|
||||||
|
<p>
|
||||||
|
Calendar
|
||||||
|
<span class="badge badge-info right">2</span>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-envelope"></i>
|
||||||
|
<p>
|
||||||
|
Mailbox
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/mailbox.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Inbox</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/compose.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Compose</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../mailbox/read-mail.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Read</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-book"></i>
|
||||||
|
<p>
|
||||||
|
Pages
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/invoice.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Invoice</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/profile.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Profile</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/login.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Login</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/register.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Register</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/lockscreen.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Lockscreen</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item has-treeview">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-plus-square"></i>
|
||||||
|
<p>
|
||||||
|
Extras
|
||||||
|
<i class="fas fa-angle-left right"></i>
|
||||||
|
</p>
|
||||||
|
</a>
|
||||||
|
<ul class="nav nav-treeview">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/404.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 404</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/500.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Error 500</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../examples/blank.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Blank Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../../starter.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Starter Page</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">MISCELLANEOUS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="https://adminlte.io/docs" class="nav-link">
|
||||||
|
<i class="nav-icon fas fa-file"></i>
|
||||||
|
<p>Documentation</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-header">LABELS</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-danger"></i>
|
||||||
|
<p class="text">Important</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-warning"></i>
|
||||||
|
<p>Warning</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="#" class="nav-link">
|
||||||
|
<i class="nav-icon far fa-circle text-info"></i>
|
||||||
|
<p>Informational</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<!-- /.sidebar-menu -->
|
||||||
|
</div>
|
||||||
|
<!-- /.sidebar -->
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Content Wrapper. Contains page content -->
|
||||||
|
<div class="content-wrapper">
|
||||||
|
<!-- Content Header (Page header) -->
|
||||||
|
<section class="content-header">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<h1>Fixed Layout</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb float-sm-right">
|
||||||
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||||
|
<li class="breadcrumb-item"><a href="#">Layout</a></li>
|
||||||
|
<li class="breadcrumb-item active">Fixed Layout</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- /.container-fluid -->
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<section class="content">
|
||||||
|
|
||||||
|
<!-- Default box -->
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">Title</h3>
|
||||||
|
|
||||||
|
<div class="card-tools">
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
|
||||||
|
<i class="fas fa-minus"></i></button>
|
||||||
|
<button type="button" class="btn btn-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
|
||||||
|
<i class="fas fa-times"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Start creating your amazing application!
|
||||||
|
</div>
|
||||||
|
<!-- /.card-body -->
|
||||||
|
<div class="card-footer">
|
||||||
|
Footer
|
||||||
|
</div>
|
||||||
|
<!-- /.card-footer-->
|
||||||
|
</div>
|
||||||
|
<!-- /.card -->
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<!-- /.content -->
|
||||||
|
</div>
|
||||||
|
<!-- /.content-wrapper -->
|
||||||
|
|
||||||
|
<footer class="main-footer">
|
||||||
|
<div class="float-right d-none d-sm-block">
|
||||||
|
<b>Version</b> 3.0.0-beta.1
|
||||||
|
</div>
|
||||||
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
|
reserved.
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Control Sidebar -->
|
||||||
|
<aside class="control-sidebar control-sidebar-dark">
|
||||||
|
<!-- Control sidebar content goes here -->
|
||||||
|
</aside>
|
||||||
|
<!-- /.control-sidebar -->
|
||||||
|
</div>
|
||||||
|
<!-- ./wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
|
<!-- Bootstrap 4 -->
|
||||||
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<!-- overlayScrollbars -->
|
||||||
|
<script src="../../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
|
||||||
|
<!-- FastClick -->
|
||||||
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
|
<!-- AdminLTE App -->
|
||||||
|
<script src="../../dist/js/adminlte.min.js"></script>
|
||||||
|
<!-- AdminLTE for demo purposes -->
|
||||||
|
<script src="../../dist/js/demo.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -217,7 +217,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -233,6 +233,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -678,7 +696,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -696,8 +714,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -214,7 +214,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -230,6 +230,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -831,7 +849,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -849,8 +867,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -215,7 +215,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -231,6 +231,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -747,7 +765,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -764,8 +782,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -215,7 +215,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -231,6 +231,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1421,7 +1439,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -1442,8 +1460,6 @@
|
||||||
<!-- DataTables -->
|
<!-- DataTables -->
|
||||||
<script src="../../plugins/datatables/jquery.dataTables.js"></script>
|
<script src="../../plugins/datatables/jquery.dataTables.js"></script>
|
||||||
<script src="../../plugins/datatables/dataTables.bootstrap4.js"></script>
|
<script src="../../plugins/datatables/dataTables.bootstrap4.js"></script>
|
||||||
<!-- SlimScroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,6 @@
|
||||||
<title>AdminLTE 3 | Simple Tables</title>
|
<title>AdminLTE 3 | Simple Tables</title>
|
||||||
<!-- Tell the browser to be responsive to screen width -->
|
<!-- Tell the browser to be responsive to screen width -->
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<!-- Font Awesome -->
|
<!-- Font Awesome -->
|
||||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
|
||||||
<!-- Ionicons -->
|
<!-- Ionicons -->
|
||||||
|
|
@ -213,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -229,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="../layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -859,7 +876,7 @@
|
||||||
<!-- /.content-wrapper -->
|
<!-- /.content-wrapper -->
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
@ -877,8 +894,6 @@
|
||||||
<script src="../../plugins/jquery/jquery.min.js"></script>
|
<script src="../../plugins/jquery/jquery.min.js"></script>
|
||||||
<!-- Bootstrap 4 -->
|
<!-- Bootstrap 4 -->
|
||||||
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||||
<!-- Slimscroll -->
|
|
||||||
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
||||||
<!-- FastClick -->
|
<!-- FastClick -->
|
||||||
<script src="../../plugins/fastclick/fastclick.js"></script>
|
<script src="../../plugins/fastclick/fastclick.js"></script>
|
||||||
<!-- AdminLTE App -->
|
<!-- AdminLTE App -->
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@
|
||||||
<p>
|
<p>
|
||||||
Layout Options
|
Layout Options
|
||||||
<i class="fas fa-angle-left right"></i>
|
<i class="fas fa-angle-left right"></i>
|
||||||
<span class="badge badge-info right">3</span>
|
<span class="badge badge-info right">6</span>
|
||||||
</p>
|
</p>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav nav-treeview">
|
<ul class="nav nav-treeview">
|
||||||
|
|
@ -228,6 +228,24 @@
|
||||||
<p>Boxed</p>
|
<p>Boxed</p>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed-topnav.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Navbar</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a href="layout/fixed-footer.html" class="nav-link">
|
||||||
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
<p>Fixed Footer</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a href="layout/collapsed-sidebar.html" class="nav-link">
|
<a href="layout/collapsed-sidebar.html" class="nav-link">
|
||||||
<i class="far fa-circle nav-icon"></i>
|
<i class="far fa-circle nav-icon"></i>
|
||||||
|
|
@ -1790,7 +1808,7 @@
|
||||||
|
|
||||||
<footer class="main-footer">
|
<footer class="main-footer">
|
||||||
<div class="float-right d-none d-sm-block">
|
<div class="float-right d-none d-sm-block">
|
||||||
<b>Version</b> 3.0.0-alpha
|
<b>Version</b> 3.0.0-beta.1
|
||||||
</div>
|
</div>
|
||||||
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
<strong>Copyright © 2014-2018 <a href="http://adminlte.io">AdminLTE.io</a>.</strong> All rights
|
||||||
reserved.
|
reserved.
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
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
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue