theme-switcher.js 745 B

123456789101112131415161718192021
  1. document.addEventListener("DOMContentLoaded", function () {
  2. const themeStylesheet = document.getElementById("theme-stylesheet");
  3. // Load saved theme from local storage
  4. const savedTheme = localStorage.getItem("theme");
  5. if (savedTheme) {
  6. const safeTheme = ((savedTheme != 'default') ? encodeURIComponent(savedTheme) : encodeURIComponent('..'));
  7. themeStylesheet.href = `styles/themes/${safeTheme}/bootstrap-min.css`;
  8. }
  9. // Initialize Select2 on all select elements with the 'select2' class
  10. $(".select2").select2({
  11. theme: "bootstrap-5",
  12. width: $(this).data("width")
  13. ? $(this).data("width")
  14. : $(this).hasClass("w-100")
  15. ? "100%"
  16. : "style",
  17. placeholder: $(this).data("placeholder"),
  18. });
  19. });