updated bootstrap libs

added sandwich symbol
This commit is contained in:
lukas-heiligenbrunner 2020-04-14 15:24:53 +02:00
parent c7999ed6ec
commit 54e2cd7856
15 changed files with 3563 additions and 5884 deletions

View File

@ -42,17 +42,21 @@
<!-- Sidebar --> <!-- Sidebar -->
<div class="sidebar"> <div class="sidebar">
<!-- Sidebar user panel (optional) --> <!-- Sidebar User -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex"> <nav class="user-panel mt-3 pb-3 mb-3">
<div class="image"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
<!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> --> data-accordion="false">
<i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
</div> <li class="nav-item">
<!-- <i class="nav-icon fas fa-tachometer-alt"></i> --> <a href="user.html" class="nav-link">
<div class="info"> <i class="nav-icon fas fa-user"></i>
<a href="user.html" class="d-block" id="userlabel">Username to set!</a> <p id="userlabel">
</div> Username to set!
</div> </p>
</a>
</li>
</ul>
</nav>
<!-- Sidebar Menu --> <!-- Sidebar Menu -->
<nav class="mt-2"> <nav class="mt-2">
@ -114,12 +118,12 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark">Dashboard</h1> <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Admin Area</h1>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="dashboard.html">Home</a></li> <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
<li class="breadcrumb-item active">Users</li> <li class="breadcrumb-item active">Admin</li>
</ol> </ol>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -243,7 +247,7 @@
<!-- custom js --> <!-- custom js -->
<script src="js/adminpanel.js"></script> <script src="js/adminpanel.js"></script>
<script src="js/userManager.js"></script> <script src="js/general.js"></script>
</body> </body>
</html> </html>

View File

@ -1,3 +1,7 @@
.hideit{ .hideit{
display:none; display:none;
} }
.sandwich:hover{
cursor: pointer;
}

View File

@ -44,17 +44,21 @@
<!-- Sidebar --> <!-- Sidebar -->
<div class="sidebar"> <div class="sidebar">
<!-- Sidebar user panel (optional) --> <!-- Sidebar User -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex"> <nav class="user-panel mt-3 pb-3 mb-3">
<div class="image"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
<!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> --> data-accordion="false">
<i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
</div> <li class="nav-item">
<!-- <i class="nav-icon fas fa-tachometer-alt"></i> --> <a href="user.html" class="nav-link">
<div class="info"> <i class="nav-icon fas fa-user"></i>
<a href="user.html" class="d-block" id="userlabel">Username to set!</a> <p id="userlabel">
</div> Username to set!
</div> </p>
</a>
</li>
</ul>
</nav>
<!-- Sidebar Menu --> <!-- Sidebar Menu -->
<nav class="mt-2"> <nav class="mt-2">
@ -113,7 +117,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark">Dashboard</h1> <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Dashboard</h1>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
@ -142,7 +146,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-bag"></i> <i class="ion ion-bag"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -157,7 +160,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-android-globe" style="color: lightgrey"></i> <i class="ion ion-android-globe" style="color: lightgrey"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -172,7 +174,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-calendar"></i> <i class="ion ion-calendar"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -187,7 +188,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-android-checkmark-circle"></i> <i class="ion ion-android-checkmark-circle"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -416,7 +416,7 @@
<!-- Bootstrap 4 --> <!-- Bootstrap 4 -->
<script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="lib/AdminLTE/dist/js/adminlte.js"></script> <!--<script src="lib/AdminLTE/dist/js/adminlte.js"></script>-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<!-- DataTables --> <!-- DataTables -->
@ -426,7 +426,7 @@
<!-- custom js --> <!-- custom js -->
<script type="text/javascript" src="js/dashboard.js"></script> <script type="text/javascript" src="js/dashboard.js"></script>
<script src="js/userManager.js"></script> <script src="js/general.js"></script>
</body> </body>
</html> </html>

View File

@ -43,17 +43,21 @@
<!-- Sidebar --> <!-- Sidebar -->
<div class="sidebar"> <div class="sidebar">
<!-- Sidebar user panel (optional) --> <!-- Sidebar User -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex"> <nav class="user-panel mt-3 pb-3 mb-3">
<div class="image"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
<!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> --> data-accordion="false">
<i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
</div> <li class="nav-item">
<!-- <i class="nav-icon fas fa-tachometer-alt"></i> --> <a href="user.html" class="nav-link">
<div class="info"> <i class="nav-icon fas fa-user"></i>
<a href="user.html" class="d-block" id="userlabel">Username to set!</a> <p id="userlabel">
</div> Username to set!
</div> </p>
</a>
</li>
</ul>
</nav>
<!-- Sidebar Menu --> <!-- Sidebar Menu -->
<nav class="mt-2"> <nav class="mt-2">
@ -112,12 +116,12 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark">Dashboard</h1> <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Devices</h1>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="dashboard.html">Home</a></li> <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
<li class="breadcrumb-item active">Users</li> <li class="breadcrumb-item active">Devices</li>
</ol> </ol>
</div><!-- /.col --> </div><!-- /.col -->
</div><!-- /.row --> </div><!-- /.row -->
@ -141,7 +145,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-bag"></i> <i class="ion ion-bag"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -156,7 +159,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-stats-bars"></i> <i class="ion ion-stats-bars"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -257,7 +259,7 @@
<script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script> <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
<!-- custom js --> <!-- custom js -->
<script src="js/userManager.js"></script> <script src="js/general.js"></script>
<script src="js/device.js"></script> <script src="js/device.js"></script>
</body> </body>
</html> </html>

View File

@ -1,5 +1,19 @@
$(document).ready(function () { $(document).ready(function () {
console.log("page loaded"); $('.sandwich').click(function () {
const bdy = $('body');
if (bdy.hasClass("sidebar-collapse")) {
bdy.removeClass("sidebar-collapse");
} else {
bdy.addClass("sidebar-collapse");
}
if(bdy.hasClass("sidebar-open")){
bdy.removeClass("sidebar-open");
} else {
bdy.addClass("sidebar-open");
}
});
$.post('/senddata/checkloginstate', 'action=getloginstate', function (data) { $.post('/senddata/checkloginstate', 'action=getloginstate', function (data) {
console.log(data); console.log(data);
if (data.loggedin == true) { if (data.loggedin == true) {

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 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 one or more lines are too long

View File

@ -5,10 +5,9 @@
*/ */
(function (global, factory) { (function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) : typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) : typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
(global = global || self, factory(global.bootstrap = {}, global.jQuery)); (global = global || self, factory(global.bootstrap = {}, global.jQuery));
}(this, (function (exports, $) { }(this, (function (exports, $) { 'use strict';
'use strict';
$ = $ && $.hasOwnProperty('default') ? $['default'] : $; $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
@ -287,14 +286,14 @@
*/ */
var Alert = var Alert =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Alert(element) { function Alert(element) {
this._element = element; this._element = element;
} // Getters } // Getters
var _proto = Alert.prototype; var _proto = Alert.prototype;
// Public // Public
_proto.close = function close(element) { _proto.close = function close(element) {
@ -457,14 +456,14 @@
*/ */
var Button = var Button =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Button(element) { function Button(element) {
this._element = element; this._element = element;
} // Getters } // Getters
var _proto = Button.prototype; var _proto = Button.prototype;
// Public // Public
_proto.toggle = function toggle() { _proto.toggle = function toggle() {
@ -708,14 +707,14 @@
*/ */
var Carousel = var Carousel =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Carousel(element, config) { function Carousel(element, config) {
this._items = null; this._items = null;
this._interval = null; this._interval = null;
this._activeElement = null; this._activeElement = null;
this._isPaused = false; this._isPaused = false;
this._isSliding = false; this._isSliding = false;
this.touchTimeout = null; this.touchTimeout = null;
this.touchStartX = 0; this.touchStartX = 0;
this.touchDeltaX = 0; this.touchDeltaX = 0;
@ -1266,14 +1265,14 @@
*/ */
var Collapse = var Collapse =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Collapse(element, config) { function Collapse(element, config) {
this._isTransitioning = false; this._isTransitioning = false;
this._element = element; this._element = element;
this._config = this._getConfig(config); this._config = this._getConfig(config);
this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]"))); this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
var toggleList = [].slice.call(document.querySelectorAll(Selector$3.DATA_TOGGLE)); var toggleList = [].slice.call(document.querySelectorAll(Selector$3.DATA_TOGGLE));
for (var i = 0, len = toggleList.length; i < len; i++) { for (var i = 0, len = toggleList.length; i < len; i++) {
var elem = toggleList[i]; var elem = toggleList[i];
@ -2202,7 +2201,7 @@
// NOTE: 1 DOM access here // NOTE: 1 DOM access here
var boundaries = {top: 0, left: 0}; var boundaries = { top: 0, left: 0 };
var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference)); var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
// Handle viewport case // Handle viewport case
@ -4039,14 +4038,14 @@
// Utils // Utils
// Methods // Methods
var Popper = function () { var Popper = function () {
/** /**
* Creates a new Popper.js instance. * Creates a new Popper.js instance.
* @class Popper * @class Popper
* @param {Element|referenceObject} reference - The reference element used to position the popper * @param {Element|referenceObject} reference - The reference element used to position the popper
* @param {Element} popper - The HTML / XML element used as the popper * @param {Element} popper - The HTML / XML element used as the popper
* @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults) * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
* @return {Object} instance - The generated Popper.js instance * @return {Object} instance - The generated Popper.js instance
*/ */
function Popper(reference, popper) { function Popper(reference, popper) {
var _this = this; var _this = this;
@ -4276,14 +4275,14 @@
*/ */
var Dropdown = var Dropdown =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Dropdown(element, config) { function Dropdown(element, config) {
this._element = element; this._element = element;
this._popper = null; this._popper = null;
this._config = this._getConfig(config); this._config = this._getConfig(config);
this._menu = this._getMenuElement(); this._menu = this._getMenuElement();
this._inNavbar = this._detectNavbar(); this._inNavbar = this._detectNavbar();
this._addEventListeners(); this._addEventListeners();
} // Getters } // Getters
@ -4308,75 +4307,75 @@
this.show(true); this.show(true);
}; };
_proto.show = function show(usePopper) { _proto.show = function show(usePopper) {
if (usePopper === void 0) { if (usePopper === void 0) {
usePopper = false; usePopper = false;
}
if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || $(this._menu).hasClass(ClassName$4.SHOW)) {
return;
}
var relatedTarget = {
relatedTarget: this._element
};
var showEvent = $.Event(Event$4.SHOW, relatedTarget);
var parent = Dropdown._getParentFromElement(this._element);
$(parent).trigger(showEvent);
if (showEvent.isDefaultPrevented()) {
return;
} // Disable totally Popper.js for Dropdown in Navbar
if (!this._inNavbar && usePopper) {
/**
* Check for Popper dependency
* Popper - https://popper.js.org
*/
if (typeof Popper === 'undefined') {
throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org/)');
}
var referenceElement = this._element;
if (this._config.reference === 'parent') {
referenceElement = parent;
} else if (Util.isElement(this._config.reference)) {
referenceElement = this._config.reference; // Check if it's jQuery element
if (typeof this._config.reference.jquery !== 'undefined') {
referenceElement = this._config.reference[0];
} }
} // If boundary is not `scrollParent`, then set position to `static`
if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || $(this._menu).hasClass(ClassName$4.SHOW)) { // to allow the menu to "escape" the scroll parent's boundaries
return; // https://github.com/twbs/bootstrap/issues/24251
}
var relatedTarget = {
relatedTarget: this._element
};
var showEvent = $.Event(Event$4.SHOW, relatedTarget);
var parent = Dropdown._getParentFromElement(this._element);
$(parent).trigger(showEvent);
if (showEvent.isDefaultPrevented()) {
return;
} // Disable totally Popper.js for Dropdown in Navbar
if (!this._inNavbar && usePopper) { if (this._config.boundary !== 'scrollParent') {
/** $(parent).addClass(ClassName$4.POSITION_STATIC);
* Check for Popper dependency }
* Popper - https://popper.js.org
*/
if (typeof Popper === 'undefined') {
throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org/)');
}
var referenceElement = this._element; this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig());
} // If this is a touch-enabled device we add extra
if (this._config.reference === 'parent') { // empty mouseover listeners to the body's immediate children;
referenceElement = parent; // only needed because of broken event delegation on iOS
} else if (Util.isElement(this._config.reference)) { // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
referenceElement = this._config.reference; // Check if it's jQuery element
if (typeof this._config.reference.jquery !== 'undefined') {
referenceElement = this._config.reference[0];
}
} // If boundary is not `scrollParent`, then set position to `static`
// to allow the menu to "escape" the scroll parent's boundaries
// https://github.com/twbs/bootstrap/issues/24251
if (this._config.boundary !== 'scrollParent') { if ('ontouchstart' in document.documentElement && $(parent).closest(Selector$4.NAVBAR_NAV).length === 0) {
$(parent).addClass(ClassName$4.POSITION_STATIC); $(document.body).children().on('mouseover', null, $.noop);
} }
this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig()); this._element.focus();
} // If this is a touch-enabled device we add extra
// empty mouseover listeners to the body's immediate children;
// only needed because of broken event delegation on iOS
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
this._element.setAttribute('aria-expanded', true);
if ('ontouchstart' in document.documentElement && $(parent).closest(Selector$4.NAVBAR_NAV).length === 0) { $(this._menu).toggleClass(ClassName$4.SHOW);
$(document.body).children().on('mouseover', null, $.noop); $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget));
} };
this._element.focus();
this._element.setAttribute('aria-expanded', true);
$(this._menu).toggleClass(ClassName$4.SHOW);
$(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget));
};
_proto.hide = function hide() { _proto.hide = function hide() {
if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || !$(this._menu).hasClass(ClassName$4.SHOW)) { if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || !$(this._menu).hasClass(ClassName$4.SHOW)) {
@ -4787,14 +4786,14 @@
*/ */
var Modal = var Modal =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Modal(element, config) { function Modal(element, config) {
this._config = this._getConfig(config); this._config = this._getConfig(config);
this._element = element; this._element = element;
this._dialog = element.querySelector(Selector$5.DIALOG); this._dialog = element.querySelector(Selector$5.DIALOG);
this._backdrop = null; this._backdrop = null;
this._isShown = false; this._isShown = false;
this._isBodyOverflowing = false; this._isBodyOverflowing = false;
this._ignoreBackdropClick = false; this._ignoreBackdropClick = false;
this._isTransitioning = false; this._isTransitioning = false;
@ -4929,64 +4928,64 @@
} // Private } // Private
; ;
_proto._getConfig = function _getConfig(config) { _proto._getConfig = function _getConfig(config) {
config = _objectSpread2({}, Default$3, {}, config); config = _objectSpread2({}, Default$3, {}, config);
Util.typeCheckConfig(NAME$5, config, DefaultType$3); Util.typeCheckConfig(NAME$5, config, DefaultType$3);
return config; return config;
}; };
_proto._triggerBackdropTransition = function _triggerBackdropTransition() { _proto._triggerBackdropTransition = function _triggerBackdropTransition() {
var _this3 = this; var _this3 = this;
if (this._config.backdrop === 'static') { if (this._config.backdrop === 'static') {
var hideEventPrevented = $.Event(Event$5.HIDE_PREVENTED); var hideEventPrevented = $.Event(Event$5.HIDE_PREVENTED);
$(this._element).trigger(hideEventPrevented); $(this._element).trigger(hideEventPrevented);
if (hideEventPrevented.defaultPrevented) { if (hideEventPrevented.defaultPrevented) {
return; return;
} }
this._element.classList.add(ClassName$5.STATIC); this._element.classList.add(ClassName$5.STATIC);
var modalTransitionDuration = Util.getTransitionDurationFromElement(this._element); var modalTransitionDuration = Util.getTransitionDurationFromElement(this._element);
$(this._element).one(Util.TRANSITION_END, function () { $(this._element).one(Util.TRANSITION_END, function () {
_this3._element.classList.remove(ClassName$5.STATIC); _this3._element.classList.remove(ClassName$5.STATIC);
}).emulateTransitionEnd(modalTransitionDuration); }).emulateTransitionEnd(modalTransitionDuration);
this._element.focus(); this._element.focus();
} else { } else {
this.hide(); this.hide();
} }
}; };
_proto._showElement = function _showElement(relatedTarget) { _proto._showElement = function _showElement(relatedTarget) {
var _this4 = this; var _this4 = this;
var transition = $(this._element).hasClass(ClassName$5.FADE); var transition = $(this._element).hasClass(ClassName$5.FADE);
var modalBody = this._dialog ? this._dialog.querySelector(Selector$5.MODAL_BODY) : null; var modalBody = this._dialog ? this._dialog.querySelector(Selector$5.MODAL_BODY) : null;
if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) { if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
// Don't move modal's DOM position // Don't move modal's DOM position
document.body.appendChild(this._element); document.body.appendChild(this._element);
} }
this._element.style.display = 'block'; this._element.style.display = 'block';
this._element.removeAttribute('aria-hidden'); this._element.removeAttribute('aria-hidden');
this._element.setAttribute('aria-modal', true); this._element.setAttribute('aria-modal', true);
if ($(this._dialog).hasClass(ClassName$5.SCROLLABLE) && modalBody) { if ($(this._dialog).hasClass(ClassName$5.SCROLLABLE) && modalBody) {
modalBody.scrollTop = 0; modalBody.scrollTop = 0;
} else { } else {
this._element.scrollTop = 0; this._element.scrollTop = 0;
} }
if (transition) { if (transition) {
Util.reflow(this._element); Util.reflow(this._element);
} }
$(this._element).addClass(ClassName$5.SHOW); $(this._element).addClass(ClassName$5.SHOW);
if (this._config.focus) { if (this._config.focus) {
this._enforceFocus(); this._enforceFocus();
@ -5541,12 +5540,12 @@
*/ */
var Tooltip = var Tooltip =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Tooltip(element, config) { function Tooltip(element, config) {
if (typeof Popper === 'undefined') { if (typeof Popper === 'undefined') {
throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org/)'); throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org/)');
} // private } // private
this._isEnabled = true; this._isEnabled = true;
@ -5826,44 +5825,44 @@
} // Private } // Private
; ;
_proto._getPopperConfig = function _getPopperConfig(attachment) { _proto._getPopperConfig = function _getPopperConfig(attachment) {
var _this3 = this; var _this3 = this;
var defaultBsConfig = { var defaultBsConfig = {
placement: attachment, placement: attachment,
modifiers: { modifiers: {
offset: this._getOffset(), offset: this._getOffset(),
flip: { flip: {
behavior: this.config.fallbackPlacement behavior: this.config.fallbackPlacement
}, },
arrow: { arrow: {
element: Selector$6.ARROW element: Selector$6.ARROW
}, },
preventOverflow: { preventOverflow: {
boundariesElement: this.config.boundary boundariesElement: this.config.boundary
} }
}, },
onCreate: function onCreate(data) { onCreate: function onCreate(data) {
if (data.originalPlacement !== data.placement) { if (data.originalPlacement !== data.placement) {
_this3._handlePopperPlacementChange(data); _this3._handlePopperPlacementChange(data);
} }
}, },
onUpdate: function onUpdate(data) { onUpdate: function onUpdate(data) {
return _this3._handlePopperPlacementChange(data); return _this3._handlePopperPlacementChange(data);
} }
}; };
return _objectSpread2({}, defaultBsConfig, {}, this.config.popperConfig); return _objectSpread2({}, defaultBsConfig, {}, this.config.popperConfig);
}; };
_proto._getOffset = function _getOffset() { _proto._getOffset = function _getOffset() {
var _this4 = this; var _this4 = this;
var offset = {}; var offset = {};
if (typeof this.config.offset === 'function') { if (typeof this.config.offset === 'function') {
offset.fn = function (data) { offset.fn = function (data) {
data.offsets = _objectSpread2({}, data.offsets, {}, _this4.config.offset(data.offsets, _this4.element) || {}); data.offsets = _objectSpread2({}, data.offsets, {}, _this4.config.offset(data.offsets, _this4.element) || {});
return data; return data;
}; };
} else { } else {
offset.offset = this.config.offset; offset.offset = this.config.offset;
@ -6222,13 +6221,13 @@
*/ */
var Popover = var Popover =
/*#__PURE__*/ /*#__PURE__*/
function (_Tooltip) { function (_Tooltip) {
_inheritsLoose(Popover, _Tooltip); _inheritsLoose(Popover, _Tooltip);
function Popover() { function Popover() {
return _Tooltip.apply(this, arguments) || this; return _Tooltip.apply(this, arguments) || this;
} }
var _proto = Popover.prototype; var _proto = Popover.prototype;
@ -6410,14 +6409,14 @@
*/ */
var ScrollSpy = var ScrollSpy =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function ScrollSpy(element, config) { function ScrollSpy(element, config) {
var _this = this; var _this = this;
this._element = element; this._element = element;
this._scrollElement = element.tagName === 'BODY' ? window : element; this._scrollElement = element.tagName === 'BODY' ? window : element;
this._config = this._getConfig(config); this._config = this._getConfig(config);
this._selector = this._config.target + " " + Selector$8.NAV_LINKS + "," + (this._config.target + " " + Selector$8.LIST_ITEMS + ",") + (this._config.target + " " + Selector$8.DROPDOWN_ITEMS); this._selector = this._config.target + " " + Selector$8.NAV_LINKS + "," + (this._config.target + " " + Selector$8.LIST_ITEMS + ",") + (this._config.target + " " + Selector$8.DROPDOWN_ITEMS);
this._offsets = []; this._offsets = [];
this._targets = []; this._targets = [];
@ -6704,14 +6703,14 @@
*/ */
var Tab = var Tab =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Tab(element) { function Tab(element) {
this._element = element; this._element = element;
} // Getters } // Getters
var _proto = Tab.prototype; var _proto = Tab.prototype;
// Public // Public
_proto.show = function show() { _proto.show = function show() {
@ -6940,14 +6939,14 @@
*/ */
var Toast = var Toast =
/*#__PURE__*/ /*#__PURE__*/
function () { function () {
function Toast(element, config) { function Toast(element, config) {
this._element = element; this._element = element;
this._config = this._getConfig(config); this._config = this._getConfig(config);
this._timeout = null; this._timeout = null;
this._setListeners(); this._setListeners();
} // Getters } // Getters
@ -6996,20 +6995,20 @@
} }
}; };
_proto.hide = function hide() { _proto.hide = function hide() {
if (!this._element.classList.contains(ClassName$a.SHOW)) { if (!this._element.classList.contains(ClassName$a.SHOW)) {
return; return;
} }
var hideEvent = $.Event(Event$a.HIDE); var hideEvent = $.Event(Event$a.HIDE);
$(this._element).trigger(hideEvent); $(this._element).trigger(hideEvent);
if (hideEvent.isDefaultPrevented()) { if (hideEvent.isDefaultPrevented()) {
return; return;
} }
this._close(); this._close();
}; };
_proto.dispose = function dispose() { _proto.dispose = function dispose() {
clearTimeout(this._timeout); clearTimeout(this._timeout);
@ -7129,7 +7128,7 @@
exports.Tooltip = Tooltip; exports.Tooltip = Tooltip;
exports.Util = Util; exports.Util = Util;
Object.defineProperty(exports, '__esModule', {value: true}); Object.defineProperty(exports, '__esModule', { value: true });
}))); })));
//# sourceMappingURL=bootstrap.bundle.js.map //# sourceMappingURL=bootstrap.bundle.js.map

File diff suppressed because one or more lines are too long

View File

@ -44,17 +44,21 @@
<!-- Sidebar --> <!-- Sidebar -->
<div class="sidebar"> <div class="sidebar">
<!-- Sidebar user panel (optional) --> <!-- Sidebar User -->
<div class="user-panel mt-3 pb-3 mb-3 d-flex"> <nav class="user-panel mt-3 pb-3 mb-3">
<div class="image"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
<!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> --> data-accordion="false">
<i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
</div> <li class="nav-item">
<!-- <i class="nav-icon fas fa-tachometer-alt"></i> --> <a href="user.html" class="nav-link">
<div class="info"> <i class="nav-icon fas fa-user"></i>
<a href="user.html" class="d-block" id="userlabel">Username to set!</a> <p id="userlabel">
</div> Username to set!
</div> </p>
</a>
</li>
</ul>
</nav>
<!-- Sidebar Menu --> <!-- Sidebar Menu -->
<nav class="mt-2"> <nav class="mt-2">
@ -113,7 +117,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<h1 class="m-0 text-dark">Dashboard</h1> <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;User Area</h1>
</div><!-- /.col --> </div><!-- /.col -->
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-right"> <ol class="breadcrumb float-sm-right">
@ -142,7 +146,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-bag"></i> <i class="ion ion-bag"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -157,7 +160,6 @@
<div class="icon"> <div class="icon">
<i class="ion ion-stats-bars"></i> <i class="ion ion-stats-bars"></i>
</div> </div>
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
</div> </div>
</div> </div>
<!-- ./col --> <!-- ./col -->
@ -269,7 +271,7 @@
<!-- custom js --> <!-- custom js -->
<script src="js/userManager.js"></script> <script src="js/general.js"></script>
</body> </body>
</html> </html>