test mobile view

Jus-Be · Jan 17, 2025 · 7976950 · 7976950
1 parent 9f47317
commit 7976950
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 8 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -53,6 +53,18 @@ <h3><span style="margin-right: 20px" id="bass-mute"></span>Bass</h3>
 				<div id="bass-choice"></div>
 			</center></td>				
 		</tr>	
+		<tr valign="top">
+			<td><center>
+				<h3><span style="margin-right: 20px" id="play-control"></span>Control</h3>	
+				<div id="control-items-1"></div>
+			</center></td>
+			<td><center>
+				<h3><span style="margin-right: 20px" id="extern-device"></span></h3>
+				<div id="control-items-2"></div>
+				<div id="control-items-3"></div>				
+			</center></td>				
+		</tr>	
+
 		</table>
 	</div>	
   </div>
@@ -85,8 +97,8 @@ <h3><span style="margin-right: 20px" id="bass-mute"></span>Bass</h3>
 			    <span style="font-size: 14px;margin-left:2px" id="sequencer">Tempo:<span id="showTempo">100</span></span>	
 				<input title='Overall Tempo control' id="tempo" type="range" min="30.0" max="180.0" step="1" value="100" style="height: 20px; width: 150px">
 				<span style="display: none;"><input title='Enable microphone' style="margin-left: 10px;margin-right: 10px;" id="microphone" type="checkbox">Mic</span>
-				<input title='Play Drum Fills automatically when variation chnages' style="margin-left: 10px;margin-right: 10px;" id="autoFill" type="checkbox" checked>Auto Fill
-				<input title='Play Intro end Ending' style="margin-left: 10px;margin-right: 10px;" id="introEnd" type="checkbox" checked>Intro/Outro
+				<span id="control-fill"><input title='Play Drum Fills automatically when variation chnages' style="margin-left: 10px;margin-right: 10px;" id="autoFill" type="checkbox" checked>Auto Fill</span>
+				<span id="control-intro"><input title='Play Intro end Ending' style="margin-left: 10px;margin-right: 10px;" id="introEnd" type="checkbox" checked>Intro/Outro</span>
 				<input title='Enable Guitar pedal effects' checked style="margin-left: 10px;margin-right: 10px;" id="reverb" type="checkbox">Pedals
 				<input title='Dont override midi file program change settings' style="margin-left: 10px;margin-right: 10px;" id="program-change" type="checkbox">No P.Change
 				<input title='Dont play chords in midi song file' style="margin-left: 10px;margin-right: 10px;" id="mute-chords" type="checkbox">Mute Chords

diff --git a/docs/js/main.js b/docs/js/main.js
@@ -1794,11 +1794,11 @@ async function onloadHandler() {
 		mobileToolbar.append(playButton);
 		mobileToolbar.append(loadFile);
 		mobileToolbar.append(saveReg);
-		mobileToolbar.append(resetApp);		
-		mobileToolbar.append(pedalBoard);
-
-		const mobileBodyContainer = document.getElementById("mobile-body");		
-		mobileBodyContainer.append(board);
+		mobileToolbar.append(resetApp);	
+
+		//mobileToolbar.append(pedalBoard);
+		//const mobileBodyContainer = document.getElementById("mobile-body");		
+		//mobileBodyContainer.append(board);
 
 		drumKnob = createKnob("drum-volume", 50, 0, 100, '#88ff88');
 		const drumChoice = document.getElementById("drum-choice");
@@ -1838,7 +1838,20 @@ async function onloadHandler() {
 			guitarVolume = value / 100; 
 			savedGuitarVolume = guitarVolume;
 			showVol.innerHTML = "Vol: " + Math.trunc(guitarVolume * 100);		
-		});		
+		});	
+
+		const controlItems1 = document.getElementById("control-items-1");
+		controlItems1.append(document.getElementById("guitarStrum1"));
+		controlItems1.append(document.getElementById("guitarStrum2"));
+		controlItems1.append(document.getElementById("guitarStrum3"));		
+
+		const controlItems2 = document.getElementById("control-items-2");
+		controlItems2.append(document.getElementById("guitarPosition"));
+		controlItems2.append(document.getElementById("guitarIRDef"));
+
+		const controlItems3 = document.getElementById("control-items-3");
+		controlItems3.append(document.getElementById("control-fill"));
+		controlItems3.append(document.getElementById("control-intro"));		
 
 	} else {
 		mobileContainer.style.display = "none";