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<button (click)="onGetPetByIdLocalClient()" type="button">Get Random Pet (local client)</button>
3
4<!-- Error Display -->
5@if (error()) {
6<div class="error-message">
7 <div class="error-title">Error occurred:</div>
8 <div class="error-details">{{ error()?.error }}</div>
9</div>
10}
11
12<!-- Pet Display Card -->
13@if (pet()) {
14<div class="pet-card">
15 <div class="pet-info">
16 <div class="pet-avatar">
17 @if (pet()?.photoUrls?.[0]) {
18 <img [src]="pet()?.photoUrls?.[0]" [alt]="pet()?.name || 'Pet'" class="pet-image" />
19 } @else {
20 <div class="pet-placeholder">{{ pet()?.name?.slice(0, 1) || 'N' }}</div>
21 }
22 </div>
23 <div class="pet-details">
24 <div class="pet-name">Name: {{ pet()?.name || 'N/A' }}</div>
25 <div class="pet-category">Category: {{ pet()?.category?.name || 'N/A' }}</div>
26 </div>
27 </div>
28</div>
29}