56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<div class="container">
|
|
<div *ngIf="loading" class="loading">Loading...</div>
|
|
<div *ngIf="error" class="error">{{ error }}</div>
|
|
|
|
<div *ngIf="application && !loading" class="detail-card">
|
|
<div class="header">
|
|
<h1>{{ application.name }}</h1>
|
|
<div class="actions">
|
|
<button (click)="edit()" class="btn-primary">Edit</button>
|
|
<button (click)="delete()" class="btn-danger">Delete</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="details">
|
|
<div class="detail-row">
|
|
<label>Status:</label>
|
|
<span class="status-badge" [ngClass]="getStatusClass(application.status)">
|
|
{{ getStatusDisplay(application.status) }}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>Description:</label>
|
|
<span>{{ application.description || '-' }}</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>Business Unit:</label>
|
|
<span>{{ application.businessUnit.name }}</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>End of Support Date:</label>
|
|
<span>{{ application.endOfSupportDate ? (application.endOfSupportDate | date:'mediumDate') : '-' }}</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>End of Life Date:</label>
|
|
<span>{{ application.endOfLifeDate ? (application.endOfLifeDate | date:'mediumDate') : '-' }}</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>Created:</label>
|
|
<span>{{ application.createdAt | date:'medium' }}</span>
|
|
</div>
|
|
|
|
<div class="detail-row">
|
|
<label>Last Updated:</label>
|
|
<span>{{ application.updatedAt | date:'medium' }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button (click)="back()" class="btn-secondary">Back to List</button>
|
|
</div>
|
|
</div>
|