arct-tui 0.2.2

Terminal UI for Arc Academy Terminal - interactive shell learning interface
Documentation 
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154

//! Achievement notification popup for celebrating unlocks

use crate::icons;
use crate::theme::Theme;
use arct_core::Achievement;
use ratatui::{
    layout::{Alignment, Constraint, Direction, Layout, Rect},
    text::{Line, Span},
    widgets::{Block, Borders, Clear, Paragraph},
    Frame,
};

/// Notification panel for displaying achievement unlocks
pub struct NotificationPanel {
    achievement: Achievement,
}

impl NotificationPanel {
    pub fn new(achievement: Achievement) -> Self {
        Self { achievement }
    }

    /// Render the notification as a centered overlay popup
    pub fn render(&self, frame: &mut Frame, theme: &Theme) {
        let area = Self::centered_rect(50, 30, frame.size());

        // Clear the background
        frame.render_widget(Clear, area);

        // Use a double border with celebration theme
        let block = Block::default()
            .title(" ACHIEVEMENT UNLOCKED! ")
            .title_alignment(Alignment::Center)
            .borders(Borders::ALL)
            .border_style(theme.style_accent().add_modifier(ratatui::style::Modifier::BOLD));

        let inner = block.inner(area);
        frame.render_widget(block, area);

        // Split into sections
        let chunks = Layout::default()
            .direction(Direction::Vertical)
            .constraints([
                Constraint::Length(3),  // Celebration header
                Constraint::Length(4),  // Achievement info
                Constraint::Min(2),     // Description
                Constraint::Length(3),  // Points and dismiss
            ])
            .split(inner);

        // Celebration header
        let celebration = Paragraph::new(vec![
            Line::from(""),
            Line::from(vec![
                Span::styled("", theme.style_accent()),
                Span::raw("  "),
                Span::styled("", theme.style_accent()),
                Span::raw("  "),
                Span::styled("", theme.style_accent()),
            ]),
        ])
        .alignment(Alignment::Center);
        frame.render_widget(celebration, chunks[0]);

        // Achievement info (icon + title)
        let achievement_info = Paragraph::new(vec![
            Line::from(""),
            Line::from(vec![
                Span::styled(
                    self.achievement.icon,
                    theme.style_accent().add_modifier(ratatui::style::Modifier::BOLD),
                ),
                Span::raw("  "),
                Span::styled(
                    &self.achievement.title,
                    theme.style_accent().add_modifier(ratatui::style::Modifier::BOLD),
                ),
            ]),
        ])
        .alignment(Alignment::Center);
        frame.render_widget(achievement_info, chunks[1]);

        // Description
        let description = Paragraph::new(vec![
            Line::from(""),
            Line::from(vec![Span::styled(
                &self.achievement.description,
                theme.style_secondary(),
            )]),
        ])
        .alignment(Alignment::Center);
        frame.render_widget(description, chunks[2]);

        // Points and dismiss instruction
        let footer = Paragraph::new(vec![
            Line::from(vec![
                icons::celebration(),
                Span::styled(
                    format!("+{} points!", self.achievement.points),
                    theme.style_accent(),
                ),
            ]),
            Line::from(""),
            Line::from(vec![
                Span::styled("Press any key to continue", theme.style_dim()),
            ]),
        ])
        .alignment(Alignment::Center);
        frame.render_widget(footer, chunks[3]);

        // Add decorative border effect
        // Draw corner decorations
        if area.width > 4 && area.height > 2 {
            // Top corners
            frame.render_widget(
                Paragraph::new("").block(
                    Block::default()
                        .borders(Borders::NONE)
                        .border_style(theme.style_accent()),
                ),
                Rect::new(area.x, area.y, 2, 1),
            );
            frame.render_widget(
                Paragraph::new("").block(
                    Block::default()
                        .borders(Borders::NONE)
                        .border_style(theme.style_accent()),
                ),
                Rect::new(area.x + area.width - 2, area.y, 2, 1),
            );
        }
    }

    /// Helper function to create a centered rectangle
    fn centered_rect(percent_x: u16, percent_y: u16, r: Rect) -> Rect {
        let popup_layout = Layout::default()
            .direction(Direction::Vertical)
            .constraints([
                Constraint::Percentage((100 - percent_y) / 2),
                Constraint::Percentage(percent_y),
                Constraint::Percentage((100 - percent_y) / 2),
            ])
            .split(r);

        Layout::default()
            .direction(Direction::Horizontal)
            .constraints([
                Constraint::Percentage((100 - percent_x) / 2),
                Constraint::Percentage(percent_x),
                Constraint::Percentage((100 - percent_x) / 2),
            ])
            .split(popup_layout[1])[1]
    }
}