Overlap options for wall&table + no click on tabs

Author: Rick1080p

css/main.css

@@ -680,7 +680,7 @@ textarea:focus {
   height: 100%;
   width: 10vw;
   padding: 1vh 0;
-  cursor: pointer;
+  cursor:default;
 }
 
 .tab > h3 {

index.html

@@ -81,6 +81,20 @@ <h3>Hardware</h3>
                 <option value="2">Entire body</option>
               </select>
             </div>
+            <div id="setup-target-overlap-wall" class="popup-target-overlap-select hidden">
+              <p>Target overlap detection</p>
+              <select title="overlap-wall-popup" name="overlap-wall-popup" id="overlap-wall-selection-popup">
+                <option value="1.2" selected>Hand tracking</option>
+                <option value="1.6">Finger tracking</option>
+                <option value="2">Large objects</option>
+              </select>
+            </div>
+            <div id="setup-target-overlap-table" class="popup-target-overlap-select hidden">
+              <p>Target overlap detection</p>
+              <select title="overlap-table-popup" name="overlap-table-popup" id="overlap-table-selection-popup">
+                <option value="1.2" selected>Hand tracking</option>
+              </select>
+            </div>
             <div id="setup-warning-message" class="row center-x hidden">
               <p id="setup-warning-text" class="warning-text">Please choose a surface to track</p>
             </div>

js/UI/Popup.js

@@ -101,11 +101,19 @@ class Popup{
             switch(trackingMode)
             {
                 case 'wall-tracking':
+                    document.getElementById("setup-target-overlap-wall").classList.remove("hidden");
+                    document.getElementById("setup-target-overlap-table").classList.add("hidden");
+                    document.getElementById("setup-target-overlap").classList.add("hidden");
+                    break;
                 case 'hand-tracking':
-                    document.getElementById("setup-target-overlap").classList.add("hidden")
+                    document.getElementById("setup-target-overlap-table").classList.remove("hidden");
+                    document.getElementById("setup-target-overlap").classList.add("hidden");
+                    document.getElementById("setup-target-overlap-wall").classList.add("hidden");
                     break;
                 case 'human-tracking':
                     document.getElementById("setup-target-overlap").classList.remove("hidden");
+                    document.getElementById("setup-target-overlap-wall").classList.add("hidden");
+                    document.getElementById("setup-target-overlap-table").classList.add("hidden");
                     break;
                 default:
                     break;
@@ -152,36 +160,6 @@ class Popup{
             });
         }
 
-        document.getElementById('setup-tab').addEventListener('click', () => {
-            initSetupSection();
-
-            document.getElementById('dimensions-content').classList.add('hidden');
-            document.getElementById('hardware-content').classList.add('hidden');
-            document.getElementById('setup-content').classList.remove('hidden');
-
-            sessionStorage.setItem('builderStep', 0);
-        });
-
-        document.getElementById('dimensions-tab').addEventListener('click', () => {
-            initDimensionsSection();
-
-            document.getElementById('setup-content').classList.add('hidden');
-            document.getElementById('hardware-content').classList.add('hidden');
-            document.getElementById('dimensions-content').classList.remove('hidden');
-
-            sessionStorage.setItem('builderStep', 1);
-        });
-
-        document.getElementById('hardware-tab').addEventListener('click', () => {
-            initHardwareSection();
-
-            document.getElementById('setup-content').classList.add('hidden');
-            document.getElementById('dimensions-content').classList.add('hidden');
-            document.getElementById('hardware-content').classList.remove('hidden');
-
-            sessionStorage.setItem('builderStep', 2);
-        }); 
-
         /* TODO ADVANCED TRACKING MODES
         document.getElementById('tracking-mode-advanced').addEventListener('click', () => {
             const trackingModeChoices = document.getElementById('tracking-mode-selection-builder').children;