mirror of
https://github.com/Ylianst/MeshCentral.git
synced 2025-03-09 15:40:18 +00:00
[BETA] Meshcentral Bootstrap 5 User Interface (#6450)
Co-authored-by: Bruno Kambere <brunokambere@gmail.com> Co-authored-by: snyk-bot <snyk-bot@snyk.io> Co-authored-by: Simon Smith <simonsmith5521@gmail.com>
This commit is contained in:
parent
63930c4b33
commit
5193fef888
23 changed files with 24368 additions and 4 deletions
7
public/scripts/bootstrap.min.js
vendored
Normal file
7
public/scripts/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
public/scripts/fontawesome/all.min.js
vendored
Normal file
6
public/scripts/fontawesome/all.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
public/scripts/jquery.min.js
vendored
Normal file
2
public/scripts/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
public/scripts/select2.full.min.js
vendored
Normal file
2
public/scripts/select2.full.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
6
public/scripts/sweetalert2.all.min.js
vendored
Normal file
6
public/scripts/sweetalert2.all.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
29
public/scripts/themes/theme-switcher.js
Normal file
29
public/scripts/themes/theme-switcher.js
Normal file
|
@ -0,0 +1,29 @@
|
|||
document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
const themeSwitcher = document.getElementById('theme-switcher');
|
||||
const themeStylesheet = document.getElementById('theme-stylesheet');
|
||||
|
||||
// Load saved theme from local storage
|
||||
const savedTheme = localStorage.getItem('theme');
|
||||
if (savedTheme) {
|
||||
const safeTheme = encodeURIComponent(savedTheme);
|
||||
themeStylesheet.href = `styles/themes/${safeTheme}/bootstrap.min.css`;
|
||||
themeSwitcher.value = savedTheme;
|
||||
}
|
||||
|
||||
// Change theme on selection
|
||||
themeSwitcher.addEventListener('change', function () {
|
||||
const selectedTheme = themeSwitcher.value;
|
||||
const safeTheme = encodeURIComponent(selectedTheme);
|
||||
themeStylesheet.href = `styles/themes/${safeTheme}/bootstrap.min.css`;
|
||||
// Save selected theme to local storage
|
||||
localStorage.setItem('theme', selectedTheme);
|
||||
});
|
||||
|
||||
// Initialize Select2 on all select elements with the 'select2' class
|
||||
$('.select2').select2({
|
||||
theme: 'bootstrap-5',
|
||||
width: $( this ).data( 'width' ) ? $( this ).data( 'width' ) : $( this ).hasClass( 'w-100' ) ? '100%' : 'style',
|
||||
placeholder: $( this ).data( 'placeholder' ),
|
||||
});
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue