Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui(hosted_files): update clipping components and fix count reference bug

Browse Source
This commit is contained in:
Scott Idem
2026-02-12 19:57:42 -05:00
parent 5998389e3a
commit de947c827a
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte
View File

@@ -191,7 +191,7 @@
</h3>
{#each Object.entries(hosted_file_obj_kv) as [hosted_file_id, hosted_file_obj]}
<div class="border border-gray-300 rounded-lg p-2 m-2">
<div class="border border-surface-500/20 rounded-lg p-2 m-2 preset-tonal-surface">
<!-- Download Button (Standardized) -->
<div
class="flex flex-row flex-wrap gap-1 justify-center items-center w-full"
@@ -272,7 +272,7 @@
<span class="text-xs font-bold w-32">New Filename:</span>
<input
type="text"
class="input w-full text-sm"
class="input w-full text-sm variant-filled-surface"
name="new_filename"
value={hosted_file_obj.filename}
/>
@@ -300,7 +300,7 @@
].start_time
: '00:00:00'}
placeholder="HH:MM:SS (00:01:30)"
class="input w-32"
class="input w-32 variant-filled-surface"
/>
</label>
@@ -323,7 +323,7 @@
].end_time
: '00:45:59'}
placeholder="HH:MM:SS (01:05:25)"
class="input w-32"
class="input w-32 variant-filled-surface"
/>
</label>
@@ -382,7 +382,7 @@
<button
type="submit"
class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500"
class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition-colors"
disabled={submit_status == 'clipping'}
>
<!-- {#await ae_promises[hosted_file_id]} -->

4
src/lib/ae_core/ae_comp__hosted_files_clip_video_li.svelte
View File

@@ -36,7 +36,7 @@
let {
log_lvl = 0,
video_clip_file_kv = $bindable({}),
class_li_default = 'flex flex-row flex-wrap gap-2 items-center justify-center w-full max-w-2xl p-2 mx-auto my-1 border border-gray-300 rounded-lg',
class_li_default = 'flex flex-row flex-wrap gap-2 items-center justify-center w-full max-w-2xl p-2 mx-auto my-1 border border-surface-500/20 rounded-lg preset-tonal-surface',
class_li = '',
link_to_type,
link_to_id
@@ -45,7 +45,7 @@
let ae_promises: key_val = $state({});
</script>
<h3 class="h3">{Object.entries($ae_loc.files).length}× files clipped</h3>
<h3 class="h3">{Object.entries(video_clip_file_kv).length}× files clipped</h3>
<div class="{class_li_default} {class_li} ">
{#each Object.entries(video_clip_file_kv) as [hosted_file_id, hosted_file_obj]}
<AE_Comp_Hosted_Files_Download_Button