Inline Variables in JS Script for HAML

Question

So I've written this code for erb awhile ago

<% if @posting.pictures.blank? %>
<% else %>
    <script>
        $("#slider-posting").vegas({
            slides: [
                    <%- @posting.pictures.each do |p| %>
                        {src: '<%=p.url%>'},
                    <%- end %>
            ],
            transition: 'slideLeft'
        });
    </script>
<% end %>

I'm having a bit of trouble converting it to HAML.

Trying conversion based on http://html2haml.herokuapp.com/

- if @posting.pictures.blank?
- else
  :javascript
    $("#slider-posting").vegas({
                slides: [
    <haml_silent>                    @posting.pictures.each do |p| 
    </haml_silent><haml_block>                      {src: '#{p.url}'},
    </haml_block>           ],
                transition: 'slideLeft'
            });

Causes the following error

undefined method `url' for nil:NilClass

on this line

</haml_silent><haml_block>                        {src: '#{p.url}'},

i did, i don't believe the conversion went too well though. Editing post to show results + test — Kishe, Jan 27 '16 at 06:14
This might help: http://stackoverflow.com/questions/2640863/ruby-methods-within-javascript-within-haml — Peter de Ridder, Jan 27 '16 at 06:42

Long Nguyen · Accepted Answer · 2016-01-27T07:03:57.547

1

try this

- if @posting.pictures.blank?
- else
  :javascript
    $("#slider-posting").vegas({
      slides: [
        #{
          @posting.pictures.map { |p| "{src: '#{p.url}'}"}.join(',')
        }
      ],
      transition: 'slideLeft'
    });

edited Jan 27 '16 at 07:03

answered Jan 27 '16 at 06:43

Long Nguyen

373
2
9

I'm getting this while trying your code: undefined method `-@' for # – Kishe Jan 27 '16 at 06:50

score 0 · Answer 2 · answered Jan 27 '16 at 06:41

0

Have you tried omitting ? after if statement, it's normally used when you're using ternary operator in your code, so please try omitting that part and try again.

answered Jan 27 '16 at 06:41

Rahul Kumar Das

101
2

That ? is part of the method name `blank?` – Martin Schneider Jan 27 '16 at 06:44

Inline Variables in JS Script for HAML

2 Answers2