loki5512344
f983f12bec
- Remove unused imports (HashMap, TextEdit) - Remove unnecessary mut on fonts - Replace ✕ (U+2715) with × (U+00D7) for close/cross icons - Replace ＋ (U+FF0B) with + (U+002B) for New Connection button - Replace ▲/▼ (U+25B2/U+25BC) with ↑/↓ (U+2191/U+2193) for sort arrows
91 lines
3.8 KiB
Rust
91 lines
3.8 KiB
Rust
use egui::{Color32, RichText, Ui};
|
||
use crate::domain::connection::ConnectionStatus;
|
||
use crate::ui::state::AppState;
|
||
use crate::ui::theme::*;
|
||
|
||
pub fn render(ui: &mut Ui, state: &mut AppState) {
|
||
let frame = egui::Frame::none()
|
||
.fill(BG_BASE)
|
||
.inner_margin(egui::Margin { left: 6.0, right: 6.0, top: 0.0, bottom: 0.0 });
|
||
|
||
frame.show(ui, |ui| {
|
||
ui.set_min_height(TABBAR_H);
|
||
ui.horizontal(|ui| {
|
||
let mut to_close: Option<usize> = None;
|
||
|
||
if state.tabs.is_empty() {
|
||
ui.label(RichText::new("No connections").color(TEXT_HINT).size(11.0));
|
||
}
|
||
|
||
for (i, tab) in state.tabs.iter().enumerate() {
|
||
let is_active = i == state.active_tab;
|
||
|
||
let (dot_col, dot) = match &tab.status {
|
||
ConnectionStatus::Connected => (GREEN, "●"),
|
||
ConnectionStatus::Disconnected => (TEXT_HINT, "○"),
|
||
ConnectionStatus::Connecting => (YELLOW, "◐"),
|
||
ConnectionStatus::Error(_) => (RED, "×"),
|
||
};
|
||
|
||
let bg = if is_active { BG_TAB_ACTIVE } else { BG_TAB_IDLE };
|
||
let tcol = if is_active { TEXT_PRIMARY } else { TEXT_DIM };
|
||
|
||
let tab_response = egui::Frame::none()
|
||
.fill(bg)
|
||
.rounding(egui::Rounding { nw: 4.0, ne: 4.0, sw: 0.0, se: 0.0 })
|
||
.inner_margin(egui::Margin { left: 10.0, right: 4.0, top: 0.0, bottom: 0.0 })
|
||
.show(ui, |ui| {
|
||
ui.set_min_height(TABBAR_H);
|
||
ui.horizontal_centered(|ui| {
|
||
// цветная точка статуса
|
||
ui.label(RichText::new(dot).color(dot_col).size(9.0));
|
||
ui.add_space(4.0);
|
||
// название вкладки
|
||
let lbl = egui::Label::new(
|
||
RichText::new(&tab.label).color(tcol).size(12.0)
|
||
)
|
||
.sense(egui::Sense::click());
|
||
if ui.add(lbl).clicked() {
|
||
// обрабатывается ниже
|
||
}
|
||
ui.add_space(6.0);
|
||
// кнопка закрытия
|
||
let close = egui::Label::new(
|
||
RichText::new("×").color(TEXT_HINT).size(14.0)
|
||
)
|
||
.sense(egui::Sense::click());
|
||
if ui.add(close).clicked() {
|
||
to_close = Some(i);
|
||
}
|
||
ui.add_space(4.0);
|
||
});
|
||
});
|
||
|
||
if tab_response.response.clicked() {
|
||
state.active_tab = i;
|
||
}
|
||
}
|
||
|
||
// кнопка "+"
|
||
ui.add_space(4.0);
|
||
let plus = egui::Button::new(RichText::new("+").color(TEXT_DIM).size(16.0))
|
||
.fill(Color32::TRANSPARENT)
|
||
.rounding(4.0)
|
||
.min_size(egui::vec2(28.0, TABBAR_H));
|
||
if ui.add(plus).clicked() {
|
||
state.show_connect_dialog = true;
|
||
}
|
||
|
||
if let Some(idx) = to_close {
|
||
state.tabs.remove(idx);
|
||
if !state.tabs.is_empty() && state.active_tab >= state.tabs.len() {
|
||
state.active_tab = state.tabs.len() - 1;
|
||
}
|
||
}
|
||
});
|
||
});
|
||
|
||
// нижняя граница таббара
|
||
let (_, sep) = ui.allocate_space(egui::vec2(ui.available_width(), 1.0));
|
||
ui.painter().rect_filled(sep, 0.0, BORDER);
|
||
}
|