81 lines
2.9 KiB
HTML
81 lines
2.9 KiB
HTML
<div class="dashboard-container">
|
|
<!-- Welcome Section -->
|
|
<!-- <div class="welcome-section">
|
|
<h1>Willkommen bei Keyvault Pro</h1>
|
|
<p>Verwalte deine Schlüssel und Systeme</p>
|
|
</div> -->
|
|
|
|
<!-- Quick Stats Cards -->
|
|
<div class="stats-grid">
|
|
<mat-card class="stat-card">
|
|
<mat-card-header>
|
|
<mat-icon>key</mat-icon>
|
|
<mat-card-title>Schlüssel</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<span class="stat-number">{{ keyCount }}</span>
|
|
<p>Aktive Schlüssel</p>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
<button mat-button routerLink="/keys">Verwalten</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|
|
<mat-card class="stat-card">
|
|
<mat-card-header>
|
|
<mat-icon>lock</mat-icon>
|
|
<mat-card-title>Zylinder</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<span class="stat-number">{{ cylinderCount }}</span>
|
|
<p>Registrierte Zylinder</p>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
<button mat-button routerLink="/cylinders">Verwalten</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|
|
<mat-card class="stat-card">
|
|
<mat-card-header>
|
|
<mat-icon>admin_panel_settings</mat-icon>
|
|
<mat-card-title>Schließanlagen</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<span class="stat-number">{{ systemCount }}</span>
|
|
<p>Aktive Schließanlagen</p>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
<button mat-button routerLink="/systems">Verwalten</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|
|
<mat-card class="stat-card">
|
|
<mat-card-header>
|
|
<mat-icon>passkey</mat-icon>
|
|
<mat-card-title>Ausgegebene Schlüssel</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<span class="stat-number">{{ handedOut }}</span>
|
|
<p>Derzeit ausgegebene Schlüssel</p>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
<button mat-button routerLink="/keys">Verwalten</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
|
|
<!-- Recent Activity Section -->
|
|
<div class="recent-activity">
|
|
<h2>Letzte Aktivitäten</h2>
|
|
<mat-card style="background: white">
|
|
<mat-card-content>
|
|
<ag-grid-angular
|
|
style="width: 100%; height: 100%;"
|
|
[gridOptions]="gridOptions"
|
|
(gridReady)="onGridReady($event)"
|
|
>
|
|
</ag-grid-angular>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div> |