Network Condition: UI #1

[NghiaTranUIT]

Description

It's time to support the Network Conditioner Tool

UI

• Reuse what we've done of the Map Local or Breakpoint List View
• Implement new UI:

[NghiaTranUIT]

Update requirement 1

• Add a new menu for Network conditions with a shortcut

• When the Network Condition is activated -> Show the Badge

• Click on the Network Condition badge will open the Network Condition Tool Windows

[NghiaTranUIT]

Main View

• Reuse the same TableView + Logic from the Map Local or Breakpoint.
• Only 1 rule can be activated -> Show the ✅
• Other rules will be disabled with gray color
• Implement the Right Menu Context with all actions: New, Duplicate, Edit, ... with shortcuts

Edit View

• Reuse the same Edit View from Breakpoint Edit View
• Make sure the HOST text field. It doesn't accept an input as a URL, wildcard, or regex. Only accept Host AND/OR Port. For example: proxyman.io, proxyman.io:443, httpbin.proxyman.app, localhost:3000
• Show the Preset Dropdown
• Show the preset network data (Upload/Download)
• Make sure we don't hard code these data, it should be defined in the Enum or class (See the next ticket)