Making things look good.

This commit is contained in:
Scott Idem
2025-09-17 18:04:10 -04:00
parent 60fbfc434e
commit 6b6418b753
5 changed files with 109 additions and 30 deletions

View File

@@ -100,13 +100,14 @@ let ae_promises: key_val = $state({
event_launcher_menu
shrink h-full w-full max-w-full
flex flex-col flex-wrap gap-1 items-center justify-start
overflow-x-clip
"
>
<!-- overflow-x-clip -->
{#if $lq__event_event_file_obj_li}
<div class="w-full">
<div class="w-full flex flex-col gap-0.5">
<!-- <div class="text-xs text-neutral-800/80">
<strong>
Event Files:
@@ -179,7 +180,7 @@ let ae_promises: key_val = $state({
{#if $lq__location_event_file_obj_li}
<div class="w-full">
<div class="w-full flex flex-col gap-0.5">
{#each $lq__location_event_file_obj_li as event_file_obj, index}
<button
disabled={!$ae_loc.trusted_access}
@@ -203,8 +204,26 @@ let ae_promises: key_val = $state({
"
title={`Download this file:\n${event_file_obj.filename}\n[API] SHA256: ${event_file_obj.hash_sha256.slice(0, 10)}... Hosted ID: ${event_file_obj.hosted_file_id_random} Event File ID: ${event_file_obj.event_file_id_random}`}
>
<span class="fas fa-file-archive m-1 text-neutral-800/80"></span>
{event_file_obj?.filename}
{#await ae_promises[event_file_obj.event_file_id_random]}
<span class="fas fa-spinner fa-spin mx-1"></span>
<span class="">
Downloading
{#if $ae_sess.api_download_kv[event_file_obj.hosted_file_id_random]}
{$ae_sess.api_download_kv[event_file_obj.hosted_file_id_random].percent_completed}%
{/if}
:
</span>
{:then}
<!-- <span class="fas fa-download mx-1"></span> -->
<span class="fas fa-{ae_util.file_extension_icon(event_file_obj.extension)}"></span>
<!-- <span class="text-sm">
Download:
</span> -->
{/await}
<span class="grow">
{ae_util.shorten_filename({filename: event_file_obj.filename, max_length: 30})}
</span>
</button>
{/each}
</div>