Move html/head/navbar into elements.

2022-01-07 10:53:39 +05:00
parent 7d42229098
commit cb8236eb92
8 changed files with 18 additions and 39 deletions
--- a/elements/body.go
+++ b/elements/body.go
@@ -0,0 +1,38 @@
+package elements
+
+import (
+	"github.com/gopherjs/gopherjs/js"
+
+	"go.dev.pztrn.name/bulpherjs/common"
+	"go.dev.pztrn.name/bulpherjs/metas"
+)
+
+// Body is a controlling structure for "body" HTML head element.
+type Body struct {
+	metas.Generic
+}
+
+// NewBody creates new "body" HTML element controlling structure.
+func NewBody() *Body {
+	b := &Body{}
+	b.initialize()
+
+	return b
+}
+
+// Build builds child elements.
+func (b *Body) Build() *js.Object {
+	// This function is special - we should try to get <body> element only
+	// after DOMContentLoaded event was fired, otherwise there is no
+	// guarantee that <body> will ever exist.
+	b.Object = js.Global.Get(common.HTMLElementDocument).Get(common.HTMLElementBody)
+
+	b.BuildChilds(b.Object)
+
+	return b.Object
+}
+
+// Initializes controlling structure.
+func (b *Body) initialize() {
+	b.InitializeGeneric()
+}
--- a/elements/head.go
+++ b/elements/head.go
@@ -0,0 +1,63 @@
+package elements
+
+import (
+	"github.com/gopherjs/gopherjs/js"
+
+	"go.dev.pztrn.name/bulpherjs/common"
+	"go.dev.pztrn.name/bulpherjs/metas"
+)
+
+const (
+	bulmaVersion = "0.8.0"
+)
+
+// HeadOptions is a "head" HTML head element configuration structure.
+type HeadOptions struct{}
+
+// Head is a controlling structure for "head" HTML head element.
+type Head struct {
+	metas.Generic
+
+	options *HeadOptions
+}
+
+// NewHeader creates new "head" HTML element controlling structure.
+func NewHead(opts *HeadOptions) *Head {
+	hw := &Head{}
+	hw.initialize(opts)
+
+	return hw
+}
+
+// Build builds header.
+func (hw *Head) Build() *js.Object {
+	hw.BuildChilds(hw.Object)
+
+	return hw.Object
+}
+
+// Initializes controlling structure.
+func (hw *Head) initialize(opts *HeadOptions) {
+	hw.options = opts
+
+	hw.InitializeGeneric()
+
+	hw.Object = js.Global.Get(common.HTMLElementDocument).Call(common.JSCallGetElementsByTagName, common.HTMLElementHead).Index(0)
+
+	// Add default header elements.
+	hw.AddChild(NewLink(&LinkOptions{
+		Href: "//cdn.jsdelivr.net/npm/bulma@" + bulmaVersion + "/css/bulma.min.css",
+		ID:   "",
+		Rel:  "stylesheet",
+	}))
+
+	hw.AddChild(NewMeta(&MetaOptions{
+		Content: "width=device-width, initial-scale=1",
+		Name:    "viewport",
+	}))
+}
+
+// SetTitle sets title for whole page.
+func (h *Head) SetTitle(title string) {
+	js.Global.Get(common.HTMLElementDocument).Set(common.HTMLHeadElementTitle, title)
+}
--- a/elements/html.go
+++ b/elements/html.go
@@ -0,0 +1,50 @@
+package elements
+
+import (
+	"github.com/gopherjs/gopherjs/js"
+
+	"go.dev.pztrn.name/bulpherjs/common"
+	"go.dev.pztrn.name/bulpherjs/metas"
+)
+
+// HTML is a controlling structure for HTML page.
+type HTML struct {
+	metas.Generic
+
+	Head *Head
+	Body *Body
+}
+
+// NewHTML creates new HTML page.
+func NewHTML() *HTML {
+	h := &HTML{}
+	h.initialize()
+
+	return h
+}
+
+// Build builds HTML and all it's childs. For HTML object it'll return
+// nil.
+func (h *HTML) Build() *js.Object {
+	h.BuildChilds(h.Object)
+
+	js.Global.Get(common.HTMLElementDocument).Set(common.HTMLElementHTML, h.Object)
+
+	return nil
+}
+
+// Initializes controlling structure.
+func (h *HTML) initialize() {
+	h.InitializeGeneric()
+
+	h.Object = js.Global.Get(common.HTMLElementDocument).Get(common.HTMLElementDocumentElement)
+
+	h.Head = NewHead(&HeadOptions{})
+	h.Body = NewBody()
+
+	h.AddChild(h.Head)
+	h.AddChild(h.Body)
+
+	// Set default title. Use Body.SetTitle to override in your application.
+	h.Head.SetTitle("BulpherJS default application")
+}
--- a/elements/navbar.go
+++ b/elements/navbar.go
@@ -0,0 +1,64 @@
+package elements
+
+import (
+	"github.com/gopherjs/gopherjs/js"
+)
+
+// 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 *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 := &NavOptions{
+		Class: "navbar",
+		Data:  map[string]string{},
+		Role:  "navigation",
+	}
+
+	n.navbar = NewNav(navopts)
+
+	if n.options.IsDark {
+		n.navbar.AddClassesFromString("is-dark")
+	}
+
+	if n.options.Title != "" {
+		brandDiv := NewDiv(&DivOptions{
+			Class: "navbar-brand",
+		})
+
+		n.navbar.AddChild(brandDiv)
+
+		navMainLink := NewA(&AOptions{
+			Class: "navbar-item",
+			Href:  "/",
+			Text:  n.options.Title,
+		})
+
+		brandDiv.AddChild(navMainLink)
+	}
+}