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