gosuto 0.11.1

Gōsuto (ゴースト) — a cyberpunk terminal Matrix client with vim motions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126

use ratatui::Frame;
use ratatui::style::{Modifier, Style};

use crate::state::ChangePasswordState;
use crate::ui::icons::Icons;
use crate::ui::popup;
use crate::ui::theme;

const POPUP_WIDTH: u16 = 44;
const POPUP_HEIGHT: u16 = 12;

const FIELDS: [&str; 3] = ["CURRENT", "NEW", "CONFIRM"];

pub fn render(
    state: &ChangePasswordState,
    icons: &Icons,
    frame: &mut Frame,
    phase: f32,
    cursor_visible: bool,
) {
    let area = frame.area();
    if area.width < 30 || area.height < 12 {
        return;
    }

    let popup_w = POPUP_WIDTH.min(area.width.saturating_sub(4));
    let popup_h = POPUP_HEIGHT.min(area.height.saturating_sub(4));
    let popup_area = popup::centered_rect(popup_w, popup_h, area);
    let buf = frame.buffer_mut();
    let bounds = *buf.area();

    popup::render_popup_chrome(buf, &bounds, popup_area, "CHANGE PASSWORD", phase);

    let left = popup_area.x + 3;
    let right = popup_area.x + popup_area.width.saturating_sub(3);
    let inner_w = (right - left) as usize;
    let label_x = left + 2;
    let value_x = left + 17;
    let max_val_w = (right - value_x) as usize;

    let mut row = popup_area.y + 2;

    let buffers = [
        &state.current_buffer,
        &state.new_buffer,
        &state.confirm_buffer,
    ];

    for (i, field_name) in FIELDS.iter().enumerate() {
        let selected = state.selected_field == i;
        let marker_color = if selected { theme::CYAN } else { theme::DIM };
        let label_color = if selected { theme::CYAN } else { theme::TEXT };
        let marker = if selected {
            icons.selected
        } else {
            icons.unselected
        };

        let marker_s = Style::default().fg(marker_color).bg(theme::BG);
        let label_s = Style::default()
            .fg(label_color)
            .bg(theme::BG)
            .add_modifier(if selected {
                Modifier::BOLD
            } else {
                Modifier::empty()
            });

        popup::write_str(buf, &bounds, left, row, marker, marker_s);
        popup::set_cell(
            buf,
            &bounds,
            left + 1,
            row,
            ' ',
            Style::default().bg(theme::BG),
        );
        popup::write_str(buf, &bounds, label_x, row, field_name, label_s);

        // Masked value
        let buf_len = buffers[i].len();
        let masked: String = "\u{2022}".repeat(buf_len.min(max_val_w.saturating_sub(1)));
        let val_color = if selected { theme::GREEN } else { theme::DIM };
        popup::write_str(
            buf,
            &bounds,
            value_x,
            row,
            &masked,
            Style::default().fg(val_color).bg(theme::BG),
        );

        // Blinking cursor on selected field
        if selected && cursor_visible {
            let cursor_x = value_x + masked.chars().count() as u16;
            popup::set_cell(buf, &bounds, cursor_x, row, '_', theme::edit_cursor_style());
        }

        row += 1;
    }

    // Saving indicator
    if state.saving {
        row += 1;
        let msg = "saving...";
        let sx = left + (inner_w.saturating_sub(msg.len())) as u16 / 2;
        popup::write_str(
            buf,
            &bounds,
            sx,
            row,
            msg,
            Style::default()
                .fg(theme::GREEN)
                .bg(theme::BG)
                .add_modifier(Modifier::BOLD),
        );
    }

    popup::render_hint(
        buf,
        &bounds,
        popup_area,
        "j/k navigate  Enter submit  Esc close",
    );
}