RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: handle translations better for conversion panel 

hell
This commit is contained in:
Maya 2025-09-17 16:12:19 +03:00
parent 30719b003d
commit 7f8902809f
No known key found for this signature in database
1 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/lib/components/functional/ConversionPanel.svelte
View File

@ -24,7 +24,7 @@
onclick={() => files.convertAll()} onclick={() => files.convertAll()}
class="btn {$effects class="btn {$effects
? '' ? ''
: '!scale-100'} highlight flex gap-3 max-md:w-full" : '!scale-100'} highlight flex gap-3 max-md:w-full md:max-w-[15.5rem]"
disabled={!files.ready} disabled={!files.ready}
> >
<RefreshCw size="24" /> <RefreshCw size="24" />
@ -33,7 +33,7 @@
<button <button
class="btn {$effects class="btn {$effects
? '' ? ''
: '!scale-100'} flex gap-3 max-md:w-full" : '!scale-100'} flex gap-3 max-md:w-full md:max-w-[15.5rem]"
disabled={!files.ready || !files.results} disabled={!files.ready || !files.results}
onclick={() => files.downloadAll()} onclick={() => files.downloadAll()}
> >
@ -70,33 +70,37 @@
</div> </div>
<div class="w-full bg-separator h-0.5 flex md:hidden"></div> <div class="w-full bg-separator h-0.5 flex md:hidden"></div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<p class="whitespace-nowrap text-xl"> <p class="whitespace-normal text-xl text-right w-full">
{m["convert.panel.set_all_to"]()} {m["convert.panel.set_all_to"]()}
</p> </p>
<!-- video and audio together still have this dropdown disabled because audio has just ffmpeg (video has vertd & ffmpeg), even tho it can convert between video and audio --> <div class="w-48 md:max-w-[6.5rem]">
{#if files.files.length > 0 && files.files.every((f) => JSON.stringify(f.converters) === JSON.stringify(files.files[0].converters))} <!-- video and audio together still have this dropdown disabled because audio has just ffmpeg (video has vertd & ffmpeg), even tho it can convert between video and audio -->
<FormatDropdown {#if files.files.length > 0 && files.files.every((f) => JSON.stringify(f.converters) === JSON.stringify(files.files[0].converters))}
onselect={(r) => <FormatDropdown
files.files.forEach((f) => { onselect={(r) =>
f.to = r; files.files.forEach((f) => {
f.result = null; f.to = r;
})} f.result = null;
{categories} })}
dropdownSize={"large"} {categories}
/> dropdownSize={"large"}
{:else} />
<Dropdown options={[m["convert.panel.na"]()]} disabled /> {:else}
{/if} <Dropdown options={[m["convert.panel.na"]()]} disabled />
</div> {/if}
</div>
{#if files.files.length > 50}
<div class="w-full px-2 flex gap-4 items-center">
<div class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted">
{progress}/{length}
</div>
<div class="flex-grow">
<ProgressBar min={0} max={length} {progress} />
</div> </div>
</div> </div>
{/if} {#if files.files.length > 50}
</Panel> <div class="w-full px-2 flex gap-4 items-center">
<div
class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted"
>
{progress}/{length}
</div>
<div class="flex-grow">
<ProgressBar min={0} max={length} {progress} />
</div>
</div>
{/if}
</div></Panel
>