<index-title [titles]="section.name" [more]="more"></index-title>
<div class="list count-{{ section.cols * section.rows }}">

  <section class="item cursor" *ngFor="let soft of softs$ | async; index as index" [routerLink]="['app', soft.id]">
    <ng-container *ngIf="section.cols * section.rows>index">

      <header>
        <img class="icon" dstoreCover="icon" [src]="soft.info.icon" dstoreCover="icon" />
      </header>
      <main [class.hover]="controlRef?.show">

        <div class="info">
          <span dstoreTips class="name">{{ soft.info.name }}</span>
          <span dstoreTips class="subtitle">{{ handleData(soft.id)}}&nbsp;</span>
        </div>
        <div class="control">
          <dstore-control #controlRef [soft]="soft"></dstore-control>
        </div>
      </main>
    </ng-container>
  </section>

  <section class="item empty" *ngFor="let empty of 2 | range"></section>
</div>