autowp/autowp-frontend

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item">
      <a routerLink="/" i18n>Index page</a>
    </li>
  </ol>
</nav>
 
<div class="page-header">
  <h1 i18n>All brands</h1>
</div>
 
@if (items$ | async; as items) {
  @for (line of items.lines; track line) {
    <div class="mb-3">
      @if (line) {
        <div>
          <div class="btn-group">
            @for (info of line.characters; track info.id) {
              <a
                class="btn btn-secondary"
                [href]="'#char' + info.id"
                (click)="scrollTo(info)"
                [textContent]="info.character"
              ></a>
            }
          </div>
        </div>
      }
    </div>
  }
 
  @for (line of items.lines; track line) {
    <div>
      @for (info of line.characters; track info) {
        <div>
          <h2 [id]="'char' + info.id">→ {{ info.character }}</h2>
          <div class="brand-icons row">
            @for (brand of info.items; track brand.id) {
              <div class="col-12 col-sm-6 col-md-4 col-lg-4">
                @if (icons$ | async; as icons) {
                  <app-brands-item [brand]="brand" [icons]="icons" />
                }
              </div>
            }
          </div>
        </div>
      }
    </div>
  }
} @else {
  <div class="spinner-border" role="status"><span class="visually-hidden" i18n>Loading…</span></div>
}