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.
70 lines
3.1 KiB
70 lines
3.1 KiB
<sqx-title message="{app} | Plans | Settings" parameter1="app" [value1]="ctx.appName"></sqx-title>
|
|
|
|
<sqx-panel desiredWidth="61rem">
|
|
<div class="panel-header">
|
|
<div class="panel-title-row">
|
|
<div class="float-right">
|
|
<button class="btn btn-link btn-secondary" (click)="load(true)" title="Refresh Plans (CTRL + SHIFT + R)">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
|
|
<sqx-shortcut keys="ctrl+shift+r" (trigger)="load(true)"></sqx-shortcut>
|
|
</div>
|
|
|
|
<h3 class="panel-title">Update Plan</h3>
|
|
</div>
|
|
|
|
<a class="panel-close" sqxParentLink>
|
|
<i class="icon-close"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="panel-main">
|
|
<div class="panel-content">
|
|
<div *ngIf="plans">
|
|
<div class="panel-alert panel-alert-danger" *ngIf="!planOwned">
|
|
You have not created the subscription. Therefore you cannot change the plan.
|
|
</div>
|
|
|
|
<div class="text-muted text-center empty" *ngIf="plans.plans.length === 0">
|
|
No plan configured, this app has unlimited usage.
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<div class="card plan float-left" *ngFor="let plan of plans.plans">
|
|
<div class="card-body plan-header text-center">
|
|
<h4 class="card-title">{{plan.name}}</h4>
|
|
<h5 class="plan-price">{{plan.costs}}</h5>
|
|
|
|
<small class="text-muted">Per Month</small>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="plan-fact">
|
|
{{plan.maxApiCalls | sqxKNumber}} API Calls
|
|
</div>
|
|
<div class="plan-fact">
|
|
{{plan.maxAssetSize | sqxFileSize}} Storage
|
|
</div>
|
|
<div class="plan-fact">
|
|
{{plan.maxContributors}} Contributors
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<button *ngIf="plan.id === plans.currentPlanId" class="btn btn-block btn-link btn-success plan-selected">
|
|
✓ Selected
|
|
</button>
|
|
|
|
<button *ngIf="plan.id !== plans.currentPlanId" class="btn btn-block btn-success" [disabled]="isDisabled || !planOwned" (click)="changePlan(plan.id)">
|
|
Change
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="plans.hasPortal" class="billing-portal-link">
|
|
Go to <a target="_blank" href="{{portalUrl}}">Billing Portal</a> for payment history and subscription overview.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</sqx-panel>
|