<div class="btn-group" data-toggle="buttons">
    <a routerLink="."
       [queryParams]="{view: 'list'}"
       queryParamsHandling="merge"
       (click)="switchViewTo(viewModeEnum.List)"
       routerLinkActive="active"
       class="btn btn-secondary">
          <i class="fa fa-list" title="{{'search.view-switch.show-list' | translate}}"></i>
    </a>
    <a routerLink="."
       [queryParams]="{view: 'grid'}"
       queryParamsHandling="merge"
       (click)="switchViewTo(viewModeEnum.Grid)"
       routerLinkActive="active"
       class="btn btn-secondary">
          <i class="fa fa-th-large" title="{{'search.view-switch.show-grid' | translate}}"></i>
    </a>
</div>