codecombat/app/templates/play/level/tome/spell_palette.jade

span.code-palette-background
if entryGroupSlugs
  // Non-hero; group by entry groups, or maybe nothing.
  ul(class="nav nav-pills" + (tabbed ? ' multiple-tabs' : ''))
    each slug, group in entryGroupSlugs
      li(class=group == "this" || slug == "available-spells" ? "active" : "")
        a(data-toggle="pill", data-target='#palette-tab-' + slug)
          h4= entryGroupNames[group]
  .tab-content
    each slug, group in entryGroupSlugs
      div(id="palette-tab-" + slug, class="tab-pane nano" + (group == "this" || slug == defaultGroupSlug ? " active" : ""))
        div(class="properties properties-" + slug + " nano-content")

else if tabs
  // Hero; group by items, but also include tabs
  ul(class="nav nav-pills multiple-tabs")
    li.active
      a(data-toggle="pill", data-target="#palette-tab-this")
        h4= thisName
    each entries, tab in tabs
      li
        a(data-toggle="pill", data-target='#palette-tab-' + _.string.slugify(tab))
          h4= tab
  .tab-content
    div#palette-tab-this.tab-pane.active
      .properties.properties-this
    each entries, tab in tabs
      div(id="palette-tab-" + _.string.slugify(tab), class="tab-pane")
        div(class="properties properties-" + _.string.slugify(tab))

else
  // Hero; group by items, no tabs.
  if showsHelp
    button.btn.btn-sm.btn-info.banner#spell-palette-help-button(data-i18n="common.help")
    .properties.properties-this
  else
    .properties.properties-this.no-help