<div id="container" infinite-scroll="onBottomReached()" threshold="100"
  can-load="hasMoreQuestions">
  <div class="view-questions">
    <div class="ng-view-header">
      <a href="#/practice/{{categoryId}}" 
         class="btn btn-primary pull-right"  >
        <i class="glyphicon glyphicon-check"></i> Procvičovat
      </a>
      <h2 ng-if="category" class="hidden-xs"
        dynamic-title="{{category.name}}"> {{category.name}}</h2>
      <span ng-hide="true" dynamic-title="Přehled znalostí"></span>
      <div class="clearfix"></div>
    </div>
    <!--
    <div class="category-progress" count="{{type.places.length}}"  
         skills="{{ {
           practiced:(type.places|filter:{practiced:true}).length,
           learned:(type.places|filter:{learned:true}).length
         } }}"></div>
    -->
    <div questions-list="questions"> </div>
  </div>
  <div ng-show="loading" class="loading-indicator">
  </div>
  <div ng-show="error" ng-bind="error" class="alert alert-danger">
  </div>
</div>
