From 62a6226c58900bcd387ee8e485bf1edead7cd8ca Mon Sep 17 00:00:00 2001
From: root <root@openlitespeed.server.lan>
Date: Wed, 17 Aug 2022 14:56:43 +0200
Subject: [PATCH] feat: new windows for debugger

---
 assembler.html |  6 ++--
 debug.html     | 86 ++++++++++++++++++++++++++++++++++----------------
 2 files changed, 61 insertions(+), 31 deletions(-)

diff --git a/assembler.html b/assembler.html
index 6ba76ac..a0c64f7 100644
--- a/assembler.html
+++ b/assembler.html
@@ -280,10 +280,10 @@
         <div class="tui-statusbar relative">
             <ul>
                 <li><a href="#!"><span class="red-168-text">F4</span> Help</a></li>
-                <li><a href="javascript:exportfile()"><span class="red-168-text">F5</span> Save</a></li>
-                <li><a href="javascript:importfile()"><span class="red-168-text">F6</span> Open</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F5</span> Save</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F6</span> Open</a></li>
                 <li><a href="javascript:make()"><span class="red-168-text">F8</span> Assemble</a></li>
-                <li><a href="javascript:make()"><span class="red-168-text">F9</span> Debug</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F9</span> Debug</a></li>
                 <span class="tui-statusbar-divider"></span>
                 <li><a href="/index.html"><span class="red-168-text">F10</span> Reboot</a></li>
             </ul>
diff --git a/debug.html b/debug.html
index 6e6516e..648a586 100644
--- a/debug.html
+++ b/debug.html
@@ -48,7 +48,6 @@
                             <li>
                                 <a href="/index.html">
                                     <span class="red-168-text">Q</span>uit
-                                    <span class="tui-shortcut">F7</span>
                                 </a>
                             </li>
                         </ul>
@@ -159,7 +158,7 @@
 			     <ul>
 			        <li>
 			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
-					   <span id="ds00">&nbsp;span> DS:0x0
+					   <span id="ds00">&nbsp;<span> DS:0x0
 				   </a>
 			        </li>
 			        <li>
@@ -252,31 +251,31 @@
                 </li>
                 <li class="tui-dropdown">                                                                                                       
                     <span class="red-168-text">V</span>iew
-                    <div class="tui-dropdown-content">
+                    <div tomodify="status" toadd="Windows:" class="tui-dropdown-content">
                         <ul>
                             <li>
-                                <a href="javascript:showmodal()">
-					<span class="red-168-text">N</span>ormal
+			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
+				     <span id="normal">√</span> <span class="red-168-text">N</span>ormal
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:showmodal()">
-                                    <span class="red-168-text">G</span>oals
+			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
+				     <span id="goals">&nbsp;</span> <span class="red-168-text">G</span>oals
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:showmodal()">
-                                    <span class="red-168-text">M</span>emory
+			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
+				     <span id="memory">&nbsp;</span> <span class="red-168-text">M</span>emory
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:showmodal()">
-                                    <span class="red-168-text">T</span>utorial
+			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
+				    <span id="tutorial">&nbsp;</span> <span class="red-168-text">T</span>utorial
                                 </a>
                             </li>
                             <li>
-                                <a href="javascript:showmodal()">
-                                    <span class="red-168-text">S</span>creen
+			           <a onclick="javascript:check(this.parentElement.parentElement.parentElement,this.children[0])">
+				    <span id="screen">&nbsp;</span> <span class="red-168-text">S</span>creen
                                 </a>
                             </li>
                         </ul>
@@ -288,6 +287,7 @@
                             <li>
                                 <a href="javascript:showmodal()">
                                     <span class="red-168-text">I</span>nterface
+                    		    <span class="tui-shortcut">F4</span>
                                 </a>
 			    </li>
 		        </ul>
@@ -305,45 +305,74 @@
 	        </fieldset>
         </div>
 
-        <!-- Edit panel -->                                                                                                               
-        <div id="code" class="tui-window full-width tui-no-shadow" style="margin-top: 23px;height:60%">                                                       
+        <div id="code" class="tui-window tui-no-shadow" style="margin-top: 23px;height:40%;width:50%">                                                       
             <fieldset class="tui-fieldset" style="height:100%">                                                                                               
                 <legend id="filename" class="tui-filed-text" style="margin-left:30px"></legend>                                                                     
                 <span class="tui-fieldset-button"><span class="green-255-text">↑</span></span>                                          
                 <span class="tui-fieldset-button left"><span class="green-255-text">■</span></span>                                     
                 <span class="tui-fieldset-text right" style="margin-bottom: -5px;">&nbsp;Syntax:Nasm&nbsp;</span>                                         
-		<textarea id="editor" class="tui-textarea full-width" style="overflow: scroll;height:100%;width:100%"></textarea></div> 
+		<textarea class="tui-textarea full-width" style="overflow: scroll;height:100%;width:100%"></textarea></div> 
 
-	<div class="tui-window tui-no-shadow" style="height:20%;width:940px">                                                       
+	<div class="tui-window tui-no-shadow" style="height:40%;width:16%">                                                       
             <fieldset class="tui-fieldset" style="height:100%">                                                                                               
-                <legend class="center">Results</legend>                                                                     
-		<div class="" style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
+                <legend class="center">Stack</legend>                                                                     
+		<div style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
             </fieldset>                                                                   
         </div>  
 
-	<div id="mem1" class="tui-window tui-no-shadow" style="height:20%;width:520px">                                                       
+	<div class="tui-window tui-no-shadow" style="height:40%;width:16%">                                                       
+            <fieldset class="tui-fieldset" style="height:100%">                                                                                               
+                <legend class="center">Flags</legend>                                                                     
+		<div style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
+            </fieldset>                                                                   
+        </div>  
+
+	<div class="tui-window tui-no-shadow" style="height:40%;width:16%">                                                       
+            <fieldset class="tui-fieldset" style="height:100%">                                                                                               
+                <legend class="center">General Registries</legend>                                                                     
+		<div style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
+            </fieldset>                                                                   
+        </div>  
+
+	<div id="mem1" class="tui-window tui-no-shadow" style="height:40%;width:950px">                                                       
             <fieldset class="tui-fieldset" style="height:100%">                                                                                               
                 <span class="tui-fieldset-text right" style="margin-bottom: -5px;">&nbsp;Zone:CS:IP&nbsp;</span>                                         
                 <legend class="center">Memory explorer 1</legend>                                                                     
-                <div class="" style="overflow: scroll;height:100%;width:100%"></div>
+                <div style="overflow: scroll;height:100%;width:100%"></div>
+            </fieldset>                                                                   
+        </div> 
+
+	<div class="tui-window tui-no-shadow" style="height:40%;width:16%">                                                       
+            <fieldset class="tui-fieldset" style="height:100%">                                                                                               
+                <legend class="center">breakpoints</legend>                                                                     
+		<div style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
             </fieldset>                                                                   
         </div>  
 
-        <div class="tui-window full-width tui-no-shadow" style="height:14%">                                                       
+	<div class="tui-window tui-no-shadow" style="height:40%;width:16%">                                                       
             <fieldset class="tui-fieldset" style="height:100%">                                                                                               
+                <legend class="center">Specials Registries</legend>                                                                     
+		<div style="overflow: scroll;height:100%;width:100%"><pre id="result" style="margin-top: -5px;"></pre></div>
+            </fieldset>                                                                   
+        </div>  
+
+        <div id="status" class="tui-window full-width tui-no-shadow" style="height:14%">                                                       
+            <fieldset class="tui-fieldset" style="height:100%">                                                                                               
+                <span class="tui-fieldset-text right" style="margin-bottom: -5px;">&nbsp;Windows:Normal&nbsp;</span>                                         
                 <legend class="center">Status</legend>                                                                     
-                <div id="status" class="full-width" style="overflow: scroll;height:100%"></div>
+                <div class="full-width" style="overflow: scroll;height:100%"></div>
             </fieldset>                                                                   
         </div>  
 
         <!-- Status bar -->
         <div class="tui-statusbar relative">
             <ul>
-                <li><a href="#!"><span class="red-168-text">F1</span> Help</a></li>
-                <li><a href="javascript:exportfile()"><span class="red-168-text">F2</span> Save</a></li>
-                <li><a href="javascript:importfile()"><span class="red-168-text">F3</span> Open</a></li>
-                <li><a href="javascript:make()"><span class="red-168-text">F8</span> Assemble</a></li>
-                <li><a href="javascript:make()"><span class="red-168-text">F9</span> Debug</a></li>
+                <li><a href="#!"><span class="red-168-text">F4</span> Help</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F5</span> Trace</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F6</span> Step into</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F7</span> Step over</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F8</span> Exec</a></li>
+                <li><a href="javascript:showmodal()"><span class="red-168-text">F9</span> End</a></li>
                 <span class="tui-statusbar-divider"></span>
                 <li><a href="/index.html"><span class="red-168-text">F10</span> Reboot</a></li>
             </ul>
@@ -351,5 +380,6 @@
     </div>
 </body>
 <script>
+windows="normal";
 </script>
 </html>