viewy 2.0.1

A web UI toolkit that combine the advantages of a design system and an ui library.
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

use std::borrow::BorrowMut;
use std::ops::DerefMut;

use crate::components::icons::Lucide;
use crate::components::{Alignment, Appendable, HStack, Icon};
use crate::node::Node;
use crate::{DefaultModifiers, sp};
use crate::{Renderable, scale};

#[derive(Debug, Clone)]
pub struct SortableStack {
    node: Node,
    wrapper_tag: String,
    is_disabled: bool,
}
impl std::ops::Deref for SortableStack {
    type Target = Node;

    fn deref(&self) -> &Self::Target {
        &self.node
    }
}

impl std::ops::DerefMut for SortableStack {
    fn deref_mut(&mut self) -> &mut Self::Target {
        &mut self.node
    }
}
impl DefaultModifiers for SortableStack {}

impl SortableStack {
    pub fn new() -> Self {
        SortableStack {
            node: Default::default(),
            wrapper_tag: "div".to_string(),
            is_disabled: false,
        }
    }

    pub fn disabled(&mut self, is_disabled: bool) -> &mut Self {
        self.is_disabled = is_disabled;
        self
    }

    pub fn wrapper_tag(&mut self, tag_name: &str) -> &mut Self {
        self.wrapper_tag = tag_name.to_string();
        self
    }

    /// Define url of the post request to send order changes requests
    pub fn action(&mut self, action: &str) -> &mut Self {
        self.set_attr("data-action", action)
    }

    pub fn gap(&mut self, gaps: Vec<i32>) -> &mut Self {
        let params: Vec<String> = gaps.iter().map(|size| sp(size.clone())).collect();
        self.node
            .node_style
            .push(("grid-gap".to_string(), params.join(" ")));
        self
    }
}

impl Appendable for SortableStack {}

impl Renderable for SortableStack {
    fn render(mut self) -> Node {
        self.add_class("stack")
            .add_class("stack--vertical")
            .add_class("stack--align-stretch")
            .add_class("sortable-stack");
        if self.is_disabled {
            self.add_class("sortable-stack--disabled");
        }
        self.node.children = self
            .node
            .children
            .into_iter()
            .map(|mut child| {
                if !self.is_disabled {
                    let mut container = HStack::new(Alignment::Center);
                    container
                        .tag(&self.wrapper_tag)
                        .add_class("sortable-stack__item")
                        .gap(vec![scale(3)])
                        .append_child(
                            Icon::new(Lucide::GripVertical)
                                .stroke_width(2)
                                .add_class("sortable-stack__item__handle")
                                .min_width(&sp(24)),
                        );

                    child.node_style.iter().for_each(|(property, value)| {
                        if property.eq("margin")
                            || property.eq("margin-top")
                            || property.eq("margin-right")
                            || property.eq("margin-left")
                            || property.eq("margin-bottom")
                        {
                            container
                                .deref_mut()
                                .node_style
                                .push((property.clone(), value.clone()))
                        }
                    });

                    child.node_style = child
                        .node_style
                        .into_iter()
                        .filter(|(property, _)| {
                            !(property.eq("margin")
                                || property.eq("margin-top")
                                || property.eq("margin-right")
                                || property.eq("margin-left")
                                || property.eq("margin-bottom"))
                        })
                        .collect();
                    container.deref_mut().children.push(child);
                    container.render()
                } else {
                    let mut stack = HStack::new(Alignment::Center);
                    stack
                        .tag(&self.wrapper_tag)
                        .add_class("sortable-stack__item")
                        .add_class("sortable-stack__item--disabled");
                    stack.deref_mut().children.push(child);
                    stack.render()
                }
            })
            .collect();

        self.node
    }
}