Merge pull request #4 from tcorzo/develop

🛠️ Fixed breakpoints

Author: tcorzo

src/components/editor/EditProgramTable.vue

@@ -21,21 +21,13 @@ const addRegister = () => {
     <table>
       <thead>
         <tr>
-          <th></th>
           <th>0x</th>
           <th>Valor</th>
           <th>Comentario</th>
         </tr>
       </thead>
       <tbody>
         <tr v-for="(register, index) in globalState.program.registers" :key="index">
-          <td v-if="globalState.emulator.hasBreakpoint(register.address)">
-            <button @click="globalState.emulator.removeBreakpoint(register.address)">🔴</button>
-          </td>
-          <td v-else>
-            <button @click="globalState.emulator.addBreakpoint(register.address)"></button>
-          </td>
-
           <td>
             <input v-if="globalState.mode === 'edit'" v-model="register.address" />
             <span v-else>{{ register.address }}</span>

src/components/emulator/ProgramRegisters.vue

@@ -17,6 +17,7 @@ const registers = Array.from(emulator.registers.values())
         <table>
             <thead>
                 <tr>
+                    <th></th>
                     <th>0x</th>
                     <th>Valor</th>
                     <th>Comentario</th>
@@ -25,6 +26,12 @@ const registers = Array.from(emulator.registers.values())
             <tbody>
                 <tr v-for="register in registers"
                     :class="{ 'current-register': register.address === emulator.current_address }">
+                    <td v-if="emulator.hasBreakpoint(register.address)">
+                        <button @click="emulator.removeBreakpoint(register.address)">🔴</button>
+                    </td>
+                    <td v-else>
+                        <button @click="emulator.addBreakpoint(register.address)"></button>
+                    </td>
                     <td>
                         <input v-if="globalState.mode === 'edit'" v-model="register.address" />
                         <span v-else>{{ register.address }}</span>