mirror of
https://github.com/axzilla/templui.git
synced 2025-02-22 19:44:01 +00:00
204 lines
6.9 KiB
Go
204 lines
6.9 KiB
Go
// Code generated by templ - DO NOT EDIT.
|
|
|
|
// templ: version: v0.2.778
|
|
package components
|
|
|
|
//lint:file-ignore SA4006 This context is only used if a nested component is present.
|
|
|
|
import "github.com/a-h/templ"
|
|
import templruntime "github.com/a-h/templ/runtime"
|
|
|
|
import (
|
|
"fmt"
|
|
"strings"
|
|
)
|
|
|
|
// AvatarSize represents the size of the avatar.
|
|
type AvatarSize string
|
|
|
|
const (
|
|
AvatarSizeSmall AvatarSize = "small"
|
|
AvatarSizeMedium AvatarSize = "medium"
|
|
AvatarSizeLarge AvatarSize = "large"
|
|
)
|
|
|
|
// AvatarProps defines the properties for the Avatar component.
|
|
type AvatarProps struct {
|
|
// ImageSrc is the URL of the avatar image.
|
|
// If empty, initials will be used.
|
|
ImageSrc string
|
|
|
|
// Name is used to generate initials if ImageSrc is empty.
|
|
Name string
|
|
|
|
// Size determines the size of the avatar.
|
|
// Default: AvatarSizeMedium
|
|
Size AvatarSize
|
|
|
|
// Class specifies additional CSS classes to apply to the avatar.
|
|
Class string
|
|
|
|
// Attributes allows passing additional HTML attributes to the avatar element.
|
|
Attributes templ.Attributes
|
|
}
|
|
|
|
// getInitials generates initials from the given name.
|
|
func AvatarInitials(name string) string {
|
|
parts := strings.Fields(name)
|
|
initials := ""
|
|
for i, part := range parts {
|
|
if i > 1 {
|
|
break
|
|
}
|
|
if len(part) > 0 {
|
|
initials += string(part[0])
|
|
}
|
|
}
|
|
return strings.ToUpper(initials)
|
|
}
|
|
|
|
// getSizeClasses returns the CSS classes for the given avatar size.
|
|
func AvatarSizeClasses(size AvatarSize) string {
|
|
switch size {
|
|
case AvatarSizeSmall:
|
|
return "w-8 h-8 text-xs"
|
|
case AvatarSizeLarge:
|
|
return "w-16 h-16 text-xl"
|
|
default:
|
|
return "w-12 h-12 text-base"
|
|
}
|
|
}
|
|
|
|
// Avatar renders an avatar component based on the provided props.
|
|
// It displays an image if ImageSrc is provided, otherwise it shows initials.
|
|
//
|
|
// Usage:
|
|
//
|
|
// @components.Avatar(components.AvatarProps{
|
|
// ImageSrc: "https://example.com/avatar.jpg",
|
|
// Name: "John Doe",
|
|
// Size: components.AvatarSizeMedium,
|
|
// Class: "border-2 border-blue-500",
|
|
// })
|
|
//
|
|
// Props:
|
|
// - ImageSrc: The URL of the avatar image. Default: "" (empty string)
|
|
// - Name: The name used to generate initials if ImageSrc is empty. Default: "" (empty string)
|
|
// - Size: The size of the avatar (AvatarSizeSmall, AvatarSizeMedium, AvatarSizeLarge). Default: AvatarSizeMedium
|
|
// - Class: Additional CSS classes to apply to the avatar. Default: "" (empty string)
|
|
// - Attributes: Additional HTML attributes to apply to the avatar element. Default: nil
|
|
func Avatar(props AvatarProps) templ.Component {
|
|
return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
|
|
templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
|
|
if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
|
|
return templ_7745c5c3_CtxErr
|
|
}
|
|
templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
|
|
if !templ_7745c5c3_IsBuffer {
|
|
defer func() {
|
|
templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
|
|
if templ_7745c5c3_Err == nil {
|
|
templ_7745c5c3_Err = templ_7745c5c3_BufErr
|
|
}
|
|
}()
|
|
}
|
|
ctx = templ.InitializeContext(ctx)
|
|
templ_7745c5c3_Var1 := templ.GetChildren(ctx)
|
|
if templ_7745c5c3_Var1 == nil {
|
|
templ_7745c5c3_Var1 = templ.NopComponent
|
|
}
|
|
ctx = templ.ClearChildren(ctx)
|
|
var templ_7745c5c3_Var2 = []any{
|
|
"inline-flex items-center justify-center rounded-full bg-muted",
|
|
AvatarSizeClasses(props.Size),
|
|
props.Class,
|
|
}
|
|
templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...)
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
var templ_7745c5c3_Var3 string
|
|
templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(templ.CSSClasses(templ_7745c5c3_Var2).String())
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ.Error{Err: templ_7745c5c3_Err, FileName: `pgk/components/avatar.templ`, Line: 1, Col: 0}
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, props.Attributes)
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(">")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
if props.ImageSrc != "" {
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<img src=\"")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
var templ_7745c5c3_Var4 string
|
|
templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(props.ImageSrc)
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ.Error{Err: templ_7745c5c3_Err, FileName: `pgk/components/avatar.templ`, Line: 93, Col: 24}
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" alt=\"")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
var templ_7745c5c3_Var5 string
|
|
templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%s's avatar", props.Name))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ.Error{Err: templ_7745c5c3_Err, FileName: `pgk/components/avatar.templ`, Line: 94, Col: 48}
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"w-full h-full object-cover rounded-full\">")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
} else {
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<span class=\"font-medium text-muted-foreground\">")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
var templ_7745c5c3_Var6 string
|
|
templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(AvatarInitials(props.Name))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ.Error{Err: templ_7745c5c3_Err, FileName: `pgk/components/avatar.templ`, Line: 99, Col: 32}
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span>")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
}
|
|
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
|
|
if templ_7745c5c3_Err != nil {
|
|
return templ_7745c5c3_Err
|
|
}
|
|
return templ_7745c5c3_Err
|
|
})
|
|
}
|
|
|
|
var _ = templruntime.GeneratedTemplate
|