|
229 | 229 | </Card.Content> |
230 | 230 | </Card.Root> |
231 | 231 |
|
232 | | - <Card.Root class="sm:w-full md:w-[50vw]"> |
233 | | - <Card.Header> |
234 | | - <Card.Title>Your Sessions</Card.Title> |
235 | | - </Card.Header> |
236 | | - <Card.Content> |
237 | | - {#if data.sessions.length === 0} |
238 | | - <p>You haven't had any sessions yet.</p> |
239 | | - {:else} |
240 | | - <ScrollArea class="h-[33vh]"> |
241 | | - <ScrollArea> |
242 | | - <Table.Root> |
243 | | - <Table.Header> |
| 232 | + <Card.Root class="sm:w-full md:w-[50vw]"> |
| 233 | + <Card.Header> |
| 234 | + <Card.Title>Your Sessions</Card.Title> |
| 235 | + </Card.Header> |
| 236 | + <Card.Content> |
| 237 | + {#if data.sessions.length === 0} |
| 238 | + <p>You haven't had any sessions yet.</p> |
| 239 | + {:else} |
| 240 | + <ScrollArea class="h-[33vh]"> |
| 241 | + <ScrollArea> |
| 242 | + <Table.Root> |
| 243 | + <Table.Header> |
| 244 | + <Table.Row> |
| 245 | + <Table.Head>Type</Table.Head> |
| 246 | + <Table.Head>Date</Table.Head> |
| 247 | + <Table.Head>Status</Table.Head> |
| 248 | + <Table.Head>Mentor</Table.Head> |
| 249 | + <Table.Head>Actions</Table.Head> |
| 250 | + </Table.Row> |
| 251 | + </Table.Header> |
| 252 | + <Table.Body> |
| 253 | + {#each data.sessions as session} |
244 | 254 | <Table.Row> |
245 | | - <Table.Head>Type</Table.Head> |
246 | | - <Table.Head>Date</Table.Head> |
247 | | - <Table.Head>Status</Table.Head> |
248 | | - <Table.Head>Mentor</Table.Head> |
249 | | - <Table.Head>Actions</Table.Head> |
| 255 | + <Table.Cell>{session.plan.name}</Table.Cell> |
| 256 | + <Table.Cell> |
| 257 | + {humanReadableDate(session.scheduledTime)} |
| 258 | + </Table.Cell> |
| 259 | + <Table.Cell> |
| 260 | + {#if session.status === "Scheduled"} |
| 261 | + <Badge> |
| 262 | + <ClockIcon class="mr-2 h-4 w-4" /> |
| 263 | + Scheduled |
| 264 | + </Badge> |
| 265 | + {:else if session.status === "Incomplete"} |
| 266 | + <Badge class="bg-yellow-300"> |
| 267 | + <XIcon class="mr-2 h-4 w-4" /> |
| 268 | + Incomplete |
| 269 | + </Badge> |
| 270 | + {:else if session.status === "Complete"} |
| 271 | + <Badge class="bg-green-400"> |
| 272 | + <CheckIcon class="mr-2 h-4 w-4" /> |
| 273 | + Complete |
| 274 | + </Badge> |
| 275 | + {/if} |
| 276 | + </Table.Cell> |
| 277 | + <Table.Cell>{session.mentor.name}</Table.Cell> |
| 278 | + <Table.Cell> |
| 279 | + <Button href="/{$page.params.id}/training/{session.id}"> |
| 280 | + <EyeIcon class="mr-2 h-4 w-4" /> |
| 281 | + View |
| 282 | + </Button> |
| 283 | + </Table.Cell> |
250 | 284 | </Table.Row> |
251 | | - </Table.Header> |
252 | | - <Table.Body> |
253 | | - {#each data.sessions as session} |
254 | | - <Table.Row> |
255 | | - <Table.Cell>{session.plan.name}</Table.Cell> |
256 | | - <Table.Cell> |
257 | | - {humanReadableDate(session.scheduledTime)} |
258 | | - </Table.Cell> |
259 | | - <Table.Cell> |
260 | | - {#if session.status === "Scheduled"} |
261 | | - <Badge> |
262 | | - <ClockIcon class="mr-2 h-4 w-4" /> |
263 | | - Scheduled |
264 | | - </Badge> |
265 | | - {:else if session.status === "Incomplete"} |
266 | | - <Badge class="bg-yellow-300"> |
267 | | - <XIcon class="mr-2 h-4 w-4" /> |
268 | | - Incomplete |
269 | | - </Badge> |
270 | | - {:else if session.status === "Complete"} |
271 | | - <Badge class="bg-green-400"> |
272 | | - <CheckIcon class="mr-2 h-4 w-4" /> |
273 | | - Complete |
274 | | - </Badge> |
275 | | - {/if} |
276 | | - </Table.Cell> |
277 | | - <Table.Cell>{session.mentor.name}</Table.Cell> |
278 | | - <Table.Cell> |
279 | | - <Button href="/{$page.params.id}/training/{session.id}"> |
280 | | - <EyeIcon class="mr-2 h-4 w-4" /> |
281 | | - View |
282 | | - </Button> |
283 | | - </Table.Cell> |
284 | | - </Table.Row> |
285 | | - {/each} |
286 | | - </Table.Body> |
287 | | - </Table.Root> |
288 | | - </ScrollArea> |
| 285 | + {/each} |
| 286 | + </Table.Body> |
| 287 | + </Table.Root> |
289 | 288 | </ScrollArea> |
290 | | - {/if} |
291 | | - </Card.Content> |
292 | | - </Card.Root> |
| 289 | + </ScrollArea> |
| 290 | + {/if} |
| 291 | + </Card.Content> |
| 292 | + </Card.Root> |
293 | 293 |
|
294 | 294 | {#if can(MANAGE_TRAINING_PLANS) || can(MANAGE_PLAN_ENROLLMENT_REQUESTS)} |
295 | 295 | <Card.Root class="sm:w-full md:w-[50vw]"> |
|
341 | 341 |
|
342 | 342 | <div class="flex w-full flex-col gap-1.5"> |
343 | 343 | <Label for="email">VATSIM ID</Label> |
344 | | - <Input bind:value={transcriptCid} type="number" id="cid" placeholder="1710004" /> |
| 344 | + <Input |
| 345 | + bind:value={transcriptCid} |
| 346 | + type="number" |
| 347 | + id="cid" |
| 348 | + placeholder="1710004" /> |
345 | 349 | </div> |
346 | 350 |
|
347 | | - <Button href="/{$page.params.id}/training/transcript/{transcriptCid}/">View</Button> |
| 351 | + <Button |
| 352 | + href="/{$page.params.id}/training/transcript/{transcriptCid}/"> |
| 353 | + View |
| 354 | + </Button> |
348 | 355 | </Dialog.Header> |
349 | 356 | </Dialog.Content> |
350 | 357 | </Dialog.Root> |
|
0 commit comments