Opetushallitus/eperusteet-opintopolku

.sivunavi-outer
  #sivunavi-valikko-nappi.sivunavi-toggler(ng-click='toggleSideMenu()', ng-class="menuCollapsed ? 'sivunavi-valikko-collapsed' : 'sivunavi-valikko-open'", ng-attr-title="{{menuCollapsed && ('sivunavigointi-avaa-menu' | kaanna) || ('sivunavigointi-sulje-menu' | kaanna)}}", ng-style='{top: scrollTop}')
    .sivunavi-valinta
      span.glyphicon.glyphicon-align-justify
  .sivunavi-box.sivunavi-collapsed(ng-class="{'sivunavi-collapsed': menuCollapsed, 'sivunavi-open': !menuCollapsed}", ng-style='{top: scrollTop}')
    .list-group(off-click='toggleSideMenu()', off-click-filter='#sivunavi-valikko-nappi', off-click-if='!menuCollapsed')
      .list-group-item.header(ng-if='header')
        span(kaanna='header')
        span.glyphicon.glyphicon.glyphicon-remove.pull-right.action-link.hidden-lg(ng-click='toggleSideMenu()')
      .list-group-item(ng-show='hasTransclude')
        .sivunavi-tc-item
          #sivunavi-tc(ng-transclude='')
        div(ng-if='!sections && !disableRajaus')
          rajaus(size='small', model='search.term', placeholder='etsi-sisallosta')
      // Perusopetus valikko
      div(ng-if='sections')
        uib-accordion(close-others='showOne')
          .panel-default(uib-accordion-group, ng-repeat='section in sections', is-open='section.$open')
            uib-accordion-heading
              span(ng-click='onSectionChange(section)', ng-bind='section.title | kaanna')
            div(ng-if='section.include', ng-include='section.include')
            .list-group(ng-if='!section.include')
              a.list-group-item.item(
                ng-repeat="item in section.items"
                ng-class="itemClasses(item)"
                ng-href="{{item.href}}"
                ng-hide="!item.$matched || item.root || (!search.term && (item.$hidden || item.$impHidden))")
                .toggler
                  span.glyphicon(ng-show='!item.$leaf', ng-click='toggle(section.items, item, $event)', ng-class="{'glyphicon-chevron-right': item.$collapsed, 'glyphicon-chevron-down': !item.$collapsed}")
                span.linktext(ng-class="{'action-link': !!item.href}", ep-highlight='search.term', ng-bind='item.label | kaanna')
      // Yksinkertainen valikko
      div(ng-if='!sections')
        .list-group-item.rajaus(ng-if='!disableRajaus')
          rajaus(size='small', model='search.term', placeholder='etsi-sisallosta')
        a.list-group-item.item.items-item(
            ng-repeat='item in items'
            ng-class='itemClasses(item)'
            ng-href='{{item.href}}'
            ng-hide="!item.$matched || item.root || (!search.term && (item.$hidden || item.$impHidden))")
          .toggler
            span.glyphicon(ng-show="!item.$leaf", ng-click='toggle(items, item, $event)', ng-class="{'glyphicon-chevron-right': item.$collapsed, 'glyphicon-chevron-down': !item.$collapsed}")
            span.ep-icon(ng-show="item.$leaf && !item.$glyph", ng-class="item.$type ? item.$type : 'ep-text'")
            span(ng-show="item.$leaf && item.$glyph", icon-role='{{item.$glyph}}')
          span.linktext(ng-class="{'action-link': !!item.href}", ep-highlight='search.term', ng-bind='item.label|kaanna')


        .list-group-item(ng-show="!hasResults && search.term")
          p.no-results(kaanna="'ei-tuloksia'")
    #sivunavi-footer-content