hummingbird-me/kitsu-web

<div class="container">
  <div class="row">
    <div class="report-status col-sm-12">
      {{#bootstrap/bs-dropdown as |dropdown|}}
        {{#dropdown.button type="button--dark-outline" class="button--small"}}
          {{t (concat "groups.reports.filter." filter)}}
        {{/dropdown.button}}
        {{#dropdown.menu}}
          {{#each filterOptions as |_filter|}}
            {{#dropdown.menu-item onClick=(action (mut filter) _filter)}}
              {{t (concat "groups.reports.filter." _filter)}}
              {{#if (eq filter _filter)}}
                <span class="dropdown-checkmark">
                  {{svg-jar "checkmark"}}
                </span>
              {{/if}}
            {{/dropdown.menu-item}}
          {{/each}}
        {{/dropdown.menu}}
      {{/bootstrap/bs-dropdown}}
    </div>

    <div class="report-wrapper col-sm-12 col-md-8">
      {{#if model.taskInstance.isRunning}}
        <div class="text-xs-center m-t-1 m-b-1">
          {{loading-spinner size="large"}}
        </div>
      {{else if model.taskInstance.value}}
        {{#infinite-pagination onPagination=(route-action "onPagination")}}
          {{#each reports as |report|}}
            {{groups/dashboard/reports/report-item
              report=report
              class="stream-item"}}
          {{/each}}
        {{/infinite-pagination}}
      {{else}}
        <div class="text-xs-center m-t-1 m-b-1">
          {{t "groups.reports.empty"}}
        </div>
      {{/if}}
    </div>
  </div>
</div>