|
Метки: очистка ручная отмена |
| (не показано 13 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| // Иконочки слева от элементов. Очередной костыль
| |
| function createIcon(container, image, size) {
| |
| const parent = document.getElementById(container);
| |
| if (parent) {
| |
| const icon = document.createElement("img");
| |
| icon.id = container + "-icon";
| |
| icon.src = image;
| |
| icon.height = size;
| |
| icon.width = size;
| |
|
| |
|
| parent.parentNode.insertBefore(icon, parent);
| |
| }
| |
| }
| |
|
| |
| // Кнопочка для переключения темы на светлую и обратно.
| |
| function createThemeToggleButton() {
| |
| var container = document.getElementById("p-personal");
| |
| if (container) {
| |
| var checkbox = document.createElement("input");
| |
| checkbox.type = "checkbox";
| |
| checkbox.id = "theme-toggle";
| |
|
| |
| var label = document.createElement("label");
| |
| label.htmlFor = "theme-toggle";
| |
| label.id = "theme-button";
| |
|
| |
| container.parentNode.insertBefore(checkbox, container);
| |
| container.parentNode.insertBefore(label, container);
| |
| }
| |
|
| |
| var isLightTheme = localStorage.getItem("isLightTheme");
| |
| if (isLightTheme === "true") {
| |
| document.documentElement.classList.add('light');
| |
| } else {
| |
| document.documentElement.classList.remove('light');
| |
| }
| |
|
| |
| $("#theme-toggle").change(function() {
| |
| toggleTheme();
| |
| });
| |
| }
| |
|
| |
| function toggleTheme() {
| |
| var isLightTheme = document.documentElement.classList.toggle('light');
| |
| localStorage.setItem("isLightTheme", isLightTheme);
| |
| }
| |
|
| |
| createIcon(ui-id-1, 'https://upload.wikimedia.org/wikipedia/commons/3/32/Simple_Icon_Eye.svg', 32px);
| |
| createThemeToggleButton();
| |
