#
# You can define subclass and override methods head and body
#
+# ~~~nitish
# class MyPage
# super HTMLPage
# redef body do add("p").text("Hello World!")
# end
+# ~~~
#
# HTMLPage use fluent interface so you can chain calls as:
-# add("div").attr("id", "mydiv").text("My Div")
+#
+# ~~~nitish
+# add("div").attr("id", "mydiv").text("My Div")
+# ~~~
class HTMLPage
- super Streamable
+ super Writable
# Define head content
fun head do end
end
# Add a html tag to the current element
+ #
+ # ~~~nitish
# add("div").attr("id", "mydiv").text("My Div")
+ # ~~~
fun add(tag: String): HTMLTag do
var node = new HTMLTag(tag)
current.add(node)
end
# Add a raw html string
+ #
+ # ~~~nitish
# add_html("<a href='#top'>top</a>")
- fun add_html(html: String) do current.add(new HTMLRaw(html))
+ # ~~~
+ fun add_html(html: String) do current.add(new HTMLRaw("", html))
# Open a html tag
+ #
+ # ~~~nitish
# open("ul")
# add("li").text("item1")
# add("li").text("item2")
# close("ul")
+ # ~~~
fun open(tag: String): HTMLTag do
stack.push(current)
current = add(tag)
end
end
+# An HTML element.
class HTMLTag
- super Streamable
+ super Writable
- # HTML tagname: 'div' for <div></div>
+ # HTML element type.
+ #
+ # `"div"` for `<div></div>`.
var tag: String
- init(tag: String) do
- self.tag = tag
+ init do
self.is_void = (once ["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]).has(tag)
end
#
# assert (new HTMLTag("img")).is_void == true
# assert (new HTMLTag("p")).is_void == false
- var is_void: Bool
+ var is_void: Bool is noinit
+ # Create a HTML elements with the specifed type and attributes.
init with_attrs(tag: String, attrs: Map[String, String]) do
self.tag = tag
self.attrs = attrs
var attrs: Map[String, String] = new HashMap[String, String]
# Get the attributed value of 'prop' or null if 'prop' is undifened
+ #
# var img = new HTMLTag("img")
# img.attr("src", "./image.png").attr("alt", "image")
# assert img.get_attr("src") == "./image.png"
end
# Set a 'value' for 'key'
+ #
# var img = new HTMLTag("img")
# img.attr("src", "./image.png").attr("alt", "image")
- # assert img.write_to_string == """<img src="./image.png" alt="image"/>"""
+ # assert img.write_to_string == """<img src="./image.png" alt="image"/>"""
fun attr(key: String, value: String): HTMLTag do
attrs[key] = value
return self
end
# Add a CSS class to the HTML tag
+ #
# var img = new HTMLTag("img")
# img.add_class("logo").add_class("fullpage")
# assert img.write_to_string == """<img class="logo fullpage"/>"""
var classes: Set[String] = new HashSet[String]
# Add multiple CSS classes
+ #
# var img = new HTMLTag("img")
# img.add_classes(["logo", "fullpage"])
# assert img.write_to_string == """<img class="logo fullpage"/>"""
end
# Set a CSS 'value' for 'prop'
+ #
# var img = new HTMLTag("img")
# img.css("border", "2px solid black").css("position", "absolute")
# assert img.write_to_string == """<img style="border: 2px solid black; position: absolute"/>"""
private var css_props: Map[String, String] = new HashMap[String, String]
# Get CSS value for 'prop'
+ #
# var img = new HTMLTag("img")
# img.css("border", "2px solid black").css("position", "absolute")
# assert img.get_css("border") == "2px solid black"
end
# Add a HTML 'child' to self
+ #
# var ul = new HTMLTag("ul")
# ul.add(new HTMLTag("li"))
# assert ul.write_to_string == "<ul><li></li></ul>"
var children: Set[HTMLTag] = new HashSet[HTMLTag]
# Clear all child and set the text of element
+ #
# var p = new HTMLTag("p")
# p.text("Hello World!")
# assert p.write_to_string == "<p>Hello World!</p>"
- # Text is escaped see: `standard::String::html_escape`
+ # Text is escaped see: `core::String::html_escape`
fun text(txt: String): HTMLTag do
children.clear
end
# Append text to element
+ #
# var p = new HTMLTag("p")
# p.append("Hello")
# p.add(new HTMLTag("br"))
# p.append("World!")
# assert p.write_to_string == "<p>Hello<br/>World!</p>"
- # Text is escaped see: standard::String::html_escape
+ # Text is escaped see: core::String::html_escape
fun append(txt: String): HTMLTag do
- add(new HTMLRaw(txt.html_escape))
+ add(new HTMLRaw("", txt.html_escape))
return self
end
#
# Note: the HTML in insered as it, no verification is done.
fun add_raw_html(txt: String): HTMLTag do
- add(new HTMLRaw(txt))
+ add(new HTMLRaw("", txt))
return self
end
private class HTMLRaw
super HTMLTag
- private var content: String
- init(content: String) do self.content = content
+ var content: String
redef fun render_in(res) do res.add content
end