[benthroop]

Hey I’m modifying the Square theme to always display a list of all posts on the left hand side. This is going well so far, but I am confused about how to do something.

I iterate over all posts via @website.contentStructure.posts and build the list and inside there am attempting to check if the currently iterated over post is the one that is being build from #post. This causes a syntax error when building in Publii. This is probably rooted in my misunderstanding of how the variables are scoped in Publii’s way of using Handlebars.

<h1>All Posts</h1>

• {{#each @website.contentStructure.posts}} {{#unless isHidden}}
  • {{#checkIf #post.id ‘==’ id}} //DISPLAY CURRENT POST IN LIST SOMEHOW DIFFERENTLY {{else}} {{title}} {{date createdAt @config.custom.formatDate}} {{/checkIf}}

{{/unless}} {{/each}}

 

What would be the right way to do this?

Thanks

[Bob]

Try this way:

<div>
   <h1>All Posts</h1>
   <ul> 
     {{#each @website.contentStructure.posts}} 
        <li> 
           <a href="{{url}}" rel="nofollow"> <strong>{{title}}</strong> </a>
        </li> 
     {{/each}} 
   </ul>
</div>

 

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[benthroop]

Hey Bob,

That’s what I’m doing. My question maybe was unclear. I’m trying to style the currently displayed post differently than the rest. The #checkif in my code is what’s trying to do that, and the // comment is where that alternate styling would be. Other than that, my code is functionally the same as what you posted.

[benthroop]

Ultimately this is about the “evaluation context” in Handlebars. I’m trying to access the context of #post inside of an #each that changes the context to the iterated upon post. I’m not clear on if this is possible, and if it isn’t, what I would do instead.

[benthroop]

Ok I have a solution. It doesn’t work unless the site is deployed and URLs are real. Here it is:

                <br>
        <h1>All Posts</h1>
        

        {{#each @website.contentStructure.posts}}
        {{#unless isHidden}}
          

                    {{#checkIf @website.pageUrl '==' url}}
                        <!-- Different styling would go here -->
                    {{else}}
                        
                       {{title}} {{date createdAt @config.custom.formatDate}}
                
                    {{/checkIf}}    
                    
        {{/unless}}
        {{/each}}
        
        

Still, I’d like to understand if I can get at the current Post from inside an #each over the website’s posts. However, I’m all set with this problem.

[Author]

Posts