frontend/marko/page/logs-content/components/logs-content-menu/index.marko

<menu user=input.user>
  <if-permitted user=input.user permission="post.add">
    <menu-header>Log</menu-header>
    <menu-link dark key="_create" on-click("select", "post.add", null) icon="+">Add Post</menu-link>
    <menu-gap />
  </if-permitted>
  <menu-header>Channel</menu-header>
  <menu-link href=("/logs/?channels="+encodeURIComponent(input.log.channel.name)) icon="#">${input.log.channel.name}</menu-link>
  <menu-gap />
  <if(input.log.eventName)>
    <menu-header>Event</menu-header>
    <menu-link href=("/logs/?events="+input.log.eventName) icon="E">${input.log.eventName}</menu-link>
    <menu-gap />
  </if>
  <if(input.log.characters.length > 0)>
    <menu-header>Characters</menu-header>
    <for(character in input.log.characters)>
      <menu-link weak=(state.highlights.length > 0 && !state.highlights.includes(character.id)) 
                 icon="C"
                 on-click("toggleHighlight", character.id)>
        ${character.name} <span class="weak">(${character.author})</span>
      </menu-link>
    </for>
    <menu-gap />
  </if>
</menu>