Haml рендерит несколько частей в макете - PullRequest
Новая
       43

Haml рендерит несколько частей в макете

6 голосов
/ 25 сентября 2010

Как правильно сделать отступ для кода?

app / views / layouts / shared.html.haml: 

= render :partial => "shared/head"
= yield
= render :partial => "shared/footer"

app / views / shared / _head.html.haml: 

!!!XML
!!!1.1
%html{"xml:lang" => "pl", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %title
      some title
  %body
    .container

app / views / shared / index.html.haml: 

%p
  Hello World!

app / views / shared / _footer.html.haml: 

.footer
  Some copyright text

Визуализированный вывод HTML: 

<!DOCTYPE html> 
<html xml:lang='pl' xmlns='http://www.w3.org/1999/xhtml'> 
  <head> 
    <title> 
      some title
    </title> 
  </head> 
  <body> 
    <div class='container'></div> 
  </body> 
</html> 
<p> 
  Hello World!
</p> 
<div id='footer'> 
 Some copyright text
</div>

Ответы [ 2 ]

5 голосов
/ 25 сентября 2010

Вы должны использовать app/views/layout для этого и yield фактическое содержание:

Пример

Обновление

app/views/layout/shared.html.haml: 

!!! 1.1
%html
  = render "shared/head"
  %body
    .container
      = yield
  = render "shared/foot"
1 голос
/ 15 января 2012

Похоже, я довольно поздно здесь на вечеринке, но, возможно, кто-то еще столкнется с этим и должен будет решить ту же проблему (как я делал этим вечером).

В моем случае, у меня естьболее сложная настройка для открывающего тега HTML и несколько разных макетов, поэтому я не хотел повторения.Мой открывающий тег HTML имеет условия для разных версий IE и изначально выглядел примерно так: 

- # /app/views/layouts/shared/_head.html.haml

!!! 5
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie ie9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
%html{ 'xml:lang' => 'en', lang: 'en', class: 'no-js'}
  <!--<![endif]-->
  %head
  - # and so on...

У меня была такая же проблема с преждевременным завершением </html>, поэтому я вырвал тег HTML из части _head(оставив там тег head) и создал следующий помощник для решения проблемы: 

# /app/helpers/application_helper.rb

module ApplicationHelper
  def render_html_tag(&block)
    markup = capture_haml &block
    haml = Haml::Engine.new <<-HAML
!!! 5
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie ie9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
%html{ 'xml:lang' => 'en', lang: 'en', class: 'no-js'}
  <!--<![endif]-->
  = markup
HAML

    obj = Object.new
    haml.def_method(obj, :render, :markup)
    obj.render(markup: markup)
  end
end

Это немного грязно и, возможно, его можно немного почистить, но основная идея - воспользоваться* def_method движка haml, который позволяет макету выглядеть примерно так: 

- # /app/views/layout/application.html.haml

= render_html_tag do
  = render 'layouts/shared/head'
  %body
    = yield
  = render 'layouts/shared/footer'
...