Inheritance in Slim template language

Question

With PHP using Twig I can do something like this:

layout.twig

<html>
<body>
{% block content %}{% endblock %}
</body>
</html>

form.twig

{% extends "layout.twig" %}
{% block content %}
<div class="form">{% block form %}{% endblock %}</div>
{% endblock %}

login.twig

{% extends form %}
{% block form %}
<form>
    <input type="text" name="email" />
    <input type="submit">
</form>
{% endblock %}

This way I have a layout for all pages, a layout for pages with forms and login page.

But with Slim I can specify only main layout that is parent for all templates:

layout.slim

html
  body ==yield

and special layouts for every page on my site:
login.slim

div.form
  form
    input type="text" name="email"
    input type="submit"

Is there a simple way to realize Twig-like inheritance with more than one level in Slim?

score 7 · Accepted Answer · 2013-05-31T10:53:28.957

7

It looks that I found the solution for Slim with Sinatra:

layout.slim

html
  body
    == yield

form.slim

== slim :layout
  div.form
    == yield

login.slim

== slim :form
  form
    input type="text" name="email"
    input type="submit"

edited May 31 '13 at 10:53

answered May 30 '13 at 19:34

score 0 · Answer 2 · answered May 30 '13 at 18:54

0

I believe that in Rails it doesn't exist something like template inheritance, but I believe that it isn't necessary with yield and content_for methods.

For example, you can have a _form.html.slim layout:

.form
  = yield

A _login.html.slim partial:

form
  input type="text" name="email" 
  input type="submit"

And when you want to display a login with the form layout, you should do something like:

= render partial: "login", layout: "form"

answered May 30 '13 at 18:54

Pigueiras

18,778
10
64
87

`render :partial => ...` is Rails-specific, but I use Sinatra. – May 30 '13 at 19:31
@therussianphysicist I didn't know it :). But it could be useful for other people. – Pigueiras May 30 '13 at 21:55

score 0 · Answer 3 · answered May 01 '15 at 11:04

0

login.html.slim

= render layout: 'form' do
  form
    input type="text" name="email"
    input type="submit"

answered May 01 '15 at 11:04

user2599889

1
2

Can you add a bit more explanation to your answer? – Joe Kennedy May 01 '15 at 13:32

Inheritance in Slim template language

3 Answers3