code
<ul class="bg-transparent postupdateul">
<!-- [STARTS] if loading then show skeleton view -->
{{#if ../loading}} {{#each '12345678910'}}
<li class="item-content skeleton-text skeleton-effect-fade">
<div class="item-media">
<div
class="skeleton-block"
style="width: 40px; height: 40px; border-radius: 50%"
></div>
</div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">Full Name</div>
</div>
<div class="item-subtitle">Position</div>
<div class="item-text">Aliquam vestibulum vitae lorem ac</div>
</div>
</li>
{{/each}}
<!-- [ENDS] if loading then show skeleton view -->
{{else}}
<!-- [STARTS] items received show list view (loading:false) -->
{{#each items}}
<li
key="{{this.ConstructionUpdateId}}"
id="{{this.ConstructionUpdateId}}"
>
<div class="item-content">
<div class="item-media">
<img
src="{{this.PostLogo}}"
class="post-logo lazy"
width="40"
height="40"
/>
</div>
<div class="item-inner">
<span class="text-dark font-weight-bold">Wedevelopment</span>
<div class="item-subtitle">
{{this.SocietyName}} • {{this.NewDate}}
</div>
</div>
</div>
<div class="text-dark padding-horizontal post-update ptr-ignore">
{{this.Caption}}
</div>
<!-- [STARTS] check path key if includes PNG -->
{{#js_if "(this.Path).includes('png') || (this.Path).includes('jpg')
|| (this.Path).includes('jpeg')"}}
<figure class="figure overlay elevation-3 ptr-ignore">
<!-- <img data-src="{{this.Path}}" id="{{this.ConstructionUpdateId}}" src="images/login-bg.png"
class="lazyload lazy-image" style="width:100%;height: auto;" /> -->
<img
src="{{this.Path}}"
loading="lazy"
id="{{this.ConstructionUpdateId}}"
alt="images/login-bg.png"
class=""
style="width: 100%; height: auto"
/>
{{#if this.LikeCount}}
<a
href="#"
class="overlay-btn liked"
data-ConstructionUpdateId="{{this.ConstructionUpdateId}}"
>
<i class="icon material-icons">thumb_up</i>
<span class="counter">{{this.CountStatus}}</span></a
>
{{else}}
<a
href="#"
class="overlay-btn"
data-ConstructionUpdateId="{{this.ConstructionUpdateId}}"
>
<i class="icon material-icons">thumb_up</i>
<span class="counter">{{this.CountStatus}}</span></a
>
{{/if}}
</figure>
{{else}}
<!-- Empty else for js_if -->
{{/js_if}}
<!-- [ENDS] check path key if includes PNG -->
</li>
{{/each}}
<!-- [ENDS] items received show list view (loading:false) -->
{{/if}}
</ul>
summary: I found Template7 useful . above code is not working. i’m sure that i’m wrong with #js_jf
helper.
Issues
a) what should proper syntax for
#js_if
b) inside#js_if
helper, doelse
expression required?
c) how to handle||
expression inside#js_if
Thank You