add live preview of settings

2020-09-04 16:43:27 +02:00
parent 3703791a28
commit c8536ae264
3 changed files with 48 additions and 11 deletions
@@ -92,10 +92,30 @@ jQuery(document).ready(() => {
    });

    jQuery('.side-menu-display').on('click', (event) => {
-        jQuery('.side-menu-display').removeClass('is-active')
-        jQuery(event.target).addClass('is-active')
+        var target = jQuery(event.target)

-        jQuery('#side-menu-always-displayed').val(jQuery(event.target).attr('data-alwaysdiplayed'))
-        jQuery('#side-menu-big-menu').val(jQuery(event.target).attr('data-bigmenu'))
+        jQuery('.side-menu-display').removeClass('is-active')
+        target.addClass('is-active')
+
+        jQuery('#side-menu-always-displayed').val(target.attr('data-alwaysdiplayed'))
+        jQuery('#side-menu-big-menu').val(target.attr('data-bigmenu'))
+    })
+
+    jQuery('.side-menu-setting-live').on('change', (event) => {
+        var target = jQuery(event.target)
+        var name = target.attr('name')
+        var value = target.val()
+
+        if (name === 'opener') {
+            var url = OC.generateUrl(`/apps/side_menu/img/${value}.svg`).replace('/index.php', '')
+
+            value = `url(${url})`;
+        }
+
+        if (name === 'icon-invert-filter' || name === 'icon-opacity') {
+            value/=100;
+        }
+
+        document.documentElement.style.setProperty('--side-menu-' + name, value)
    })
 });