fix mobile buttons

Author: biralavor

assets/js/main.js

@@ -1,5 +1,7 @@
 // Import modules
 import { runJavaFile } from './wasm-jvm.js';
+// --- Add: Import Java source code for source view ---
+import { javaFiles } from './source.js';
 
 // --- State Machine for Terminal UI ---
 const javaFilesList = [
@@ -17,21 +19,51 @@ function renderTerminal() {
   let html = '';
   if (terminalState === 'menu') {
     html += '<span style="color:#888">Use ↑/↓ to select, Enter to run, → to view code.</span><br>';
+    html += '<div class="mobile-menu-btns">';
+    javaFilesList.forEach((file, idx) => {
+      html += `<button class="mobile-menu-btn${idx===selectedFileIdx?' active':''}" data-idx="${idx}">${file.label}</button><br>`;
+    });
+    html += '</div>';
     javaFilesList.forEach((file, idx) => {
       html += (idx === selectedFileIdx ? '<b style="color:#ff5555">▶ ' : '&nbsp;&nbsp;') + file.label + (idx === selectedFileIdx ? '</b>' : '') + '<br>';
     });
     html += '<br><span style="color:#ffb86c">' + javaFilesList[selectedFileIdx].brief + '</span>';
   } else if (terminalState === 'output') {
     html += '<pre style="color:#ff5555;">' + lastOutputText + '</pre>';
     html += '<br><span style="color:#888">[→] Check source code  |  [b] Back to menu</span>';
+    html += '<div class="mobile-output-btns"><button id="mobile-source-btn">Check Source Code</button> <button id="mobile-back-btn">Back to Menu</button></div>';
   } else if (terminalState === 'source') {
     html += '<pre style="color:#ff5555;">' + javaFiles[javaFilesList[selectedFileIdx].key] + '</pre>';
     html += '<br><span style="color:#888">[←] Back to output  |  [b] Back to menu</span>';
+    html += '<div class="mobile-source-btns"><button id="mobile-back-output-btn">Back to Output</button> <button id="mobile-back-menu-btn">Back to Menu</button></div>';
   } else if (terminalState === 'running') {
     html += '<span style="color:#888">Running Java...</span>';
   }
   terminal.innerHTML = html;
-  // Show/hide mobile source button
+
+  // Mobile menu button logic
+  document.querySelectorAll('.mobile-menu-btn').forEach(btn => {
+    btn.onclick = function() {
+      selectedFileIdx = parseInt(btn.getAttribute('data-idx'));
+      renderTerminal();
+    };
+    btn.ondblclick = function() {
+      selectedFileIdx = parseInt(btn.getAttribute('data-idx'));
+      terminalState = 'running';
+      renderTerminal();
+      runJavaFile(javaFilesList[selectedFileIdx].key, showOutput);
+    };
+  });
+  // Mobile output/source navigation
+  const srcBtn = document.getElementById('mobile-source-btn');
+  if (srcBtn) srcBtn.onclick = showSource;
+  const backBtn = document.getElementById('mobile-back-btn');
+  if (backBtn) backBtn.onclick = showMenu;
+  const backOutputBtn = document.getElementById('mobile-back-output-btn');
+  if (backOutputBtn) backOutputBtn.onclick = () => showOutput(lastOutputText);
+  const backMenuBtn = document.getElementById('mobile-back-menu-btn');
+  if (backMenuBtn) backMenuBtn.onclick = showMenu;
+  // Show/hide desktop source button
   const btn = document.getElementById('show-source-btn');
   if (btn) btn.style.display = (terminalState === 'output') ? 'inline-block' : 'none';
 }