uib-tab(example-ctrl, ng-repeat='kwicTab in kwicTabs', select="instance.onentry()", deselect="instance.onexit()")
  uib-tab-heading(ng-class="{not_loading: progress == 100, loading : !instance.hasData}")
    | KWIC

    span(ng-click='$event.preventDefault();kwicTabs.splice($index, 1)', tab-spinner='tab-spinner')
  .results-kwic(ng-class="{reading_mode : exampleReadingMode, not_loading: !loading, loading : loading}", constr='ExampleResults' )
    include kwicresult
uib-tab(ng-repeat='data in graphTabs', graph-ctrl)
  uib-tab-heading(ng-class="{not_loading: progress > 99}")
    | {{'graph' | loc:lang}}
    .tab_progress(style="width:{{progress || 0}}%", ng-show="loading")
    span(ng-click='$event.preventDefault();graphTabs.splice($index, 1)', tab-spinner='tab-spinner')
  div.graph_tab(constr='GraphResults')
    .graph_header
      .controls()
        .btn-group.form_switch
          label.btn.btn-default.btn-sm(ng-model="$parent.mode", uib-btn-radio="'line'") {{'line' | loc:lang}}
          label.btn.btn-default.btn-sm(ng-model="$parent.mode", uib-btn-radio="'bar'") {{'bar' | loc:lang}}
          label.btn.btn-default.btn-sm(ng-model="$parent.mode", uib-btn-radio="'table'") {{'table' | loc:lang}}

        .non_time_div
          span(rel='localize[non_time_before]')
          span.non_time
          span(rel='localize[non_time_after]')
      .legend(ng-style='{visibility : !loading && isGraph() ? "visible" : "hidden"}')
        .line(ng-show="hasEmptyIntervals", uib-tooltip="{{'graph_material_tooltip' | loc:lang}}")
          a.action
          .swatch(style="background-color: #999")
          span.label 
            em {{'graph_material' | loc:lang}} 
      div(style='clear: both;')
    .chart_container
      .preloader(ng-class="{loading: loading}")
        i.fa.fa-spinner.fa-spin.fa-5x
      .chart(ng-show="isGraph()")
    .preview
    .time_table(style="margin-top:20px", ng-show="isTable()")
    .exportTimeStatsSection(ng-show="isTable()")
      select.timeKindOfData
        option(value='relative', rel='localize[statstable_relfigures]') Relativa tal
        option(value='absolute', rel='localize[statstable_absfigures]') Absoluta tal
      select.timeKindOfFormat
        option(value='CSV', rel='localize[statstable_exp_csv]') CSV (kommaseparerade värden)
        option(value='TSV', rel='localize[statstable_exp_tsv]') TSV (tabseparerade värden)
      a.export.btn.btn-default.btn-sm {{'statstable_export' | loc:lang}}
uib-tab(ng-repeat='promise in compareTabs', compare-ctrl)
  uib-tab-heading.compare_tab(ng-class='{loading : loading}')
    | {{'compare_vb' | loc:lang}}
    span(tab-spinner='tab-spinner', ng-click='$event.preventDefault();compareTabs.splice($index, 1)')
  .compare_result(ng-class='{loading : loading}')
    .error_msg(ng-if="error")
      div.korp_fail.inline_block
        img.korp_fail(src='img/korp_fail.svg')
      .fail_text.inline_block(rel='localize[fail_text]') Ett fel har uppstått. 


    .column.column_1(ng-if="!error")
      h2
        | {{'compare_distinctive' | loc:lang}} 
        em {{cmp1.label}}
      ul.negative
        li(ng-repeat='row in tables.negative | orderBy:resultOrder:true', ng-click="rowClick(row, 0)")
          .meter(meter='row', max='max', stringify='stringify')
    .column.column_2
      h2
        | {{'compare_distinctive' | loc:lang}} 
        em {{cmp2.label}}
      ul.positive
        li(ng-repeat='row in tables.positive | orderBy:resultOrder:true', ng-click="rowClick(row, 1)")
          .meter(meter='row', max='max', stringify='stringify')

uib-tab(ng-repeat="promise in mapTabs", new-map-ctrl, select="onentry()")
  uib-tab-heading.map_tab(ng-class='{loading : loading}')
    | {{ 'map' | loc:lang}}
    span(tab-spinner='tab-spinner', ng-click='$event.preventDefault();mapTabs.splice($index, 1)')
  .map_result(ng-class='{loading : loading}')
    .error_msg(ng-if="error")
      div.korp_fail.inline_block
        img.korp_fail(src='img/korp_fail.svg')
      .fail_text.inline_block(rel='localize[fail_text]') Ett fel har uppstått. 
    include newmapresult