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

use crate::{Renderable};
use crate::node::{Node, NodeContainer, NodeType};
use crate::DefaultModifiers;
use std::borrow::BorrowMut;
use crate::components::*;

#[derive(Debug, Clone)]
pub enum Placement {
    Auto,
    TopStart,
    Top,
    TopEnd,
    RightStart,
    Right,
    RightEnd,
    BottomStart,
    Bottom,
    BottomEnd,
    LeftStart,
    Left,
    LeftEnd
}

#[derive(Debug, Clone)]
pub struct Popover {
    children: Vec<Box<dyn Renderable>>,
    node: Node,
    pub el_to_attach_to: String,
    pub placement: Placement
}

impl NodeContainer for Popover {
    fn get_node(&mut self) -> &mut Node {
        self.node.borrow_mut()
    }
}

impl DefaultModifiers<Popover> for Popover {}

impl Popover {
    pub fn new() -> Self {
        Popover {
            children: vec![],
            node: Default::default(),
            el_to_attach_to: "".to_string(),
            placement: Placement::Auto
        }
    }

    pub fn attach_to(&mut self, el: &str) -> Self {
        self.el_to_attach_to = el.to_string();
        self.clone()
    }

    pub fn placement(&mut self, placement: Placement) -> Self {
        self.placement = placement;
        self.clone()
    }
}
impl ChildContainer for Popover {
    fn get_children(&mut self) -> &mut Vec<Box<dyn Renderable>> {
        return self.children.borrow_mut();
    }
}
impl Appendable for Popover {}


impl Renderable for Popover {
    fn render(&self) -> Node {
        let mut popover = self.clone()
            .add_class("popover")
            .set_attr("data-attach-to", self.el_to_attach_to.as_str())
            .set_attr("data-placement", match self.placement {
                Placement::Auto => "auto",
                Placement::TopStart => "top-start",
                Placement::Top => "top",
                Placement::TopEnd => "top-end",
                Placement::RightStart => "right-start",
                Placement::Right => "right",
                Placement::RightEnd => "right-end",
                Placement::BottomStart => "bottom-start",
                Placement::Bottom => "bottom",
                Placement::BottomEnd => "bottom-end",
                Placement::LeftStart => "left-start",
                Placement::Left => "left",
                Placement::LeftEnd => "left-end",
            });

        let arrow = View::new()
            .add_class("arrow")
            .set_attr("data-popper-arrow", "true");
        self.children.iter()
            .for_each(|child| {
                popover.node.children.push(child.render())
            });
        popover.node.children.push(arrow.render());

        popover.node
    }
}