feat!: make router unable to send packets (#86)

New router details:


![image](https://github.com/user-attachments/assets/b712bec5-c683-429d-a534-548a60711457)

Author: MegaRedHand

src/graphics/renderables/device_info.ts

@@ -22,7 +22,6 @@ export class DeviceInfo extends StyledInfo {
     this.device = device;
     this.addCommonInfoFields();
     this.addCommonButtons();
-    this.addSendPacketButton();
   }
 
   private addCommonInfoFields() {
@@ -62,7 +61,7 @@ export class DeviceInfo extends StyledInfo {
     );
   }
 
-  private addSendPacketButton() {
+  addSendPacketButton() {
     const { id, viewgraph } = this.device;
 
     const adjacentDevices = viewgraph
@@ -106,6 +105,10 @@ export class DeviceInfo extends StyledInfo {
     this.inputFields.push(dynamicTable);
   }
 
+  addEmptySpace() {
+    this.inputFields.push(document.createElement("br"));
+  }
+
   toHTML(): Node[] {
     return super.toHTML().concat(this.inputFields);
   }

src/types/devices/host.ts

@@ -19,6 +19,7 @@ export class Host extends Device {
   showInfo(): void {
     const info = new DeviceInfo(this);
     info.addField("IP Address", this.ip.octets.join("."));
+    info.addSendPacketButton();
     RightBar.getInstance().renderInfo(info);
   }
 

src/types/devices/router.ts

@@ -19,6 +19,7 @@ export class Router extends Device {
   showInfo(): void {
     const info = new DeviceInfo(this);
     info.addField("IP Address", this.ip.octets.join("."));
+    info.addEmptySpace();
     info.addRoutingTable(this.viewgraph.getRoutingTable(this.id));
     RightBar.getInstance().renderInfo(info);
   }