mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-19 08:02:55 +00:00
61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
<!--
|
|
~ Copyright (C) 2023 StApps
|
|
~ This program is free software: you can redistribute it and/or modify it
|
|
~ under the terms of the GNU General Public License as published by the Free
|
|
~ Software Foundation, version 3.
|
|
~
|
|
~ This program is distributed in the hope that it will be useful, but WITHOUT
|
|
~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
~ more details.
|
|
~
|
|
~ You should have received a copy of the GNU General Public License along with
|
|
~ this program. If not, see <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<ion-card>
|
|
<ion-card-header>{{ 'data.detail.offers.TITLE' | translate | titlecase }}</ion-card-header>
|
|
<ion-card-content>
|
|
<div *ngFor="let offer of offers">
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col *ngIf="offer.inPlace">
|
|
<ion-icon name="pin_drop"></ion-icon>
|
|
<a [routerLink]="['/data-detail', offer.inPlace.uid]">
|
|
{{ 'name' | thingTranslate : offer.inPlace }}
|
|
</a>
|
|
</ion-col>
|
|
<ion-col *ngIf="offer.availabilityRange">
|
|
<span
|
|
*ngIf="offer.availabilityRange.gt ? offer.availabilityRange.gt : offer.availabilityRange.gte"
|
|
>
|
|
{{ (offer.availabilityRange.gt ? offer.availabilityRange.gt : offer.availabilityRange.gte) |
|
|
amDateFormat : 'll' }}
|
|
</span>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<ion-grid *ngIf="offer.prices && offer.availability !== 'out of stock'">
|
|
<ion-row *ngFor="let group of $any(offer.prices) | keyvalue">
|
|
<ng-container *ngIf="group.key !== 'default'">
|
|
<ion-col>{{ 'data.detail.offers.' + group.key | translate }} </ion-col>
|
|
<ion-col width-20 text-right>
|
|
<p>{{ $any(group.value) | currency : 'EUR' : 'symbol' : undefined : 'de' }}</p>
|
|
</ion-col>
|
|
</ng-container>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<ion-grid *ngIf="offer.availability === 'out of stock'">
|
|
<ion-row>
|
|
<ion-col></ion-col>
|
|
<ion-col width-20 text-right>
|
|
<ion-text color="danger">
|
|
<p>{{ 'data.detail.offers.sold_out' | translate }}</p>
|
|
</ion-text>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</div>
|
|
</ion-card-content>
|
|
</ion-card>
|