Understanding this {xen:if} statement.

[TheBigK]

In Kier's ScratchPad Addon, the template scratchpad_index has this line -

<div id="ScratchpadNoNotes" class="secondaryContent {xen:if '{$notes}', 'hasNotes'}">There are no notes yet.</div>

I'm wondering what exactly is {xen:if '{$notes}', 'hasNotes'} doing?

My Guess: It's inserting class as 'hasNotes' if there are no notes.

Am I right?

 

[Mr. Goodie2Shoes]

{xen:if ...} is the same as PHP's short-hand conditional statement: http://davidwalsh.name/php-ternary-examples

{xen:if [condition], [what to add if the condition is true], [what to add if the condition is false]}

 

[Mr. Goodie2Shoes]

And you can keep the false part empty if you don't need it

{xen:if [condition], [what to add if the condition is true]}

 

[Paul B]

In the case of that example, it's adding the CSS class hasNotes to the div, if the $notes variable is true.

 

[TheBigK]

And you can keep the false part empty if you don't need it

{xen:if [condition], [what to add if the condition is true]}

Okay, what if I only want to insert the false condition?

In the case of that example, it's adding the CSS class hasNotes to the div, if the $notes variable is true.

Well, this is what the related CSS says -

#ScratchpadNoNotes.hasNotes
{
display: none;
}

So, what if $notes is false?

 

[Paul B]

If $notes is false, the hasNotes class won't be applied to the div.

 

[Mr. Goodie2Shoes]

Okay, what if I only want to insert the false condition?

{xen:if ![condition], [what to add if the condition is false]}

like for the example above:

{xen:if '!{$notes}', 'hasNotes'}

 

[TheBigK]

If $notes is false, the hasNotes class won't be applied to the div.

Oh okay! I thought it'd break syntax. If it's false, the output will be rendered only using "secondaryContent". Cool stuff!