-
Notifications
You must be signed in to change notification settings - Fork 0
/
test
93 lines (90 loc) · 5.54 KB
/
test
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<label for="my_modal_${id}" >
<div class="card lg bg-neutral shadow-xl">
<div class="card-body p-0">
<div class="w-full">
<div class="text-l font-medium flex flex-col justify-center">
<div class="flex p-2 place-items-center align-center w-full">
<div class="avatar pl-2">
<div class="w-14 rounded">
<img src="${teamImg}" />
</div>
</div>
<div class="flex flex-col px-2 text-center">
<p class="text-primary text-lg">#${rank}</p>
<p class="text-sm">${record}</p>
</div>
<div class="flex flex-col px-2 text-center">
<p class="text-primary text-md p-1">${teamName}</p>
<div class="avatar-group -space-x-5 rtl:space-x-reverse">
${generateTeamPlayers(obj.athletes)}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</label>
<input type="checkbox" id="my_modal_${id}" class="modal-toggle" />
<div class="modal" role="dialog">
<div class="modal-box">
<div class="flex flex-col gap-4 place-items-center">
<div class="hero min-h-fit w-11/12 shadow-xl" style="background-image: url(${obj.teams.venue.images[0].href});">
<div class="hero-overlay bg-opacity-60"></div>
<div class="hero-content text-neutral-content">
<div class="flex p-2 gap-4 place-items-center justify-center w-full text-center">
<div class="avatar p-1">
<div class="w-16 rounded">
<img src="${teamImg}" />
</div>
</div>
<div class="w-fit">
<p class="text-primary text-xl">${teamName}</p>
</div>
</div>
</div>
</div>
<div class="stats bg-neutral shadow w-11/12 p-0">
<div class="stat place-items-center">
<div class="stat-title text-base">OVR</div>
<div class="stat-value text-xl">${record}</div>
</div>
<div class="stat place-items-center">
<div class="stat-title text-base">HOME</div>
<div class="stat-value text-xl">${homeRecord}</div>
</div>
<div class="stat place-items-center">
<div class="stat-title text-base">AWAY</div>
<div class="stat-value text-xl">${awayRecord}</div>
</div>
</div>
<div class="stats shadow w-full bg-neutral w-11/12">
<div class="overflow-x-auto" id="playerStatsContainer">
<table class="table-xs">
<!-- head -->
<thead>
<tr>
<th></th>
<th>Player</th>
<th>Pts</th>
<th>Ast</th>
<th>Reb</th>
</tr>
</thead>
<tbody>
<!-- row 1 -->
${generateTeamPlayerRows(obj.athletes)}
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-action">
<label for="my_modal_${id}" class="btn btn-sm btn-circle btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
</svg>
</label>
</div>
</div>
</div>