MyFavMirrors/MeshCentral
1
0
Fork 0
mirror of https://github.com/Ylianst/MeshCentral.git synced 2025-11-28 13:09:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update theme-switcher.js

Browse Source 
Remove on theme change event
This commit is contained in:
Sammy Ndabo
2024-12-21 19:53:23 +02:00
parent 5cf468159d
commit 31c500ec92
1 changed files with 11 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/scripts/themes/theme-switcher.js
View File

@@ -1,29 +1,21 @@
document.addEventListener('DOMContentLoaded', function () { document.addEventListener("DOMContentLoaded", function () {
const themeStylesheet = document.getElementById("theme-stylesheet");
const themeSwitcher = document.getElementById('theme-switcher');
const themeStylesheet = document.getElementById('theme-stylesheet');
// Load saved theme from local storage // Load saved theme from local storage
const savedTheme = localStorage.getItem('theme'); const savedTheme = localStorage.getItem("theme");
if (savedTheme) { if (savedTheme) {
const safeTheme = encodeURIComponent(savedTheme); const safeTheme = encodeURIComponent(savedTheme);
themeStylesheet.href = `styles/themes/${safeTheme}/bootstrap.min.css`; 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 // Initialize Select2 on all select elements with the 'select2' class
$('.select2').select2({ $(".select2").select2({
theme: 'bootstrap-5', theme: "bootstrap-5",
width: $( this ).data( 'width' ) ? $( this ).data( 'width' ) : $( this ).hasClass( 'w-100' ) ? '100%' : 'style', width: $(this).data("width")
placeholder: $( this ).data( 'placeholder' ), ? $(this).data("width")
: $(this).hasClass("w-100")
? "100%"
: "style",
placeholder: $(this).data("placeholder"),
}); });
}); });