openstapps/src/app/modules/data/elements/academic-offers-detail.html

<ion-card>
  <ion-card-header>Offers</ion-card-header>
  <ion-card-content>
    <div *ngFor="let offer of offers">
        <p *ngIf="offer.inPlace">
          <ion-icon name="pin"></ion-icon>
          <a [routerLink]="['/data-detail', offer.inPlace.uid]">{{offer.inPlace.name}}</a>,&nbsp;
          <span *ngIf="offer.availabilityStarts">
            <ion-icon name="calendar"></ion-icon> {{offer.availabilityStarts | date}}
          </span>
        </p>
      <ion-grid>
        <ion-row *ngIf="offer.prices.student">
          <ion-col>Students:</ion-col>
          <ion-col width-20 text-right>
            <p *ngIf="offer.prices.student"> {{offer.prices.student | currency:'EUR':'symbol':undefined:'de'}}</p>
          </ion-col>
        </ion-row>
        <ion-row *ngIf="offer.prices.employee">
          <ion-col>Employees:</ion-col>
          <ion-col width-20 text-right>
            <p *ngIf="offer.prices.employee"> {{offer.prices.employee | currency:'EUR':'symbol':undefined:'de'}}
            </p>
          </ion-col>
        </ion-row>
        <ion-row *ngIf="offer.prices.guest">
          <ion-col>Guests:</ion-col>
          <ion-col width-20 text-right>
            <p *ngIf="offer.prices.guest">
              {{offer.prices.guest | currency:'EUR':'symbol':undefined:'de'}}</p>
          </ion-col>
        </ion-row>
      </ion-grid>
    </div>
  </ion-card-content>
</ion-card>