V1.3: Templates


A template is a file that describes the body of a response. It is rendered by bounding the context of a view and using a template engine.

Naming

For simplicity sake, there is a correlation between the view class name and the template file name. It’s the translation of the name into a path: from Dashboard::Index to dashboard/index.

The remaining part is made of multiple file extensions. The first is relative to the format and the latter is for the template engine.

For a given view named Web::Views::Dashboard::Index, there must be at least one template dashboard/index.[format].[engine] under the templates directory.

Nested Templates

To render a partial in other template call render method with partial option:

# Given a partial under:
#   templates/shared/_sidebar.html.erb
#
# In the layout template:
#   templates/application.html.erb
#
<%= render partial: 'shared/sidebar' %>

To render a template in other template call render method with template option:

# Given a template under:
#   templates/articles/index.html.erb
#
# In the layout template:
#   templates/application.html.erb
#
<%= render template: 'articles/index' %>

Custom Template

If we want to associate a different template to a view, we can use template.

# apps/web/views/dashboard/index.rb
module Web::Views::Dashboard
  class Index
    include Web::View
    template 'home/index'
  end
end

Our view will look for apps/web/templates/home/index.* template.

Engines

Hanami looks at the last extension of a template file name to decide which engine to use (eg index.html.erb will use ERb). The builtin rendering engine is ERb, but Hanami supports countless rendering engines out of the box.

This is a list of the supported engines. They are listed in order of higher precedence, for a given extension. For instance, if ERubis is loaded, it will be preferred over ERb to render .erb templates.

Engine Extensions
Erubis erb, rhtml, erubis
ERb erb, rhtml
Redcarpet markdown, mkd, md
RDiscount markdown, mkd, md
Kramdown markdown, mkd, md
Maruku markdown, mkd, md
BlueCloth markdown, mkd, md
Asciidoctor ad, adoc, asciidoc
Builder builder
CSV rcsv
CoffeeScript coffee
WikiCloth wiki, mediawiki, mw
Creole wiki, creole
Etanni etn, etanni
Haml haml
Less less
Liquid liquid
Markaby mab
Nokogiri nokogiri
Plain html
RDoc rdoc
Radius radius
RedCloth textile
Sass sass
Scss scss
Slim slim
String str
Yajl yajl

In order to use a different template engine we need to bundle the gem and to use the right file extension.

# app/web/templates/dashboard/index.html.haml
%h1 Dashboard

Directory

Templates are located in the default directory templates, located under an application’s directory apps/web. If we want to customize this location, we can amend our application’s configuration.

# apps/web/application.rb
module Web
  class Application < Hanami::Application
    configure do
      # ...
      templates 'path/to/templates'
    end
  end
end

The application will now look for templates under apps/web/path/to/templates.