mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.0 KiB
52 lines
2.0 KiB
<div class="card plan float-left">
|
|
<div class="card-header text-center">
|
|
<h4 class="card-title">{{planInfo.plan.name}}</h4>
|
|
<h5 class="plan-price">{{planInfo.plan.costs}}</h5>
|
|
|
|
<small class="text-muted">Per Month</small>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="plan-fact text-center">
|
|
<div>
|
|
<strong>{{planInfo.plan.maxApiCalls | sqxKNumber}}</strong> API Calls
|
|
</div>
|
|
<div>
|
|
{{planInfo.plan.maxAssetSize | sqxFileSize}} Storage
|
|
</div>
|
|
<div>
|
|
{{planInfo.plan.maxContributors}} Contributors
|
|
</div>
|
|
</div>
|
|
|
|
<button *ngIf="planInfo.isSelected" class="btn btn-block btn-text-success plan-selected">
|
|
✓ Selected
|
|
</button>
|
|
|
|
<button *ngIf="!planInfo.isSelected" class="btn btn-block btn-success" [disabled]="plansState.isDisabled | async"
|
|
(sqxConfirmClick)="changeMonthly()"
|
|
[confirmTitle]="'Change subscription'"
|
|
[confirmText]="planInfo.plan.confirmText"
|
|
[confirmRequired]="planInfo.plan.confirmText">
|
|
Change
|
|
</button>
|
|
</div>
|
|
<div class="card-footer" *ngIf="planInfo.plan.yearlyId">
|
|
<div class="text-center">
|
|
<h5 class="plan-price">{{planInfo.plan.yearlyCosts}}</h5>
|
|
|
|
<small class="text-muted">Per Year</small>
|
|
</div>
|
|
|
|
<button *ngIf="planInfo.isYearlySelected" class="btn btn-block btn-text-success plan-selected">
|
|
✓ Selected
|
|
</button>
|
|
|
|
<button *ngIf="!planInfo.isYearlySelected" class="btn btn-block btn-success" [disabled]="plansState.isDisabled | async"
|
|
(sqxConfirmClick)="changeYearly()"
|
|
[confirmTitle]="'Change subscription'"
|
|
[confirmText]="planInfo.plan.yearlyConfirmText"
|
|
[confirmRequired]="planInfo.plan.yearlyConfirmText">
|
|
Change
|
|
</button>
|
|
</div>
|
|
</div>
|