use ratatui::layout::Direction::{Horizontal, Vertical};
use ratatui::layout::{Alignment, Constraint, Layout, Rect};
use ratatui::style::Stylize;
use ratatui::widgets::{Block, Borders, Padding, Paragraph};
use ratatui::Frame;
use crate::app::app::App;
use crate::app::files::theme::THEME;
use crate::models::request::Request;
use crate::tui::app_states::AppState;
use crate::tui::ui::views::RequestView;
use crate::tui::utils::stateful::text_input::SingleLineTextInput;
impl App<'_> {
pub fn render_ws_request(&mut self, frame: &mut Frame, rect: Rect, request: Request) {
let request_layout = Layout::new(
Vertical,
[
Constraint::Length(1),
Constraint::Length(3),
Constraint::Fill(1)
],
)
.split(rect);
let request_name = request.name.clone();
let request_name_paragraph = Paragraph::new(request_name)
.centered()
.fg(THEME.read().ui.font_color);
frame.render_widget(request_name_paragraph, request_layout[0]);
let request_header_layout = Layout::new(
Horizontal,
[
Constraint::Percentage(15),
Constraint::Percentage(85)
],
)
.split(request_layout[1]);
let ws_request = request.get_ws_request().unwrap();
let connection_status_block = Block::new()
.title("Status").title_alignment(Alignment::Center)
.borders(Borders::ALL)
.padding(Padding::horizontal(1))
.fg(THEME.read().ui.main_foreground_color);
let connection_status_area = connection_status_block.inner(request_header_layout[0]);
let connection_status_paragraph = match ws_request.is_connected {
true => Paragraph::new("Connected")
.bg(THEME.read().websocket.connection_status.connected)
.fg(THEME.read().ui.font_color)
.centered(),
false => Paragraph::new("Disconnected")
.bg(THEME.read().websocket.connection_status.disconnected)
.fg(THEME.read().ui.font_color)
.centered()
};
frame.render_widget(connection_status_block, request_header_layout[0]);
frame.render_widget(connection_status_paragraph, connection_status_area);
self.url_text_input.display_cursor = matches!(self.state, AppState::EditingRequestUrl);
frame.render_widget(SingleLineTextInput(&mut self.url_text_input), request_header_layout[1]);
let request_main_layout_constraints = match self.request_view {
RequestView::Normal => [
Constraint::Percentage(50),
Constraint::Percentage(50)
],
RequestView::OnlyResult => [
Constraint::Percentage(0),
Constraint::Percentage(100)
],
RequestView::OnlyParams => [
Constraint::Percentage(100),
Constraint::Percentage(0)
]
};
let request_main_layout = Layout::new(
Horizontal,
request_main_layout_constraints,
)
.split(request_layout[2]);
let (should_render_params, should_render_result) = match self.request_view {
RequestView::Normal => (true, true),
RequestView::OnlyResult => (false, true),
RequestView::OnlyParams => (true, false)
};
if should_render_params {
let params_block = Block::new()
.borders(Borders::RIGHT)
.fg(THEME.read().ui.main_foreground_color);
let request_params_area = params_block.inner(request_main_layout[0]);
frame.render_widget(params_block, request_main_layout[0]);
self.render_request_params(frame, request_params_area, &request);
}
if should_render_result {
let result_block = Block::new().fg(THEME.read().ui.main_foreground_color);
let result_block_area = result_block.inner(request_main_layout[1]);
frame.render_widget(result_block, request_main_layout[1]);
self.render_request_result(frame, result_block_area, &request);
}
}
}