Deon George 552827f755
All checks were successful
Create Docker Image / Test Application (x86_64) (push) Successful in 27s
Create Docker Image / Build Docker Image (x86_64) (push) Successful in 1m27s
Create Docker Image / Build Docker Image (arm64) (push) Successful in 4m25s
Create Docker Image / Final Docker Image Manifest (push) Successful in 8s
Fixes to customation of ArchitectUI for mobile displays, hamburger should now be visibile and search is not black on black.
Closes #292
2025-03-04 08:47:00 +11:00

96 lines
2.9 KiB
JavaScript
Vendored

// Imports
import $ from "jquery";
import * as bootstrap from 'bootstrap';
import 'metismenu';
// Stylesheets
// import './assets/base.scss';
$(document).ready(() => {
// Sidebar Menu
setTimeout(function () {
$(".vertical-nav-menu").metisMenu();
}, 100);
// Search wrapper trigger
$('.search-icon').click(function () {
$(this).parent().parent().addClass('active');
});
$('.search-wrapper .btn-close').click(function () {
$(this).parent().removeClass('active');
});
// Stop Bootstrap 5 Dropdown for closing on click inside
$('.dropdown-menu').on('click', function (event) {
var events = $._data(document, 'events') || {};
events = events.click || [];
for (var i = 0; i < events.length; i++) {
if (events[i].selector) {
if ($(event.target).is(events[i].selector)) {
events[i].handler.call(event.target, event);
}
$(event.target).parents(events[i].selector).each(function () {
events[i].handler.call(this, event);
});
}
}
event.stopPropagation(); //Always stop propagation
});
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl);
});
// BS5 Tooltips
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl);
});
$('.mobile-toggle-nav').click(function () {
$(this).toggleClass('is-active');
$('.app-container').toggleClass('sidebar-mobile-open');
});
$('.mobile-toggle-header-nav').click(function () {
$(this).toggleClass('active');
$('.app-header__content').toggleClass('header-mobile-open');
});
// Responsive
var resizeClass = function () {
var win = document.body.clientWidth;
if (win < 768) {
$('.app-container').addClass("closed-sidebar closed-sidebar-mobile");
$('.app-header').addClass("header-text-light bg-light").removeClass("bg-dark header-text-dark");
} else if (win < 1250) {
$('.app-container').addClass('closed-sidebar-mobile closed-sidebar');
$('.app-header').removeClass("header-text-light bg-dark").addClass("bg-light header-text-dark");
} else {
$('.app-header').addClass("header-text-light bg-dark").removeClass("bg-light header-text-dark");
$('.app-container').removeClass('closed-sidebar-mobile closed-sidebar');
}
};
$(window).on('resize', function () {
resizeClass();
});
resizeClass();
});