View.go

//go:build wasm

package app

import "github.com/cookiengineer/gooey/bindings/dom"
import "github.com/cookiengineer/gooey/components/utils"
import "github.com/cookiengineer/gooey/components/interfaces"
import "github.com/cookiengineer/gooey/components/types"
import "sort"
import "strings"

type View struct {
	Element  *dom.Element           `json:"element"`
	Layout   types.Layout           `json:"layout"`
	Content  []interfaces.Component `json:"content"`
	name     string                 `json:"-"`
	label    string                 `json:"-"`
	path     string                 `json:"-"`
}

func NewView(name string, label string, path string) *View {

	var view View

	element := dom.GetDocument().CreateElement("section")

	view.Element = element
	view.Layout = types.LayoutFlow
	view.Content = make([]interfaces.Component, 0)

	view.name = strings.ToLower(name)
	view.label = label
	view.path = strings.ToLower(path)

	return &view

}

func ToView(element *dom.Element) *View {

	var view View

	view.Element = element
	view.Layout = types.LayoutFlow
	view.Content = make([]interfaces.Component, 0)

	view.name = strings.ToLower(element.GetAttribute("data-name"))
	view.label = element.GetAttribute("data-label")
	view.path = strings.ToLower(element.GetAttribute("data-path"))

	return &view

}

func (view *View) Disable() bool {
	return false
}

func (view *View) Enable() bool {
	return false
}

func (view *View) Enter() bool {

	if view.Element != nil {
		view.Element.SetAttribute("data-state", "active")
	}

	return true

}

func (view *View) Leave() bool {

	if view.Element != nil {
		view.Element.RemoveAttribute("data-state")
	}

	return true

}

func (view *View) Label() string {
	return view.label
}

func (view *View) Mount() bool {

	if view.Element != nil {

		tmp_name := view.Element.GetAttribute("data-name")

		if tmp_name != "" {
			view.name = strings.ToLower(tmp_name)
		}

		tmp_label := view.Element.GetAttribute("data-label")

		if tmp_label != "" {
			view.label = tmp_label
		}

		tmp_layout := view.Element.GetAttribute("data-layout")

		if tmp_layout != "" {
			view.Layout = types.Layout(tmp_layout)
		}

		tmp_path := view.Element.GetAttribute("data-path")

		if tmp_path != "" {
			view.path = strings.ToLower(tmp_path)
		}

		// Components are mapped inside app.Main due to cyclic dependency on interfaces

		for _, component := range view.Content {
			component.Mount()
		}

		return true

	} else {
		return false
	}

}

func (view *View) Name() string {
	return view.name
}

func (view *View) Path() string {
	return view.path
}

func (view *View) Query(query string) interfaces.Component {

	selectors := utils.SplitQuery(query)

	if len(selectors) >= 2 {

		if view.Element != nil {

			if utils.MatchesQuery(view.Element, selectors[0]) == true {

				tmp_query := utils.JoinQuery(selectors[1:])

				for _, content := range view.Content {

					tmp_component := content.Query(tmp_query)

					if tmp_component != nil {
						return tmp_component
					}

				}

			}

		}

	} else if len(selectors) == 1 {

		if view.Element != nil {

			if utils.MatchesQuery(view.Element, selectors[0]) == true {
				return view
			}

		}

	}

	return nil

}

func (view *View) QuerySelector(query string) *dom.Element {

	if view.Element != nil {
		return view.Element.QuerySelector(query)
	}

	return nil

}

func (view *View) QuerySelectorAll(query string) []*dom.Element {

	result := make([]*dom.Element, 0)

	if view.Element != nil {
		result = view.Element.QuerySelectorAll(query)
	}

	return result

}

func (view *View) Render() *dom.Element {

	if view.Element != nil {

		if view.name != "" {
			view.Element.SetAttribute("data-name", view.name)
		}

		if view.label != "" {
			view.Element.SetAttribute("data-label", view.label)
		}

		if view.path != "" {
			view.Element.SetAttribute("data-path", view.path)
		}

		if view.Layout != types.LayoutFlow {
			view.Element.SetAttribute("data-layout", view.Layout.String())
		}

		elements := make([]*dom.Element, 0)

		for _, component := range view.Content {
			elements = append(elements, component.Render())
		}

		view.Element.ReplaceChildren(elements)

		return view.Element

	}

	return nil

}

func (view *View) String() string {

	html := ""

	if view.Element != nil {

		tagname := strings.ToLower(view.Element.TagName)

		html += "<" + tagname

		attributes := make([]string, 0)

		for key, _ := range view.Element.Attributes {
			attributes = append(attributes, key)
		}

		sort.Strings(attributes)

		for _, attribute := range attributes {
			html += " " + attribute + "=\"" + view.Element.Attributes[attribute] + "\""
		}

		html += ">"
		html += view.Element.InnerHTML
		html += "</" + tagname + ">"

	}

	return html

}

func (view *View) Unmount() bool {

	for _, component := range view.Content {
		component.Unmount()
	}

	return true

}