Ответы пользователя по тегу Haml
  • HAML как вставить картинку с атрибутами?

    @CapeRatel
    -if current_user
      %img{ :src => "//domen/path", :style => "width: 1px;height: 1px; position: absolute;left: -100000px;top: -100000px;"}


    Отступ же. На проверке всегда нужно. Вы же вкладываете в проверку.
    А вообще лучше slim <3
    Ответ написан
    6 комментариев
  • Где можно почитать хорошие туториалы по принципам работы шаблонизаторов Haml, Slim?

    @CapeRatel
    Слим очень прост. Работает на отступах.
    Есть переменая @orders (Массив с заказами)
    - @orders.each do |order|
      = order.title
      br
      = order.price
      .class#id(style="background: yellow;")
        - if order.price > 200
          p Это тег p и цена больше 200
        - else
          h2 Это тег h2
          span(style="color: red") А тут мы вставим прайс из руби кода внутри строки #{order.price} вот так

    Ставишь "равно" когда надо юзеру показывать хелперы или данные из переменной
    Ставишь "Тире" когда не надо. Используем циклы и проверки if else
    Мы не пишем div если у него есть class или id.
    Синтаксис как в css
    .class -  пишется с точкой перед названием класса
    .header-menu
    #id - id пишется через хэш
    #menu
    #toggle-menu

    можно компоновать
    #toggle-menu.red.col-md-4.some-class(style="display: inline-block") А пробел поставил и уже текст

    хочешь родной синтаксис пишешь в скобках
    #menu(class="red white col-md-10 pull-right" data-menu="toggle")


    Это не все, но надеюсь немного понятно.
    Ответ написан
    2 комментария