web.components #

fn icon_ellipsis() string

fn kanban_example() KanbanViewData

fn markdown(path string) !Markdown

fn to_struct[T](t T) Struct

interface IComponent {
	html() string
}

interface ILayout {
	html() string
mut:
	main IComponent
}

interface IView {
	html() string
}

enum HeadingLevel {
	one = 1
	two
	three
	four
	five
}

enum ImageType {
	@none
	thumbnail
}

enum PriorityEnum {
	critical
	urgent
	normal
	low
	no
}

struct Anchor {
pub:
	href    string
	content string
}

Define HTML element structs implementing the IComponent interface

struct Breadcrumbs {
pub:
	anchors []Anchor // anchors for breadcrumbs
	label   string   // label of current page
}

fn (breadcrumbs Breadcrumbs) html() string

struct Button {
	Unpoly
pub mut:
	onclick  string
	typ      string
	content  string
	navigate string // the route the button is to navigate to, if it is
}

fn (button Button) html() string

struct Cell {
pub:
	content string
}

fn (component Cell) html() string

struct Chat {
pub:
	messages []Message
}

fn (chat Chat) html() string

struct Dashboard {
pub:
	user string
}

fn (component Dashboard) html() string

struct Dropdown {
pub:
	label string
	items []NavItem
}

fn (dropdown Dropdown) html() string

struct Event {
pub:
	swimlane string
	subject  string
	deadline string
	link     string
	color    ColorEnum
	assigned string
	priority PriorityEnum
	labels   string // comma separated
}

struct Feed {
pub:
	feed []Post
}

fn (feed Feed) html() string

struct Field {
pub:
	name  string
	ftype string // data type of the field (e.g., string, int, bool, map, array)
	value string // value of the field as a string
}

struct Form {
pub:
	id      string
	content IComponent
}

fn (form Form) html() string

struct Group {
pub:
	components []IComponent
}

fn (group Group) html() string

struct Head {
pub:
	title   string
	links   []Link
	scripts []Script
}

fn (head Head) html() string

struct Heading {
pub:
	content string
	level   HeadingLevel
}

fn (heading Heading) html() string

struct HeadingGroup {
pub:
	components []IComponent
}

fn (component HeadingGroup) html() string

struct IFrame {
pub mut:
	source string
}

fn (iframe IFrame) html() string

struct Image {
pub:
	typ    ImageType
	source string
}

fn (image Image) html() string

struct IncrementalInput {
pub:
	label string
	typ   string
}

fn (input IncrementalInput) html() string

struct Input {
pub:
	id          string
	name        string
	label       string
	placeholder string
	required    bool
	typ         string
	value       string
}

fn (input Input) html() string

struct KanbanViewData {
pub:
	swimlanes []Swimlane
	events    []Event
}

fn (data KanbanViewData) html() string

struct Link {
	rel             string
	@as             string
	href            string
	data_precedence string
	fetch_priority  string
}

fn (link Link) html() string

struct ListItem {
	children []IComponent
}

struct Markdown {
pub:
	doc elements.Doc
}

fn (md Markdown) html() string

struct MarkdownContent {
pub mut:
	nav     string
	content string
	title   string
}

struct Message {
pub:
	timestamp string
	sender    string
	content   string
}

struct Nav {
pub mut:
	items []IComponent
}

fn (nav Nav) html() string

struct NavItem {
pub mut:
	href       string
	text       string
	class_name ?string
}

fn (item NavItem) html() string

struct Navbar {
pub mut:
	brand      NavItem
	logo       Image
	items      []IComponent
	user_label string // the label of the user button
}

fn (navbar Navbar) html() string

struct Opt {
pub:
	content string
	value   string
}

fn (option Opt) html() string

struct PDFViewer {
pub:
	name         string
	pdf_url      string
	log_endpoint string
}

fn (component PDFViewer) html() string

struct Page {
pub mut:
	heading PageHeading
	content IComponent
	scripts []Script
}

fn (page Page) html() string

struct PageHeading {
pub:
	title       string
	subtitle    string
	buttons     []Button
	breadcrumbs ?Breadcrumbs
}

fn (heading PageHeading) html() string

struct Paragraph {
pub:
	content string
}

struct Post {
pub:
	timestamp   string
	user        string
	typ         string @[json: 'type'] // Can be "text", "news", or "image"
	content     string
	description string // Only for image posts, optional
}

struct Row {
pub:
	cells []Cell
}

fn (component Row) html() string

struct Script {
pub:
	source string
	async  string
}

fn (script Script) html() string

struct SearchBar {
pub:
	route string
}

fn (input SearchBar) html() string

struct Select {
pub:
	name    string
	options []Opt
}

fn (input Select) html() string

struct Sidebar {
pub mut:
	items []NavItem
}

fn (sidebar Sidebar) html() string

struct Struct {
pub:
	typ    string
	fields []Field
}

struct Swimlane {
pub:
	name  string
	color ColorEnum
}

struct Table {
pub:
	headers []string
	rows    []Row
}

fn (table Table) html() string

struct UnorderedList {
	children []IComponent
}

struct Unpoly {
pub:
	up_link string
}

fn (unpoly Unpoly) html() string

struct View {
pub mut:
	head   Head
	layout ILayout
}

fn (view View) html() string