Added basic navbar.

This commit is contained in:
Stanislav Nikitin 2020-05-17 21:57:45 +05:00
parent 745743976f
commit 6184d7b6d6
No known key found for this signature in database
GPG Key ID: 106900B32F8192EE
3 changed files with 97 additions and 2 deletions

View File

@ -58,8 +58,6 @@ func NewNav(navOptions *NavOptions) *Nav {
// Build builds element and calls Build() for all child elements. // Build builds element and calls Build() for all child elements.
func (n *Nav) Build() *js.Object { func (n *Nav) Build() *js.Object {
n.Object = js.Global.Get(common.HTMLElementDocument).Call(common.JSCallCreateElement, common.HTMLElementNav)
if n.options == nil { if n.options == nil {
n.AddClassesFromString(navDefaultClass) n.AddClassesFromString(navDefaultClass)
n.BuildChilds(n.Object) n.BuildChilds(n.Object)
@ -95,4 +93,6 @@ func (n *Nav) initialize(navOptions *NavOptions) {
n.options = navOptions n.options = navOptions
n.InitializeGeneric() n.InitializeGeneric()
n.Object = js.Global.Get(common.HTMLElementDocument).Call(common.JSCallCreateElement, common.HTMLElementNav)
} }

View File

@ -28,6 +28,7 @@ import (
"go.dev.pztrn.name/bulpherjs" "go.dev.pztrn.name/bulpherjs"
"go.dev.pztrn.name/bulpherjs/common" "go.dev.pztrn.name/bulpherjs/common"
"go.dev.pztrn.name/bulpherjs/elements" "go.dev.pztrn.name/bulpherjs/elements"
"go.dev.pztrn.name/bulpherjs/widgets"
) )
func main() { func main() {
@ -44,6 +45,12 @@ func main() {
} }
func start(a *bulpherjs.Application) { func start(a *bulpherjs.Application) {
nb := widgets.NewNavBar(&widgets.NavBarOptions{
IsDark: true,
Title: "Example application",
})
a.HTML.Body.AddChild(nb)
mainSection := elements.NewSection(nil) mainSection := elements.NewSection(nil)
mainDiv := elements.NewDiv(&elements.DivOptions{ mainDiv := elements.NewDiv(&elements.DivOptions{

88
widgets/navbar.go Normal file
View File

@ -0,0 +1,88 @@
// BulpherJS - bulma for GopherJS.
// Copyright (c) 2020 by Stanislav Nikitin <pztrn@pztrn.name>
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package widgets
import (
"github.com/gopherjs/gopherjs/js"
"go.dev.pztrn.name/bulpherjs/elements"
)
// NavBarOptions is a "nav" HTML body element configuration structure.
type NavBarOptions struct {
IsDark bool
Title string
}
// NavBar is a controlling structure for "nav" HTML body element.
type NavBar struct {
options *NavBarOptions
navbar *elements.Nav
}
// NewNavBar creates new "nav" HTML element controlling structure.
func NewNavBar(opts *NavBarOptions) *NavBar {
n := &NavBar{}
n.initialize(opts)
return n
}
// Build builds element and calls Build() for all child elements.
func (n *NavBar) Build() *js.Object {
return n.navbar.Build()
}
// Initializes controlling structure.
func (n *NavBar) initialize(opts *NavBarOptions) {
n.options = opts
navopts := &elements.NavOptions{
Class: "navbar",
Data: map[string]string{},
Role: "navigation",
}
n.navbar = elements.NewNav(navopts)
if n.options.IsDark {
n.navbar.AddClassesFromString("is-dark")
}
if n.options.Title != "" {
brandDiv := elements.NewDiv(&elements.DivOptions{
Class: "navbar-brand",
})
n.navbar.AddChild(brandDiv)
navMainLink := elements.NewA(&elements.AOptions{
Class: "navbar-item",
Href: "//",
Text: n.options.Title,
})
brandDiv.AddChild(navMainLink)
}
}