wmexamples / src / html.erl

%% @author Bryan Fink
%% @doc Simple functions for generating HTML.  This first appeared
%%      in webmachine's wmtrace utility.  I'm extracting it to its
%%      own module for easy reuse.
%%      Example:
%%        html([],
%%             [body([],
%%                   [h1([], ["Hello, World!"]),
%%                    p([{"style", "font-type:italic"}],
%%                      "That's easy")
%%                   ])
%%             ])
%%      Should produce:
%%        <html><body>
%%        <h1>Hello, World!</h1>
%%        <p style="font-type:italic">That's easy</p>
%%        </body></html>
-module(html).
-compile(export_all).

-define(TAG(T), T(Attrs, Content) ->
                   tag(??T, Attrs, Content)).

?TAG(head).
?TAG(script).
?TAG(title).
?TAG(body).
?TAG(h1).
?TAG(h2).
?TAG(h3).
?TAG(ul).
?TAG(li).
?TAG(a).
?TAG(p).
?TAG(canvas).
?TAG(select).
?TAG(pre).
?TAG(span).
?TAG(button).
?TAG(em).
?TAG(strong).
?TAG(table).
?TAG(th).
?TAG(tr).
?TAG(td).

html(_Attrs, Content) ->
    [<<"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n">>,
     <<"<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">">>,
     Content,
     <<"</html>">>].

divblock(Attrs, Content) ->
    tag("div", Attrs, Content). %% div is a reserved word

linkblock(Attrs, Content) ->
    tag("link", Attrs, Content). %% link is a reserved word

tag(Name, Attrs, Content) ->
    ["<",Name,
     [ [" ",K,"=\"",V,"\""] || {K, V} <- Attrs ],
     if Content == empty -> "/>";
        true ->
             [">",
              Content,
              "</",Name,">"]
     end].
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.