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.
82 lines
4.6 KiB
82 lines
4.6 KiB
<sqx-title message="i18n:dashboard.pageTitle"></sqx-title>
|
|
|
|
<ng-container *ngIf="selectedApp | async; let app">
|
|
<div class="dashboard" @fade>
|
|
<div class="dashboard-summary" *ngIf="!isScrolled" @fade>
|
|
<h1 class="dashboard-title">{{ 'dashboard.welcomeTitle' | sqxTranslate: { user: user } }}</h1>
|
|
|
|
<div class="subtext" [innerHTML]="'dashboard.welcomeText' | sqxTranslate: { app: app.displayName } | sqxMarkdown"></div>
|
|
</div>
|
|
|
|
<gridster [options]="gridOptions" #grid>
|
|
<gridster-item [item]="item" *ngFor="let item of gridConfig">
|
|
<ng-container [ngSwitch]="item.type">
|
|
<ng-container *ngSwitchCase="'schemas'">
|
|
<sqx-schema-card [app]="app"></sqx-schema-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api'">
|
|
<sqx-api-card [app]="app"></sqx-api-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'support'">
|
|
<sqx-support-card [app]="app"></sqx-support-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'github'">
|
|
<sqx-github-card [app]="app"></sqx-github-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api-calls'">
|
|
<sqx-api-calls-card [app]="app" [usage]="callsUsage"></sqx-api-calls-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api-traffic-summary'">
|
|
<sqx-api-traffic-summary-card [app]="app" [usage]="callsUsage"></sqx-api-traffic-summary-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api-calls-summary'">
|
|
<sqx-api-calls-summary-card [app]="app" [usage]="callsUsage"></sqx-api-calls-summary-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'asset-uploads-count'">
|
|
<sqx-asset-uploads-count-card [app]="app" [usage]="storageUsage"></sqx-asset-uploads-count-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'asset-uploads-size-summary'">
|
|
<sqx-asset-uploads-size-summary-card [app]="app" [usage]="storageCurrent"></sqx-asset-uploads-size-summary-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'asset-uploads-size'">
|
|
<sqx-asset-uploads-size-card [app]="app" [usage]="storageUsage"></sqx-asset-uploads-size-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api-traffic'">
|
|
<sqx-api-traffic-card [app]="app" [usage]="callsUsage"
|
|
[isStacked]="isStacked"
|
|
(isStackedChange)="changeIsStacked($event)">
|
|
</sqx-api-traffic-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'api-performance'">
|
|
<sqx-api-performance-card [app]="app" [usage]="callsUsage"
|
|
[isStacked]="isStacked"
|
|
(isStackedChange)="changeIsStacked($event)">
|
|
</sqx-api-performance-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'random-dog'">
|
|
<sqx-random-dog-card></sqx-random-dog-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'random-cat'">
|
|
<sqx-random-cat-card></sqx-random-cat-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'history'">
|
|
<sqx-history-card [app]="app"></sqx-history-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'content-summary'">
|
|
<sqx-content-summary-card [app]="app" [options]="item"></sqx-content-summary-card>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'iframe'">
|
|
<sqx-iframe-card [app]="app" [options]="item"></sqx-iframe-card>
|
|
</ng-container>
|
|
</ng-container>
|
|
</gridster-item>
|
|
</gridster>
|
|
|
|
<div class="dashboard-settings" *ngIf="grid">
|
|
<sqx-dashboard-config [app]="app" [needsAttention]="isScrolled"
|
|
[config]="gridConfig"
|
|
(configChange)="changeConfig($event)">
|
|
</sqx-dashboard-config>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|