{"key":"language_slider","name":"Language slider","instructions":"Slider to show 3 different levels of text.","requirecss":"","requirejs":"","shim":"","defaults":"introduction=Wähle dein Sprachniveau.,\nstarting_value=1|2|3,\ntext_left=leicht, \ntext_right=anspruchsvoll,\ncolor: inherit;\n\n","amd":"1","body":"<p>@@introduction@@</p>\n<p>@@text_left@@ <input type=\"range\" min=\"1\" max=\"3\" value=\"@@starting_value@@\" id=\"@@AUTOID@@slider\" style=\"accent-color:@@color@@\"> @@text_right@@</p>\n<script>\n// Verwende eine manuelle ID, die in GENERICO eingegeben wird\nvar sliderUniqueId = \"@@SLIDERID@@\";\nvar sliderStorageKey = \"moodle_slider_\" + sliderUniqueId;\nvar @@AUTOID@@slider = document.querySelector(\"#@@AUTOID@@slider\");\n\n// Funktion zum Aktualisieren der Anzeige basierend auf dem Schiebereglerwert\nfunction updateDisplay(value) {\n    if (value == 1) document.querySelectorAll(\".languagelevel_basic\").forEach(e => {e.style.display = \"block\"})\n    else document.querySelectorAll(\".languagelevel_basic\").forEach(e => {e.style.display = \"none\"})\n    \n    if (value == 2) document.querySelectorAll(\".languagelevel_intermediate\").forEach(e => {e.style.display = \"block\"})\n    else document.querySelectorAll(\".languagelevel_intermediate\").forEach(e => {e.style.display = \"none\"})\n    \n    if (value == 3) document.querySelectorAll(\".languagelevel_advanced\").forEach(e => {e.style.display = \"block\"})\n    else document.querySelectorAll(\".languagelevel_advanced\").forEach(e => {e.style.display = \"none\"})\n}\n\n// Sofort laden des gespeicherten Werts\n(function() {\n    var savedValue = localStorage.getItem(sliderStorageKey);\n    if (savedValue !== null) {\n        @@AUTOID@@slider.value = savedValue;\n        // Zeitverzögerung hinzufügen, um sicherzustellen, dass die DOM-Elemente geladen sind\n        setTimeout(function() {\n            updateDisplay(parseInt(savedValue));\n        }, 100);\n    } else {\n        setTimeout(function() {\n            updateDisplay(parseInt(@@AUTOID@@slider.value));\n        }, 100);\n    }\n})();\n\n// Event-Handler für Schieberegler-Änderungen\n@@AUTOID@@slider.oninput = function() {\n    var value = this.value;\n    updateDisplay(parseInt(value));\n    localStorage.setItem(sliderStorageKey, value);\n}\n</script>","bodyend":"","script":"","style":"","dataset":"","datasetvars":"","alternate":"","alternateend":"","version":"1.0"}