From aab30f48d4f438232e0643237b85ce82472b5fdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Mon, 31 Mar 2025 16:45:30 +0200
Subject: [PATCH] Change default clipper config

---
 assets/bim.js                            |  2 ++
 assets/controllers/clipper_controller.js | 14 ++++++++++++++
 templates/home/index.html.twig           |  6 +++---
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/assets/bim.js b/assets/bim.js
index 4a7d2bb..69638b2 100644
--- a/assets/bim.js
+++ b/assets/bim.js
@@ -53,6 +53,8 @@ BIM.activateClipper = function () {
     clipper.enabled = true;
     clipper.create(this.world);
     clipper.visible = true;
+    clipper.config.color = new THREE.Color('#eaeaea');
+    clipper.config.size = 10;
     BIM.clipper = clipper;
 }
 /**
diff --git a/assets/controllers/clipper_controller.js b/assets/controllers/clipper_controller.js
index 7612396..0ba8901 100644
--- a/assets/controllers/clipper_controller.js
+++ b/assets/controllers/clipper_controller.js
@@ -5,12 +5,18 @@ import BIM from '../bim.js';
 export default class extends Controller {
     static targets = ['hex'];
 
+    /**
+     * @param {Event} event 
+     */
     color(event) {
         let color = event.target.value;
         this.hexTarget.querySelector('span').textContent = color;
         BIM.clipper.config.color = new THREE.Color(color);
     }
 
+    /**
+     * @param {Event} event 
+     */
     size(event) {
         BIM.clipper.config.size = event.target.value
     }
@@ -18,5 +24,13 @@ export default class extends Controller {
     deleteAll() {
         BIM.clipper.deleteAll();
     }
+
+    /**
+     * @todo Doesn't work...
+     * @param {Event} event 
+     */
+    toggle(event) {
+        BIM.clipper.enabled = event.target.value;
+    }
 }
 
diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index 21eb695..72ad11d 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -62,13 +62,13 @@
 					<li class="menu-item">
 						Clipper
 						<ul class="menu-list">
-							<li class="menu-item"><label class="checkbox">Attivo <input class="checkbox ml-2" id="clip-en" type="checkbox" checked></label></li>
+							<li class="menu-item"><label class="checkbox">Attivo <input class="checkbox ml-2" data-action="change->clipper#toggle" type="checkbox" checked></label></li>
 							<li class="menu-item">
 								Colore piani
 								<div class="mt-2 p-2 input is-small" data-clipper-target="hex">
 									<input type="color" data-action="input->clipper#color change->clipper#color"
-									class="is-small is-clickable mr-2" aria-label="Colore clipper" value="#202932" style="border: none">
-									<span>#202932</span>
+									class="is-small is-clickable mr-2" aria-label="Colore clipper" value="#eaeaea" style="border: none">
+									<span>#eaeaea</span>
 								</div>
 							</li>
 							<li class="menu-item">