Issue
#js_if
is true
where it should be false
code
{{#each reverse="true" items}} {{#js_if
"this.Status === 'Completed'"}}
<tr key="this.MilestoneId" class="completed">
<td>{{this.MilestoneName}}</td>
<td>
{{#if this.FilePath}}<a
class="splitlink external"
href="{{this.FilePath}}"
><i class="icon material-icons">find_in_page</i></a
>{{/if}}<i class="icon material-icons">check</i>
</td>
</tr>
{{/js_if}} {{#js_if "this.Status === 'In Progress'"}}
<tr key="this.MilestoneId">
<td>{{this.MilestoneName}}</td>
<td>
{{#if this.FilePath}}<a
class="splitlink external"
href="{{this.FilePath}}"
><i class="icon material-icons">find_in_page</i></a
>{{/if}}<small>In Progress</small>
</td>
</tr>
{{/js_if}} {{#js_if "this.Status === 'Not Started'"}}
<tr key="this.MilestoneId">
<td>{{this.MilestoneName}}</td>
{{#if this.FilePath}}
<td>
<a class="splitlink external" href="{{this.FilePath}}"
><i class="icon material-icons">find_in_page</i></a
>
</td>
{{else}}
<td></td>
{{/if}}
</tr>
{{/js_if}} {{/each}}
data:
items:[{
FilePath:null
MilestoneId:54543
MilestoneName:"milestone started"
Status:"In Progress"
}]
both Completed
and In Progress
conditions become true
and rendering falsy data
on UI where it should only render UI for In Progress
condition
Thank you