Public
- Public
- Network
- Groups
- Popular
- People

Screenshot of code: <ul id='messages' @htmx:load='${js` showPlaceholder = false $el.scrollTop = $el.scrollHeight `}'> <if ${db.messages.length === 0}> <then> <li id='placeholder' x-show='showPlaceholder'> No messages yet, why not send one? </li> <else> ${db.messages.map(message => html`<${Message} message=${message} />`)} </if> </ul>

Download link

Screenshot of code: <ul id='messages' @htmx:load='${js` showPlaceholder = false $el.scrollTop = $el.scrollHeight `}'> <if ${db.messages.length === 0}> <then> <li id='placeholder' x-show='showPlaceholder'> No messages yet, why not send one? </li> <else> ${db.messages.map(message => html`<${Message} message=${message} />`)} </if> </ul>
https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/000/070/166/944/738/original/741ae622f935dc94.png

Notices where this attachment appears

Aral Balkan (aral@mastodon.ar.al)'s status on Saturday, 11-Mar-2023 02:06:05 JST Aral Balkan
in reply to

Right, I just made the end tags for <then> and <else> optional so now you can also write your conditionals like this! :)
https://codeberg.org/kitten/app
#Kitten #SmallWeb #conditionals #markup

In conversation Saturday, 11-Mar-2023 02:06:05 JST from mastodon.ar.al permalink