events.component.html

<div id="module-events">
  <div *ngIf="!config.isLoaded">
    <div class="spinner">Loading...</div>
  </div>

  <div *ngIf="config.isLoaded && !config.search">
    <!-- No events -->
    <div *ngIf="eventsCount === 0">
      No events for you.
    </div>

    <!-- No searched events -->
    <div *ngIf="eventsCount > 0">

      <!-- All events -->
      <!-- Actions are imported directly in the child component -->
      <events-event-item
        *ngFor="let event of events"
        [event]="event">
      </events-event-item>
    </div>
  </div>
</div>