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.
44 lines
1.6 KiB
44 lines
1.6 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" (click)="changeMonthly()">
|
|
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" (click)="changeYearly()">
|
|
Change
|
|
</button>
|
|
</div>
|
|
</div>
|