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.
55 lines
2.2 KiB
55 lines
2.2 KiB
<sqx-title message="Subscription"></sqx-title>
|
|
|
|
<sqx-panel desiredWidth="65rem" [showSidebar]="true" [scrollX]="true" grid="true">
|
|
<ng-container title>
|
|
Subscription
|
|
</ng-container>
|
|
|
|
<ng-container menu>
|
|
<button type="button" class="btn btn-text-secondary" (click)="reload()" title="Refresh Plans (CTRL + SHIFT + R)">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
|
|
<sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<sqx-list-view [isLoading]="plansState.isLoading | async">
|
|
<ng-container topHeader>
|
|
<ng-container *ngIf="(plansState.isLoaded | async) && (plansState.plans | async); let plans">
|
|
<div class="panel-alert panel-alert-danger" *ngIf="(plansState.isOwner | async) === false">
|
|
You have not created the subscription. Therefore you cannot change the plan.
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
<div content>
|
|
<ng-container *ngIf="(plansState.isLoaded | async) && (plansState.plans | async); let plans">
|
|
<div class="text-muted text-center empty" *ngIf="plans.length === 0">
|
|
No plan configured, this app has unlimited usage.
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<sqx-plan *ngFor="let planInfo of plans; trackBy: trackByPlan"
|
|
[planInfo]="planInfo">
|
|
</sqx-plan>
|
|
</div>
|
|
|
|
<div *ngIf="plansState.hasPortal | async" class="billing-portal-link">
|
|
Go to <a [href]="portalUrl" sqxExternalLink>Billing Portal</a> for payment history and subscription overview.
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</sqx-list-view>
|
|
</ng-container>
|
|
|
|
<ng-container sidebar>
|
|
<div class="panel-nav">
|
|
<a class="panel-link" routerLink="history" routerLinkActive="active" title="History" titlePosition="left">
|
|
<i class="icon-time"></i>
|
|
</a>
|
|
</div>
|
|
</ng-container>
|
|
</sqx-panel>
|
|
|
|
<router-outlet></router-outlet>
|
|
|