Skip to content

Commit 82afaca

Browse files
committed
cli UI rework
1 parent 7611326 commit 82afaca

File tree

14 files changed

+60
-0
lines changed

14 files changed

+60
-0
lines changed
203 KB
Loading
271 KB
Loading
123 KB
Loading
128 KB
Loading
183 KB
Loading
185 KB
Loading
317 KB
Loading
282 KB
Loading
126 KB
Loading
Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
---
2+
layout: :theme/post
3+
title: "Network Observability On Demand UI refactor"
4+
description: Command line interface improvements in version 1.10
5+
tags: CLI,Monitoring,Troubleshooting
6+
authors: [jpinsonneau]
7+
---
8+
9+
# Network Observability On Demand UI refactor
10+
11+
Netobserv 1.10 update is bringing a rich and interactive interface to its CLI. This is based on the awesome [tview library](https://github.com/rivo/tview) and [tvxwidgets extension](https://github.com/navidys/tvxwidgets).
12+
13+
These open source go packages implements clickable UI components such as buttons, dropdowns, popups and tables inside Flexboxes.
14+
15+
![tview](tview.gif)<br>
16+
Figure 1: Tview examples
17+
18+
# Capabilities
19+
20+
## Table view
21+
22+
The flow and packet capture keeps the same abilities, showing the flow table, cycling between displays and enrichment and filtering the displayed content.
23+
24+
![table](table.png)<br>
25+
Figure 2: Table view
26+
27+
On top of this, it's now possible to pick columns from a popup by clicking on `manage columns` button for a fully customizable table.
28+
![manage columns](columns.png)<br>
29+
Figure 3: Manage columns
30+
31+
The live filter capability is also extended with suggestions, helping you to pick the right keys and values to filter on.
32+
![live filters](filters.png)<br>
33+
Figure 3: Live filters
34+
35+
When running a packet capture, you can now display the pcap content by clicking on a row of the table.
36+
![packet content](packet.png)<br>
37+
Figure 4: Packet content
38+
39+
## Line charts
40+
41+
On the metrics side, a whole new world is coming with the ability to display graphs directly in the terminal.
42+
![graphs](graphs.png)<br>
43+
Figure 5: Graphs
44+
45+
You can cycle between pre-defined view or pick panels one by one in the `manage panels` popup for a custom experience.
46+
It is also possible to pick a time range from the dropdown to show up to last 6 hours of capture.
47+
48+
![panels](panels.png)<br>
49+
Figure 6: Manage panels
50+
51+
While the metris are displayed in the CLI, it's still possible to check for the `NetObserv / On Demand` dashboard in OCP Console.
52+
53+
# Gallery
54+
55+
![gallery 1](gallery1.png)<br>
56+
![gallery 2](gallery2.png)<br>
57+
![gallery 3](gallery3.png)<br>
58+
![gallery 4](gallery4.png)<br>
59+
![gallery 5](gallery5.png)<br>
60+
![gallery 6](gallery6.png)<br>

0 commit comments

Comments
 (0)