func (v *AddPopupView) modal(markup ...vecty.MarkupOrComponentOrHTML) *vecty.HTML {
return elem.Div(
prop.ID("add-modal"),
prop.Class("modal"),
vecty.Data("backdrop", "static"),
vecty.Data("keyboard", "false"),
elem.Div(
prop.Class("modal-dialog"),
elem.Div(
prop.Class("modal-content"),
elem.Div(
prop.Class("modal-header"),
elem.Button(
prop.Type(prop.TypeButton),
prop.Class("close"),
elem.Span(
vecty.Text("×"),
),
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.CloseAddPopup{})
}).PreventDefault(),
),
elem.Header4(
prop.Class("modal-title"),
vecty.Text("Add item"),
),
),
vecty.List(markup),
elem.Div(
prop.Class("modal-footer"),
elem.Button(
prop.Type(prop.TypeButton),
prop.Class("btn btn-default"),
elem.Span(
vecty.Text("Close"),
),
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.CloseAddPopup{})
}).PreventDefault(),
),
elem.Button(
prop.Type(prop.TypeButton),
prop.Class("btn btn-primary"),
elem.Span(
vecty.Text("Save"),
),
event.Click(func(ev *vecty.Event) {
v.save()
}).PreventDefault(),
),
),
),
),
)
}
func (v *Header) Render() *vecty.HTML {
return elem.Navigation(
prop.Class("navbar navbar-inverse navbar-fixed-top"),
elem.Div(
prop.Class("container-fluid"),
elem.Div(
prop.Class("navbar-header"),
elem.Button(
prop.Type("button"),
prop.Class("navbar-toggle collapsed"),
vecty.Data("toggle", "collapse"),
vecty.Data("target", "#navbar"),
elem.Span(
prop.Class("sr-only"),
vecty.Text("Toggle navigation"),
),
elem.Span(
prop.Class("icon-bar"),
),
elem.Span(
prop.Class("icon-bar"),
),
elem.Span(
prop.Class("icon-bar"),
),
),
/* elem.Anchor(
prop.Class("navbar-brand"),
prop.Href("#"),
vecty.Text("Ke"),
), */
),
elem.Div(
prop.ID("navbar"),
prop.Class("navbar-collapse collapse"),
elem.UnorderedList(
prop.Class("nav navbar-nav"),
NewViewMenuView(v.Ctx),
NewEditMenuView(v.Ctx),
NewSaveView(v.Ctx),
),
elem.Form(
prop.Class("navbar-form navbar-right"),
elem.Input(
prop.Type("text"),
prop.Class("form-control"),
prop.Placeholder("Search..."),
),
),
),
),
)
}
