mirror of https://github.com/anoshenko/rui.git
373 lines
11 KiB
Go
373 lines
11 KiB
Go
package rui
|
||
|
||
import (
|
||
"fmt"
|
||
"strings"
|
||
)
|
||
|
||
// Constants which represent [ImageView] specific properties and events
|
||
const (
|
||
// LoadedEvent is the constant for "loaded-event" property tag.
|
||
//
|
||
// Used by `ImageView`.
|
||
// Occur when the image has been loaded.
|
||
//
|
||
// General listener format:
|
||
// `func(image rui.ImageView)`.
|
||
//
|
||
// where:
|
||
// image - Interface of an image view which generated this event.
|
||
//
|
||
// Allowed listener formats:
|
||
// `func()`.
|
||
LoadedEvent PropertyName = "loaded-event"
|
||
|
||
// ErrorEvent is the constant for "error-event" property tag.
|
||
//
|
||
// Used by `ImageView`.
|
||
// Occur when the image loading has been failed.
|
||
//
|
||
// General listener format:
|
||
// `func(image rui.ImageView)`.
|
||
//
|
||
// where:
|
||
// image - Interface of an image view which generated this event.
|
||
//
|
||
// Allowed listener formats:
|
||
// `func()`.
|
||
ErrorEvent PropertyName = "error-event"
|
||
|
||
// NoneFit - value of the "object-fit" property of an ImageView. The replaced content is not resized
|
||
NoneFit = 0
|
||
|
||
// ContainFit - value of the "object-fit" property of an ImageView. The replaced content
|
||
// is scaled to maintain its aspect ratio while fitting within the element’s content box.
|
||
// The entire object is made to fill the box, while preserving its aspect ratio, so the object
|
||
// will be "letterboxed" if its aspect ratio does not match the aspect ratio of the box.
|
||
ContainFit = 1
|
||
|
||
// CoverFit - value of the "object-fit" property of an ImageView. The replaced content
|
||
// is sized to maintain its aspect ratio while filling the element’s entire content box.
|
||
// If the object's aspect ratio does not match the aspect ratio of its box, then the object will be clipped to fit.
|
||
CoverFit = 2
|
||
|
||
// FillFit - value of the "object-fit" property of an ImageView. The replaced content is sized
|
||
// to fill the element’s content box. The entire object will completely fill the box.
|
||
// If the object's aspect ratio does not match the aspect ratio of its box, then the object will be stretched to fit.
|
||
FillFit = 3
|
||
|
||
// ScaleDownFit - value of the "object-fit" property of an ImageView. The content is sized as
|
||
// if NoneFit or ContainFit were specified, whichever would result in a smaller concrete object size.
|
||
ScaleDownFit = 4
|
||
)
|
||
|
||
// ImageView represents an ImageView view
|
||
type ImageView interface {
|
||
View
|
||
// NaturalSize returns the intrinsic, density-corrected size (width, height) of the image in pixels.
|
||
// If the image hasn't been loaded yet or an load error has occurred, then (0, 0) is returned.
|
||
NaturalSize() (float64, float64)
|
||
// CurrentSource() return the full URL of the image currently visible in the ImageView.
|
||
// If the image hasn't been loaded yet or an load error has occurred, then "" is returned.
|
||
CurrentSource() string
|
||
}
|
||
|
||
type imageViewData struct {
|
||
viewData
|
||
naturalWidth float64
|
||
naturalHeight float64
|
||
currentSrc string
|
||
}
|
||
|
||
// NewImageView create new ImageView object and return it
|
||
func NewImageView(session Session, params Params) ImageView {
|
||
view := new(imageViewData)
|
||
view.init(session)
|
||
setInitParams(view, params)
|
||
return view
|
||
}
|
||
|
||
func newImageView(session Session) View {
|
||
return new(imageViewData)
|
||
}
|
||
|
||
// Init initialize fields of imageView by default values
|
||
func (imageView *imageViewData) init(session Session) {
|
||
imageView.viewData.init(session)
|
||
imageView.tag = "ImageView"
|
||
imageView.systemClass = "ruiImageView"
|
||
imageView.normalize = normalizeImageViewTag
|
||
imageView.set = imageView.setFunc
|
||
imageView.changed = imageView.propertyChanged
|
||
}
|
||
|
||
func normalizeImageViewTag(tag PropertyName) PropertyName {
|
||
tag = defaultNormalize(tag)
|
||
switch tag {
|
||
case "source":
|
||
tag = Source
|
||
|
||
case "src-set", "source-set":
|
||
tag = SrcSet
|
||
|
||
case VerticalAlign:
|
||
tag = ImageVerticalAlign
|
||
|
||
case HorizontalAlign:
|
||
tag = ImageHorizontalAlign
|
||
|
||
case altTag:
|
||
tag = AltText
|
||
}
|
||
return tag
|
||
}
|
||
|
||
func (imageView *imageViewData) setFunc(tag PropertyName, value any) []PropertyName {
|
||
|
||
switch tag {
|
||
case Source, SrcSet, AltText:
|
||
if text, ok := value.(string); ok {
|
||
return setStringPropertyValue(imageView, tag, text)
|
||
}
|
||
notCompatibleType(tag, value)
|
||
return nil
|
||
|
||
case LoadedEvent, ErrorEvent:
|
||
return setNoArgEventListener[ImageView](imageView, tag, value)
|
||
}
|
||
|
||
return imageView.viewData.setFunc(tag, value)
|
||
}
|
||
|
||
func (imageView *imageViewData) propertyChanged(tag PropertyName) {
|
||
session := imageView.Session()
|
||
htmlID := imageView.htmlID()
|
||
|
||
switch tag {
|
||
case Source:
|
||
src, srcset := imageViewSrc(imageView, GetImageViewSource(imageView))
|
||
session.updateProperty(htmlID, "src", src)
|
||
if srcset != "" {
|
||
session.updateProperty(htmlID, "srcset", srcset)
|
||
} else {
|
||
session.removeProperty(htmlID, "srcset")
|
||
}
|
||
|
||
case SrcSet:
|
||
_, srcset := imageViewSrc(imageView, GetImageViewSource(imageView))
|
||
if srcset != "" {
|
||
session.updateProperty(htmlID, "srcset", srcset)
|
||
} else {
|
||
session.removeProperty(htmlID, "srcset")
|
||
}
|
||
|
||
case AltText:
|
||
updateInnerHTML(htmlID, session)
|
||
|
||
case ImageVerticalAlign, ImageHorizontalAlign:
|
||
updateCSSStyle(htmlID, session)
|
||
|
||
default:
|
||
imageView.viewData.propertyChanged(tag)
|
||
}
|
||
}
|
||
|
||
func imageViewSrcSet(view View, path string) string {
|
||
if value := view.getRaw(SrcSet); value != nil {
|
||
if text, ok := value.(string); ok {
|
||
srcset := strings.Split(text, ",")
|
||
buffer := allocStringBuilder()
|
||
defer freeStringBuilder(buffer)
|
||
for i, src := range srcset {
|
||
if i > 0 {
|
||
buffer.WriteString(", ")
|
||
}
|
||
src = strings.Trim(src, " \t\n")
|
||
buffer.WriteString(src)
|
||
if index := strings.LastIndex(src, "@"); index > 0 {
|
||
if ext := strings.LastIndex(src, "."); ext > index {
|
||
buffer.WriteRune(' ')
|
||
buffer.WriteString(src[index+1 : ext])
|
||
}
|
||
} else {
|
||
buffer.WriteString(" 1x")
|
||
}
|
||
}
|
||
return buffer.String()
|
||
}
|
||
}
|
||
|
||
if srcset, ok := resources.imageSrcSets[path]; ok {
|
||
buffer := allocStringBuilder()
|
||
defer freeStringBuilder(buffer)
|
||
for i, src := range srcset {
|
||
if i > 0 {
|
||
buffer.WriteString(", ")
|
||
}
|
||
buffer.WriteString(src.path)
|
||
buffer.WriteString(fmt.Sprintf(" %gx", src.scale))
|
||
}
|
||
return buffer.String()
|
||
}
|
||
return ""
|
||
}
|
||
|
||
func (imageView *imageViewData) htmlTag() string {
|
||
return "img"
|
||
}
|
||
|
||
func imageViewSrc(view View, src string) (string, string) {
|
||
if src != "" && src[0] == '@' {
|
||
if image, ok := view.Session().ImageConstant(src[1:]); ok {
|
||
src = image
|
||
} else {
|
||
src = ""
|
||
}
|
||
}
|
||
|
||
if src != "" {
|
||
return src, imageViewSrcSet(view, src)
|
||
}
|
||
return "", ""
|
||
}
|
||
|
||
func (imageView *imageViewData) htmlProperties(self View, buffer *strings.Builder) {
|
||
|
||
imageView.viewData.htmlProperties(self, buffer)
|
||
|
||
if imageResource, ok := imageProperty(imageView, Source, imageView.Session()); ok && imageResource != "" {
|
||
if src, srcset := imageViewSrc(imageView, imageResource); src != "" {
|
||
buffer.WriteString(` src="`)
|
||
buffer.WriteString(src)
|
||
buffer.WriteString(`"`)
|
||
if srcset != "" {
|
||
buffer.WriteString(` srcset="`)
|
||
buffer.WriteString(srcset)
|
||
buffer.WriteString(`"`)
|
||
}
|
||
}
|
||
}
|
||
|
||
if text := GetImageViewAltText(imageView); text != "" {
|
||
buffer.WriteString(` alt="`)
|
||
buffer.WriteString(text)
|
||
buffer.WriteString(`"`)
|
||
}
|
||
|
||
buffer.WriteString(` onload="imageLoaded(this, event)"`)
|
||
|
||
if len(getNoArgEventListeners[ImageView](imageView, nil, ErrorEvent)) > 0 {
|
||
buffer.WriteString(` onerror="imageError(this, event)"`)
|
||
}
|
||
}
|
||
|
||
func (imageView *imageViewData) cssStyle(self View, builder cssBuilder) {
|
||
imageView.viewData.cssStyle(self, builder)
|
||
|
||
if value, ok := enumProperty(imageView, Fit, imageView.session, 0); ok {
|
||
builder.add("object-fit", enumProperties[Fit].cssValues[value])
|
||
} else {
|
||
builder.add("object-fit", "none")
|
||
}
|
||
|
||
vAlign := GetImageViewVerticalAlign(imageView)
|
||
hAlign := GetImageViewHorizontalAlign(imageView)
|
||
if vAlign != CenterAlign || hAlign != CenterAlign {
|
||
var position string
|
||
switch hAlign {
|
||
case LeftAlign:
|
||
position = "left"
|
||
case RightAlign:
|
||
position = "right"
|
||
default:
|
||
position = "center"
|
||
}
|
||
|
||
switch vAlign {
|
||
case TopAlign:
|
||
position += " top"
|
||
case BottomAlign:
|
||
position += " bottom"
|
||
default:
|
||
position += " center"
|
||
}
|
||
|
||
builder.add("object-position", position)
|
||
}
|
||
}
|
||
|
||
func (imageView *imageViewData) handleCommand(self View, command PropertyName, data DataObject) bool {
|
||
switch command {
|
||
case "imageViewError":
|
||
for _, listener := range getNoArgEventListeners[ImageView](imageView, nil, ErrorEvent) {
|
||
listener(imageView)
|
||
}
|
||
|
||
case "imageViewLoaded":
|
||
imageView.naturalWidth = dataFloatProperty(data, "natural-width")
|
||
imageView.naturalHeight = dataFloatProperty(data, "natural-height")
|
||
imageView.currentSrc, _ = data.PropertyValue("current-src")
|
||
|
||
for _, listener := range getNoArgEventListeners[ImageView](imageView, nil, LoadedEvent) {
|
||
listener(imageView)
|
||
}
|
||
|
||
default:
|
||
return imageView.viewData.handleCommand(self, command, data)
|
||
}
|
||
return true
|
||
}
|
||
|
||
func (imageView *imageViewData) NaturalSize() (float64, float64) {
|
||
return imageView.naturalWidth, imageView.naturalHeight
|
||
}
|
||
|
||
func (imageView *imageViewData) CurrentSource() string {
|
||
return imageView.currentSrc
|
||
}
|
||
|
||
// GetImageViewSource returns the image URL of an ImageView subview.
|
||
// If the second argument (subviewID) is not specified or it is "" then a left position of the first argument (view) is returned
|
||
func GetImageViewSource(view View, subviewID ...string) string {
|
||
if view = getSubview(view, subviewID); view != nil {
|
||
if image, ok := imageProperty(view, Source, view.Session()); ok {
|
||
return image
|
||
}
|
||
}
|
||
|
||
return ""
|
||
}
|
||
|
||
// GetImageViewAltText returns an alternative text description of an ImageView subview.
|
||
// If the second argument (subviewID) is not specified or it is "" then a left position of the first argument (view) is returned
|
||
func GetImageViewAltText(view View, subviewID ...string) string {
|
||
if view = getSubview(view, subviewID); view != nil {
|
||
if value := view.getRaw(AltText); value != nil {
|
||
if text, ok := value.(string); ok {
|
||
text, _ = view.Session().GetString(text)
|
||
return text
|
||
}
|
||
}
|
||
}
|
||
return ""
|
||
}
|
||
|
||
// GetImageViewFit returns how the content of a replaced ImageView subview:
|
||
// NoneFit (0), ContainFit (1), CoverFit (2), FillFit (3), or ScaleDownFit (4).
|
||
// If the second argument (subviewID) is not specified or it is "" then a left position of the first argument (view) is returned
|
||
func GetImageViewFit(view View, subviewID ...string) int {
|
||
return enumStyledProperty(view, subviewID, Fit, NoneFit, false)
|
||
}
|
||
|
||
// GetImageViewVerticalAlign return the vertical align of an ImageView subview: TopAlign (0), BottomAlign (1), CenterAlign (2)
|
||
// If the second argument (subviewID) is not specified or it is "" then a left position of the first argument (view) is returned
|
||
func GetImageViewVerticalAlign(view View, subviewID ...string) int {
|
||
return enumStyledProperty(view, subviewID, ImageVerticalAlign, LeftAlign, false)
|
||
}
|
||
|
||
// GetImageViewHorizontalAlign return the vertical align of an ImageView subview: LeftAlign (0), RightAlign (1), CenterAlign (2)
|
||
// If the second argument (subviewID) is not specified or it is "" then a left position of the first argument (view) is returned
|
||
func GetImageViewHorizontalAlign(view View, subviewID ...string) int {
|
||
return enumStyledProperty(view, subviewID, ImageHorizontalAlign, LeftAlign, false)
|
||
}
|