func TestBranchControlView_Render(t *testing.T) {
cb := ctests.New(t).SetApp(true, false, false)
defer cb.Finish()
b := NewBranchControlView(cb.Ctx(), models.NewBranchModel(cb.Ctx(), &models.RootContents{Name: "a"}))
expected := elem.Div(
elem.Anchor(
vecty.ClassMap{
"toggle": true,
"empty": true,
},
event.Click(nil),
),
elem.Div(
vecty.ClassMap{
"node-content": true,
},
elem.Span(
prop.Class("node-label"),
event.Click(nil),
vecty.Text("a"),
),
elem.Span(
prop.Class("badge"),
vecty.Style("display", "none"),
),
),
)
equal(t, expected, b.Render())
cb.AssertAppSuccess()
}
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..."),
),
),
),
),
)
}
func (v *BranchControlView) Render() *vecty.HTML {
if v.model == nil {
v.holder = elem.Div()
return v.holder
}
selected := v.App.Branches.Selected() == v.model
icon := v.model.Icon()
v.holder = elem.Div(
elem.Anchor(
vecty.ClassMap{
"toggle": true,
"selected": selected,
"plus": icon == "plus",
"minus": icon == "minus",
"unknown": icon == "unknown",
"empty": icon == "empty",
},
event.Click(v.toggleClick),
),
elem.Div(
vecty.ClassMap{
"node-content": true,
"selected": selected,
},
elem.Span(
prop.Class("node-label"),
event.Click(v.labelClick),
vecty.Text(v.model.Contents.Label(v.Ctx)),
),
elem.Span(
prop.Class("badge"),
vecty.Style("display", "none"),
),
),
)
return v.holder
}
func (v *ViewMenuView) Render() *vecty.HTML {
return elem.ListItem(
prop.Class("dropdown"),
elem.Anchor(
prop.Href("#"),
prop.Class("dropdown-toggle"),
vecty.Data("toggle", "dropdown"),
vecty.Text("View"),
elem.Span(
prop.Class("caret"),
),
),
elem.UnorderedList(
prop.Class("dropdown-menu"),
elem.ListItem(
vecty.ClassMap{
"disabled": v.App.Branches.View() == models.Data,
},
elem.Anchor(
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.ChangeView{View: models.Data})
}).PreventDefault(),
prop.Href("#"),
vecty.Text("Data"),
),
),
elem.ListItem(
vecty.ClassMap{
"disabled": v.App.Branches.View() == models.Types,
},
elem.Anchor(
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.ChangeView{View: models.Types})
}).PreventDefault(),
prop.Href("#"),
vecty.Text("Types"),
),
),
elem.ListItem(
vecty.ClassMap{
"disabled": v.App.Branches.View() == models.Package,
},
elem.Anchor(
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.ChangeView{View: models.Package})
}).PreventDefault(),
prop.Href("#"),
vecty.Text("Package"),
),
),
elem.ListItem(
prop.Class("divider"),
vecty.Property("role", "separator"),
),
elem.ListItem(
elem.Anchor(
prop.Href("#"),
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.ToggleInfoState{})
}).PreventDefault().StopPropagation(),
elem.Italic(
vecty.ClassMap{
"dropdown-icon": true,
"glyphicon": true,
"glyphicon-check": v.App.Misc.Info(),
"glyphicon-unchecked": !v.App.Misc.Info(),
},
),
vecty.Text("Show info"),
),
),
),
)
}
func (v *MapView) Render() *vecty.HTML {
if v.model == nil {
return elem.Div(vecty.Text("Map (nil)"))
}
var info vecty.List
if v.App.Misc.Info() {
ir, err := v.node.Node.Rule.ItemsRule()
if err != nil {
v.App.Fail <- kerr.Wrap("KYTRRFBKGP", err)
return nil
}
dt, err := ir.DisplayType()
if err != nil {
v.App.Fail <- kerr.Wrap("RRJAVDKLSI", err)
return nil
}
info = append(info,
elem.Paragraph(
prop.Class("lead"),
vecty.Text("type: map of "+dt),
),
)
}
return elem.Div(
NewPanelNavView(v.Ctx, v.branch).Contents(
func() vecty.MarkupOrComponentOrHTML {
return elem.UnorderedList(
prop.Class("nav navbar-nav navbar-right"),
elem.ListItem(
elem.Anchor(
vecty.Text("Add"),
prop.Href("#"),
event.Click(func(ev *vecty.Event) {
addCollectionItem(v.Ctx, v.App, v.model.Node)
}).PreventDefault(),
),
),
elem.ListItem(
prop.Class("dropdown"),
elem.Anchor(
prop.Href("#"),
prop.Class("dropdown-toggle"),
vecty.Data("toggle", "dropdown"),
vecty.Property("role", "button"),
vecty.Property("aria-haspopup", "true"),
vecty.Property("aria-expanded", "false"),
vecty.Text("Options"),
elem.Span(
prop.Class("caret"),
),
),
elem.UnorderedList(
prop.Class("dropdown-menu"),
elem.ListItem(
elem.Anchor(
prop.Href("#"),
vecty.Text("Delete"),
event.Click(func(e *vecty.Event) {
v.App.Dispatch(&actions.Delete{
Undoer: &actions.Undoer{},
Node: v.model.Node,
Parent: v.model.Node.Parent,
})
}).PreventDefault(),
),
),
),
),
)
},
),
info,
NewEditorListView(v.Ctx, v.model, nil, nil),
v.errorBlock(),
)
}
func (v *EditorView) Render() *vecty.HTML {
var dropdownItems []vecty.MarkupOrComponentOrHTML
dropdownItems = append(dropdownItems, v.dropdown())
if !v.model.Node.Missing && !v.model.Node.Null {
dropdownItems = append(dropdownItems, elem.ListItem(
elem.Anchor(
prop.Href("#"),
vecty.Text("Delete"),
event.Click(func(e *vecty.Event) {
v.App.Dispatch(&actions.Delete{
Undoer: &actions.Undoer{},
Node: v.model.Node,
Parent: v.model.Node.Parent,
})
}).PreventDefault(),
),
))
}
var dropdown *vecty.HTML
if dropdownItems != nil {
dropdown = elem.Span(
prop.Class("dropdown"),
elem.Anchor(
prop.Href("#"),
prop.Class("dropdown-toggle"),
vecty.Data("toggle", "dropdown"),
vecty.Property("aria-haspopup", "true"),
vecty.Property("aria-expanded", "true"),
elem.Italic(
prop.Class("editor-icon editor-icon-before glyphicon glyphicon-collapse-down"),
),
),
elem.UnorderedList(
append(dropdownItems, prop.Class("dropdown-menu"))...,
),
)
}
var handle vecty.List
if v.model.Node.Index != -1 {
handle = append(handle, elem.Italic(
prop.Class("handle"),
elem.Span(
prop.Class("glyphicon glyphicon-option-vertical"),
),
))
}
label := elem.Label(
prop.Class("control-label"),
vecty.Text(
v.model.Node.Label(v.Ctx),
),
)
group := elem.Div(
vecty.ClassMap{
"form-group": true,
"has-error": v.node.Invalid,
},
handle,
dropdown,
label,
v.icons(),
v.controls(),
v.helpBlock(),
v.errorBlock(),
)
return group
}
func (v *ObjectEditorView) Render() *vecty.HTML {
sections := vecty.List{}
sections = append(sections,
views.NewPanelNavView(v.Ctx, v.branch).Contents(
func() vecty.MarkupOrComponentOrHTML {
return elem.UnorderedList(
prop.Class("nav navbar-nav navbar-right"),
elem.ListItem(
prop.Class("dropdown"),
elem.Anchor(
prop.Href("#"),
prop.Class("dropdown-toggle"),
vecty.Data("toggle", "dropdown"),
vecty.Property("role", "button"),
vecty.Property("aria-haspopup", "true"),
vecty.Property("aria-expanded", "false"),
vecty.Text("Options"),
elem.Span(
prop.Class("caret"),
),
),
elem.UnorderedList(
prop.Class("dropdown-menu"),
elem.ListItem(
elem.Anchor(
prop.Href("#"),
event.Click(func(ev *vecty.Event) {
v.App.Dispatch(&actions.ToggleSystemControls{
Node: v.model.Node,
})
}).PreventDefault(),
elem.Italic(
vecty.ClassMap{
"dropdown-icon": true,
"glyphicon": true,
"glyphicon-check": v.node.ShowSystemControls,
"glyphicon-unchecked": !v.node.ShowSystemControls,
},
),
vecty.Text("System controls"),
),
),
elem.ListItem(
prop.Class("divider"),
vecty.Property("role", "separator"),
),
elem.ListItem(
elem.Anchor(
prop.Href("#"),
vecty.Text("Delete"),
event.Click(func(e *vecty.Event) {
v.App.Dispatch(&actions.Delete{
Undoer: &actions.Undoer{},
Node: v.model.Node,
Parent: v.model.Node.Parent,
})
}).PreventDefault(),
),
),
),
),
)
},
),
)
d := v.model.Node.Map["description"]
if !d.Null && !d.Missing && d.ValueString != "" {
sections = append(sections, elem.Paragraph(
prop.Class("lead"),
vecty.Text(d.ValueString),
))
}
if v.App.Misc.Info() {
dt, err := v.node.Node.DisplayType(v.Ctx)
if err != nil {
v.App.Fail <- kerr.Wrap("KFKGCGFULR", err)
return nil
}
sections = append(sections,
elem.Paragraph(
prop.Class("lead"),
vecty.Text("type: "+dt),
),
)
}
if v.node.ShowSystemControls {
sections = append(sections,
elem.Div(
prop.Class("well object-editor"),
views.NewEditorListView(v.Ctx, v.model, system.NewReference("kego.io/system", "object"), []string{"id", "type"}),
),
)
}
return elem.Div(
sections,
)
}
func (v *EditMenuView) Render() *vecty.HTML {
var undoLabel, redoLabel string
var undoEnabled, redoEnabled bool
if v.App.Actions.Index() <= 0 {
undoLabel = "Undo"
} else {
undoEnabled = true
undoLabel = fmt.Sprintf("Undo %s", v.App.Actions.UndoPeek().Description())
}
if v.App.Actions.Index() >= v.App.Actions.Count() {
redoLabel = "Redo"
} else {
redoEnabled = true
redoLabel = fmt.Sprintf("Redo %s", v.App.Actions.RedoPeek().Description())
}
return elem.ListItem(
prop.Class("dropdown"),
elem.Anchor(
prop.Href("#"),
prop.Class("dropdown-toggle"),
vecty.Data("toggle", "dropdown"),
vecty.Text("Edit"),
elem.Span(
prop.Class("caret"),
),
),
elem.UnorderedList(
prop.Class("dropdown-menu"),
elem.ListItem(
vecty.ClassMap{
"disabled": !undoEnabled,
},
elem.Anchor(
event.Click(func(e *vecty.Event) {
action := v.App.Actions.Undo()
if action == nil {
return
}
v.App.Dispatch(action)
}).PreventDefault().StopPropagation(),
prop.Href("#"),
vecty.Text(undoLabel),
),
),
elem.ListItem(
vecty.ClassMap{
"disabled": !redoEnabled,
},
elem.Anchor(
event.Click(func(e *vecty.Event) {
action := v.App.Actions.Redo()
if action == nil {
return
}
v.App.Dispatch(action)
}).PreventDefault().StopPropagation(),
prop.Href("#"),
vecty.Text(redoLabel),
),
),
),
)
}