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

use crate::cx;
use crate::helper::*;
use crate::sui;
use yew::prelude::*;

#[derive(Debug, Clone, PartialEq, Properties)]
pub struct ContainerProps {
    #[prop_or_else(|| "div".to_string())]
    pub root: String,

    /** Primary content. */
    #[prop_or_default]
    pub children: Children,

    /** Additional classes. */
    #[prop_or_else(|| None)]
    pub class_name: Option<String>,

    #[prop_or_else(|| None)]
    pub content: Option<String>,

    /** Container has no maximum width. */
    #[prop_or(false)]
    pub fluid: bool,

    /** Reduce maximum width to more naturally accommodate text. */
    #[prop_or(false)]
    pub text: bool,

    /** Align container text. */
    #[prop_or("justified")]
    pub text_align: &'static str,
}

impl ContainerProps {
    fn derive_classes(&self) -> Vec<String> {
        let Self { 
            class_name,
            text,
            fluid,
            text_align,
             ..
        } = self;

        cx!(
            use_str("ui"),
            use_key(*text, "text"),
            use_key(*fluid, "fluid"),
            use_text_align(*text_align),
            use_str("container"),
            use_option(class_name)
        )
    }
}

pub struct Container {
    props: ContainerProps,
    link: ComponentLink<Self>,
    classes: Vec<String>,
}

impl Component for Container {
    type Message = ();
    type Properties = ContainerProps;

    fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
        let classes = props.derive_classes();
        Self {
            link,
            props,
            classes,
        }
    }

    fn update(&mut self, msg: Self::Message) -> ShouldRender {
        false
    }

    fn change(&mut self, props: Self::Properties) -> ShouldRender {
        if self.props != props {
            self.props = props;
            self.classes = self.props.derive_classes();
            true
        } else {
            false
        }
    }

    fn view(&self) -> Html {
        if !self.props.children.is_empty() {
            html! {
                <@ { self.props.root.clone() }
                    class=classes!(self.classes.as_slice())
                >
                    { self.props.children.clone() }
                </@>
            }
        } else {
            html! {
                <@ { self.props.root.clone() }
                    class=classes!(self.classes.as_slice())
                >
                    {
                        self.props
                            .content
                            .as_ref()
                            .map(|content| html! { content.clone() })
                            .unwrap_or(html! {})
                    }
                </@>
            }
        }
    }
}