frontend/marko/page/data/components/data-menu/index.marko

<menu user=input.user>
  <menu-header>List</menu-header>
  <menu-link key="characters" selected=input.selected.characters icon="C" href="/data/characters/">Characters</menu-link>
  <menu-link key="channels" selected=input.selected.channels icon="#" href="/data/channels/">Channels</menu-link>
  <menu-link key="history" selected=input.selected.changes icon="H" href="/data/changes/">History</menu-link>
  <if-permitted user=input.user permission=["member", "character.add", "channel.add"]>
    <menu-gap />
    <menu-header>Add</menu-header>
    <if-permitted user=input.user permission=["character.add", "member"]>
      <menu-link dark key="characters_add" icon="+" on-click("emit", "open", "character.add")>Character</menu-link>
    </if-permitted>
    <if-permitted user=input.user permission="channel.add">
      <menu-link dark key="channels_add" icon="+" on-click("emit", "open", "channel.add")>Channel</menu-link>
    </if-permitted>
  </if-permitted>
</menu>