mokkenstorm.dev
fork of hey-api/openapi-ts because I need some additional things
1<button (click)="onGetPetById()" type="button">Get Random Pet</button>
2
3<!-- Error Display -->
4@if (pet.error()) {
5<div class="error-message">
6 <div class="error-title">Error occurred:</div>
7 <div class="error-details">{{ pet.error()|json }}</div>
8</div>
9}
10
11<!-- Pet Display Card -->
12@if (pet.value()) {
13<div class="pet-card">
14 <div class="pet-info">
15 <div class="pet-avatar">
16 @if (pet.value()?.photoUrls?.[0]) {
17 <img
18 [src]="pet.value()?.photoUrls?.[0]"
19 [alt]="pet.value()?.name || 'Pet'"
20 class="pet-image"
21 />
22 } @else {
23 <div class="pet-placeholder">{{ pet.value()?.name?.slice(0, 1) || 'N' }}</div>
24 }
25 </div>
26 <div class="pet-details">
27 <div class="pet-name">Name: {{ pet.value()?.name || 'N/A' }}</div>
28 <div class="pet-category">Category: {{ pet.value()?.category?.name || 'N/A' }}</div>
29 </div>
30 </div>
31</div>
32}