jSmart conditional & loop statement are not working with React-JS.

[madoffcharles]

In my React-JS Project, I am trying to use the smarty template. It is working for variables but it is not working at all for the loop and conditional statement.
I have following code written in my template :
Following Data From Template
<div>
Simple Data Passing <br/>
<h1>{$data}</h1>
<hr/>
for loop code : <br/>
{$ar = ['a','b','c','d']}
{for $i=0 to $ar|count-1 max=3}
{$ar[$i]}
{/for}
<hr />
if statement : <br/>
{assign var='xyz' value="1"}
{if '1' eq $xyz }
if condition working
{else}
if condition is not working
{/if}
</div>

Which is giving following output :
<div>Simple Data Passing <br>
<h1>Hello World</h1>
<hr>
for loop code : <br>

<hr>
if statement : <br>
{if '1' eq $xyz }
if condition working
{else}
if condition is not working
{/if}
</div>

Here I am passing the $data as "Hello World" it is working properly, but the below of for each is not working.
So could you please help me with this?

[umakantp]

You have to register count modifier yourself in the new jSmart version. It has been removed in new version like Smarty did. Here is smarty link documentation which shows no mention of |count modifier:- https://www.smarty.net/docs/en/language.modifiers.tpl

Below is an example of the count modifier:-

jsmart.prototype.registerPlugin(
    'modifier',
    'count',
    function (a) {
      return a.length;
    }
  );

[umakantp]

Hi @madoffcharles

I investigated and found that even though the count modifier documentation doesn't exist it still works in case of PHP Smarty.

In that case, I'm adding the count modifier again.

[umakantp]

Your if comes as it is because there is space at the end of curly brace in if statement
{if '1' eq $xyz }

It should be

{if '1' eq $xyz}

Read more about it on https://github.com/umakantp/jsmart/wiki/auto_literal

[umakantp]

Now that I have pushed changes and new version will be released with the fix i.e. having count method, I'closing the bug.