+
+ {"Detailed info"}
+
+
+ { if let Some(pkg) = (*current_packet).clone() {
+ if let Some(detailed_info) = pkg.detailed_info {
+ html! {
+
+
+
+ | {"Frame number"} |
+ {format!("{}", pkg.number)} |
+
+
+ | {"Interface name"} |
+ {format!("{}", detailed_info.interface)} |
+
+
+ | {"Arrival time"} |
+ {format!("{}", pkg.time)} |
+
+
+ | {"Source Mac Address"} |
+ {format!("{}", detailed_info.src_mac)} |
+
+
+ | {"Destination Mac Address"} |
+ {format!("{}", detailed_info.dst_mac)} |
+
+
+ | {"Frame protocol name"} |
+ {format!("{}", detailed_info.frame_type)} |
+
+
+ | {"Payload length"} |
+ {format!("{} bytes, ({}) bits", detailed_info.payload_length, detailed_info.payload_length * 8)} |
+
+
+ | {"Packet length"} |
+ {format!("{} bytes, ({}) bits", detailed_info.packet_length, detailed_info.packet_length * 8)} |
+
+
+
+ }
+ } else {
+ html! {
+
{"No additional info"}
+ }
+ }
+ } else {
+ html! {
+
{"Click on table element to show more info about"}
+ }
+ }}
+
+ { if let Some(current_packet) = (*current_packet).clone() {
+ if let Some(detailed_info) = current_packet.detailed_info {
+ html!{
+ {(*detailed_info.payload_data).lines().map(|line| {
+ if line.trim().is_empty() {
+ return html! {
};
+ }
+
+ let offset = &line[0..4];
+ let hex = &line[4..55].trim_end();
+ let ascii = &line[55..].trim_end();
+
+ html! {
+
+ {offset}
+ {hex}
+ {ascii}
+
+ }
+ }).collect::()}
+ }
+ }else{
+ html!{}
+
+ }
+ }else{
+ html!{}
+
+ }
+ }
+