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.
102 lines
4.7 KiB
102 lines
4.7 KiB
<sqx-title message="Dashboard"></sqx-title>
|
|
|
|
<ng-container *ngIf="appsState.selectedApp | async; let app">
|
|
<div class="dashboard" @fade>
|
|
<div class="dashboard-summary" *ngIf="!isScrolled" @fade>
|
|
<h1 class="dashboard-title">Hi {{authState.user?.displayName}}</h1>
|
|
|
|
<div class="subtext">
|
|
Welcome to <strong>{{app.displayName}}</strong> dashboard.
|
|
</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-performance'">
|
|
<sqx-api-performance-card
|
|
[isStacked]="isStacked"
|
|
(isStackedChange)="changeIsStacked($event)"
|
|
[app]="app" [usage]="callsUsage">
|
|
</sqx-api-performance-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
|
|
[isStacked]="isStacked"
|
|
(isStackedChange)="changeIsStacked($event)"
|
|
[app]="app" [usage]="callsUsage">
|
|
</sqx-api-traffic-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">
|
|
<sqx-dashboard-config [app]="app"
|
|
[needsAttention]="isScrolled"
|
|
[config]="gridConfig"
|
|
(configChange)="changeConfig($event)">
|
|
</sqx-dashboard-config>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|