mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-12-11 12:47:54 +08:00
c9700e38e2
Also tidied up existing components and JS
15 lines
634 B
PHP
15 lines
634 B
PHP
<div toggle-switch="{{$name}}" class="toggle-switch @if($value) active @endif">
|
|
<input type="hidden" name="{{$name}}" value="{{$value?'true':'false'}}"/>
|
|
<div class="switch-handle"></div>
|
|
</div>
|
|
<script>
|
|
(function() {
|
|
var toggle = document.querySelector('[toggle-switch="{{$name}}"]');
|
|
var toggleInput = toggle.querySelector('input');
|
|
toggle.onclick = function(event) {
|
|
var checked = toggleInput.value !== 'true';
|
|
toggleInput.value = checked ? 'true' : 'false';
|
|
checked ? toggle.classList.add('active') : toggle.classList.remove('active');
|
|
};
|
|
})()
|
|
</script> |