Writing JS if condition inside something.js.haml

Question

I'm writing some JS code inside something.js.haml as a response to a JS request. Sample code:

var users_list_container = jQuery("#user_list .manager_list");

if(users_list_container.length > 0) {
  alert(); //Doesn't work
  console.log("#{escape_javascript( render :partial => 'some' )}");
} else {
  //Some Code
}
alert();  //Works here

I get an ActionView::Template::Error (Illegal nesting: nesting within plain text is illegal.): line 5

If I remove spaces before console.log, the code doesn't throw this error. But, alert doesn't get executed inside if block, but it executes outside it.

Please suggest, how can I write JS if condition inside js.haml

Take a look at [this](http://stackoverflow.com/a/9744196/3475678) — Aleksey, Aug 01 '16 at 08:18
@Aleksey I need to use js.haml only. There is no point using **:javascript** inside **html.haml** if majority of my code is javascript — Abhi, Aug 01 '16 at 08:19
You cannot do this even in plain html. There is always `script` tag. — Aleksey, Aug 01 '16 at 08:21

score 1 · Accepted Answer · answered Aug 01 '16 at 08:22

You didn't follow haml syntax properly in you something.js.haml. You have to follow indentation in every view file. Below code work for you.

var users_list_container = jQuery("#user_list .manager_list");

if(users_list_container.length &gt; 0) {
alert();
console.log("\#{escape_javascript( render :partial =&gt; 'some' )}");
} else {
\//Some Code
}
alert();

Writing JS if condition inside something.js.haml

1 Answers1