From e4502353af85993d78047650d56ebdaa5937e10c Mon Sep 17 00:00:00 2001
From: Samuele Locatelli <samuele@steamware.net>
Date: Wed, 26 Jun 2024 15:42:22 +0200
Subject: [PATCH] Refresh index x compilare npm

---
 WebDoorView/3DM_test/test_js_call/index.html  | 77 +++++++------------
 .../webgl-door-visualizer/draw_call.js        | 51 ++++++------
 WebDoorView/3DM_test/test_js_call/style.css   | 14 +---
 3 files changed, 58 insertions(+), 84 deletions(-)

diff --git a/WebDoorView/3DM_test/test_js_call/index.html b/WebDoorView/3DM_test/test_js_call/index.html
index 721b434..191eaa9 100644
--- a/WebDoorView/3DM_test/test_js_call/index.html
+++ b/WebDoorView/3DM_test/test_js_call/index.html
@@ -33,19 +33,10 @@
             <div id ="divMenu2" class="p-2">
                 <div>
                     <button id="btnHelp" class="btn btn-lg btn-light" onclick="toggleHelp()" title="Hide/Show Menu"><i class="fas fa-question"></i></button>
-                    <!-- <div class="btn-group" role="group" aria-label="Mode">
-                        <button id="btnOrto" class="btn btn-lg btn-light" onclick="setOrtho()" title="Ortho/ISO View"><i class="fas fa-cube"></i></button>
-                        <button id="btnPers" class="btn btn-lg btn-secondary" onclick="setPersp()" title="Perspective View"><i class="fab fa-unity"></i></button>
-                    </div> -->
                     <div class="btn-group" role="group" aria-label="Animation">
                         <button id="btnPause" class="btn btn-lg btn-secondary" onclick="toggleAnim()" title="Freeze model"><i class="fas fa-pause"></i></button>
                         <button id="btnPlay" class="btn btn-lg btn-light" onclick="toggleAnim()" title="Animation Active"><i class="fas fa-play"></i></button>
                     </div>
-                    <!-- <div class="btn-group" role="group" aria-label="Animation">
-                        <button id="btnRotate" class="btn btn-lg btn-light" onclick="toggleRotate()" title="Toggle Rotate"><i class="fas fa-globe"></i></button>
-                        <button id="btnQuote" class="btn btn-lg btn-light" onclick="toggleQuote()" title="Show Quotation"><i class="fas fa-ruler"></i></button>
-                        <button id="btnGrid" class="btn btn-lg btn-light" onclick="toggleGrid()" title="Toggle Grid"><i class="fas fa-border-all"></i></button>                    
-                    </div> -->
                     <button id="btnReset" class="btn btn-lg btn-secondary" onclick="resetCamera()" title="Reset"><i class="fas fa-sync-alt"></i></button>
                 </div>
                 <div id = "infoDiv">
@@ -61,67 +52,48 @@
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <b>Rotate</b> CTRL + Drag Mouse-Wheel
-                        </li>
-                        <!-- <li class="list-group-item p-1 d-flex justify-content-between">
-                            <div>
-                                Toggle Show-Cube : <b>C</b>
-                            </div>
-                            <button class="btn btn-lg btn-primary py-0" onclick="toggleCube()">C</button>
-                        </li>
-                        <li class="list-group-item p-1 d-flex justify-content-between">
-                            <div>
-                                Toggle Show-Frame : <b>F</b>
-                            </div>
-                            <button class="btn btn-lg btn-primary py-0" onclick="toggleFrame()">F</button>
-                        </li> -->                            
+                        </li>                     
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Iso / Ortho</b></div>
                             <div>
                                 <i class="fas fa-cube"></i> | key : <b>O</b>
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="setOrtho()"><i class="fas fa-cube"></i></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Perspective</b></div>
                             <div>
                                 <i class="fab fa-unity"></i> | key : <b>P</b>
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="setPersp()"><i class="fab fa-unity"></i></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>AutoRotate</b></div>
                             <div>
                                 <i class="fas fa-globe"></i> | key : <b>R</b> 
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleRotate()"><i class="fas fa-globe"></i></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Quotes</b></div>
                             <div>
                                 <i class="fas fa-ruler"></i> | key : <b>Q</b>
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleQuote()"><i class="fas fa-ruler"></i></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Grid</b></div>
                             <div>
                                 <i class="fas fa-border-all"></i> | key : <b>G</b>
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleGrid()"></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Reset</b></div>
                             <div>
                                 <i class="fas fa-sync-alt"></i> | key: <b>SpaceBar</b> 
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="resetCamera()"><i class="fas fa-sync-alt"></i></button> -->
                         </li>
                         <li class="list-group-item p-1 d-flex justify-content-between">
                             <div><b>Menu</b></div>
                             <div>
                                 <i class="fas fa-question"></i> | key : <b>H</b>
                             </div>
-                            <!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleHelp()"><i class="fas fa-question small"></i></button> -->
                         </li>
                     </ul>
                 </div>
@@ -318,28 +290,33 @@
             }
 
             function onKeyPress( event) {
-                if ( event.key.toLowerCase() === "r")
-                    toggleRotate();
-                else if ( event.key.toLowerCase() === "p") {
-                    setPersp();
+
+                switch (event.key.toLowerCase() ){
+                    case " ":
+                        resetCamera();
+                        break;
+                    case "a":
+                        toggleAnim();
+                        break;
+                    case "h":
+                        toggleMenu();
+                        break;
+                    case "g":
+                        toggleGrid();
+                        break;
+                    case "o":
+                        setOrtho();
+                        break;
+                    case "p":
+                        setPersp();
+                        break;
+                    case "q":
+                        toggleQuote();
+                        break;
+                    case "r":
+                        toggleRotate();
+                        break;
                 }
-                else if ( event.key.toLowerCase() === "o") {
-                    setOrtho();
-                }
-                else if ( event.key.toLowerCase() === "q")
-                    toggleQuote();
-                else if ( event.key.toLowerCase() === " ")
-                    resetCamera();
-                // else if ( event.key.toLowerCase() === "c")
-                //     toggleCube();
-                // else if ( event.key.toLowerCase() === "f")
-                //     toggleFrame();
-                else if ( event.key.toLowerCase() === "g")
-                    toggleGrid();
-                else if ( event.key.toLowerCase() === "h")
-                    toggleMenu();
-                else if ( event.key.toLowerCase() === "a")
-                    toggleAnim();
             }
 
             function checkButton(event)
diff --git a/WebDoorView/3DM_test/test_js_call/lib/node_modules/webgl-door-visualizer/draw_call.js b/WebDoorView/3DM_test/test_js_call/lib/node_modules/webgl-door-visualizer/draw_call.js
index 429da9a..a6dc8db 100644
--- a/WebDoorView/3DM_test/test_js_call/lib/node_modules/webgl-door-visualizer/draw_call.js
+++ b/WebDoorView/3DM_test/test_js_call/lib/node_modules/webgl-door-visualizer/draw_call.js
@@ -1,5 +1,4 @@
 import { webgl_original } from "./webgl_draw.js";
-
 const WGL = new webgl_original();
 
 const infoDiv = document.getElementById( "infoDiv") ;
@@ -20,6 +19,7 @@ let options ={
 // init controllo
 WGL.initcall(options);
 
+
 // ---------------------------------------------------
 // Funzioni pubbliche
 // ---------------------------------------------------
@@ -46,7 +46,7 @@ window.resetCamera = () =>
     }, millisecondsToWait);
 }
 
-// reset camera persp
+// set camera persp
 window.setOrtho = () =>
 {
     console.log("Set Camera ISO/ORTHO");
@@ -169,28 +169,33 @@ function fixBtnRotate()
 }
 
 function onKeyPress( event) {
-    if ( event.key.toLowerCase() === "r")
-        toggleRotate();
-    else if ( event.key.toLowerCase() === "p") {
-        setPersp();
+
+    switch (event.key.toLowerCase() ){
+        case " ":
+            resetCamera();
+            break;
+        case "a":
+            toggleAnim();
+            break;
+        case "h":
+            toggleMenu();
+            break;
+        case "g":
+            toggleGrid();
+            break;
+        case "o":
+            setOrtho();
+            break;
+        case "p":
+            setPersp();
+            break;
+        case "q":
+            toggleQuote();
+            break;
+        case "r":
+            toggleRotate();
+            break;
     }
-    else if ( event.key.toLowerCase() === "o") {
-        setOrtho();
-    }
-    else if ( event.key.toLowerCase() === "q")
-        toggleQuote();
-    else if ( event.key.toLowerCase() === " ")
-        resetCamera();
-    // else if ( event.key.toLowerCase() === "c")
-    //     toggleCube();
-    // else if ( event.key.toLowerCase() === "f")
-    //     toggleFrame();
-    else if ( event.key.toLowerCase() === "g")
-        toggleGrid();
-    else if ( event.key.toLowerCase() === "h")
-        toggleMenu();
-    else if ( event.key.toLowerCase() === "a")
-        toggleAnim();
 }
 
 function checkButton(event)
diff --git a/WebDoorView/3DM_test/test_js_call/style.css b/WebDoorView/3DM_test/test_js_call/style.css
index 3cc604c..fec1c16 100644
--- a/WebDoorView/3DM_test/test_js_call/style.css
+++ b/WebDoorView/3DM_test/test_js_call/style.css
@@ -21,8 +21,8 @@ canvas {
 
 #divLogo{
     position: fixed ;
-    top: 3.5rem;
-    right: 0.3rem;
+    top: 4rem;
+    right: 0.5rem;
     height: 5rem;
     width: 4rem;
     font-size: 0.8rem;
@@ -30,7 +30,7 @@ canvas {
 
 #infoDiv {
     position: fixed ;
-    top: 2.75rem;
+    top: 3.75rem;
     right: 0.5rem;
     z-index: 10;
 
@@ -41,14 +41,6 @@ canvas {
     font-size: 0.9em ;
 }
 
-/* #Ref1Render {
-    position: fixed ;
-    width: 10rem ;
-    height: 10rem ;
-    bottom: 0.5rem ;
-    right: 0.5rem ;
-} */
-
 #RefRender {
     position: fixed ;
     width: 8rem ;