|
|
@ -27,28 +27,28 @@
|
|
|
|
Valid until {{ user?.subscription?.expiresAt | date:
|
|
|
|
Valid until {{ user?.subscription?.expiresAt | date:
|
|
|
|
defaultDateFormat }}
|
|
|
|
defaultDateFormat }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div *ngIf="user?.subscription?.type === 'Basic'">
|
|
|
|
*ngIf="hasPermissionForSubscription && user?.subscription?.type === 'Basic'"
|
|
|
|
<ng-container *ngIf="hasPermissionForSubscription">
|
|
|
|
>
|
|
|
|
<button
|
|
|
|
<button
|
|
|
|
color="primary"
|
|
|
|
color="primary"
|
|
|
|
i18n
|
|
|
|
i18n
|
|
|
|
mat-flat-button
|
|
|
|
mat-flat-button
|
|
|
|
(click)="onCheckout(priceId)"
|
|
|
|
(click)="onCheckout(priceId)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
Upgrade
|
|
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<div *ngIf="price" class="mt-1">
|
|
|
|
|
|
|
|
<ng-container *ngIf="coupon"
|
|
|
|
|
|
|
|
><del class="text-muted"
|
|
|
|
|
|
|
|
>{{ baseCurrency }} {{ price }}</del
|
|
|
|
|
|
|
|
> {{ baseCurrency }} {{ price - coupon
|
|
|
|
|
|
|
|
}}</ng-container
|
|
|
|
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<ng-container *ngIf="!coupon"
|
|
|
|
Upgrade
|
|
|
|
>{{ baseCurrency }} {{ price }}</ng-container
|
|
|
|
</button>
|
|
|
|
> <span i18n>per year</span>
|
|
|
|
<div *ngIf="price" class="mt-1">
|
|
|
|
</div>
|
|
|
|
<ng-container *ngIf="coupon"
|
|
|
|
|
|
|
|
><del class="text-muted"
|
|
|
|
|
|
|
|
>{{ baseCurrency }} {{ price }}</del
|
|
|
|
|
|
|
|
> {{ baseCurrency }} {{ price - coupon
|
|
|
|
|
|
|
|
}}</ng-container
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<ng-container *ngIf="!coupon"
|
|
|
|
|
|
|
|
>{{ baseCurrency }} {{ price }}</ng-container
|
|
|
|
|
|
|
|
> <span i18n>per year</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
<a
|
|
|
|
<a
|
|
|
|
*ngIf="!user?.subscription?.expiresAt"
|
|
|
|
*ngIf="!user?.subscription?.expiresAt"
|
|
|
|
class="mr-2 my-2"
|
|
|
|
class="mr-2 my-2"
|
|
|
|