cloudflare-dns 0.1.5

A TUI for managing Cloudflare DNS records programmatically
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

use crate::ui::colors::*;
use crate::ui::components::app_layout::{AppLayoutConfig, render_app_layout};
use iocraft::prelude::*;

#[derive(Default, Props)]
pub struct IpSelectorProps {
    pub sel_text: String,
    pub status: String,
    pub zone_name: String,
}

#[component]
pub fn IpSelector(props: &IpSelectorProps, mut hooks: Hooks) -> impl Into<AnyElement<'static>> {
    let sel_text = props.sel_text.clone();
    let title = format!(" ☁ Cloudflare DNS — {} ", props.zone_name);

    let content = element! {
        View(flex_grow: 1.0, align_items: AlignItems::Center, justify_content: JustifyContent::Center) {
            View(border_style: BorderStyle::Round, border_color: SAPPHIRE, background_color: MANTEL, padding_left: 1, padding_right: 1, padding_top: 2, padding_bottom: 2, width: 50) {
                View(flex_direction: FlexDirection::Column) {
                    View(margin_bottom: 1, padding_left: 1) { Text(content: " Select IP Address ", color: SAPPHIRE, weight: Weight::Bold) }
                    View(margin_bottom: 1, padding_left: 1) { Text(content: "↑↓: navigate | Enter: select | Esc: back", color: OVERLAY1) }
                    View(border_style: BorderStyle::Single, border_color: SURFACE1, padding_left: 1, padding_right: 1, padding_top: 1, padding_bottom: 1) { Text(content: sel_text, color: SUBTEXT0) }
                }
            }
        }
    }.into_any();

    render_app_layout(
        AppLayoutConfig {
            border_color: BLUE,
            title,
            title_bg: YELLOW,
            title_color: CRUST,
            menu: " [R]efresh  [C]reate  [Q]uit".to_string(),
            menu_bg: SURFACE1,
            menu_color: SUBTEXT1,
            status: props.status.clone(),
        },
        content,
        &mut hooks,
    )
}