Coder/whishper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix #27

Browse Source
This commit is contained in:
pluja
2023-09-25 12:29:05 +02:00
parent d7857e49e0
commit 0afc7e452e
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/lib/components/ModalTranscriptionForm.svelte
View File

@@ -26,7 +26,7 @@
'es', 'es',
'fr', 'fr',
'it', 'it',
'jp', 'ja',
'nl', 'nl',
'pl', 'pl',
'pt', 'pt',
@@ -100,12 +100,12 @@
<dialog id="modalNewTranscription" class="modal"> <dialog id="modalNewTranscription" class="modal">
<form method="dialog" class="modal-box"> <form method="dialog" class="modal-box">
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button> <button class="absolute btn btn-sm btn-circle btn-ghost right-2 top-2">✕</button>
{#if errorMessage != ''} {#if errorMessage != ''}
<div class="alert alert-error"> <div class="alert alert-error">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="stroke-current shrink-0 h-6 w-6" class="w-6 h-6 stroke-current shrink-0"
fill="none" fill="none"
viewBox="0 0 24 24" viewBox="0 0 24 24"
><path ><path
@@ -118,8 +118,8 @@
<span>{errorMessage}</span> <span>{errorMessage}</span>
</div> </div>
{/if} {/if}
<div class="space-y-2 mt-0"> <div class="mt-0 space-y-2">
<div class="form-control w-full max-w-xs"> <div class="w-full max-w-xs form-control">
<label for="file" class="label"> <label for="file" class="label">
<span class="label-text">Pick a file</span> <span class="label-text">Pick a file</span>
</label> </label>
@@ -127,11 +127,11 @@
name="file" name="file"
bind:this={fileInput} bind:this={fileInput}
type="file" type="file"
class="file-input file-input-sm file-input-bordered file-input-primary w-full max-w-xs" class="w-full max-w-xs file-input file-input-sm file-input-bordered file-input-primary"
/> />
</div> </div>
<div class="form-control w-full max-w-xs"> <div class="w-full max-w-xs form-control">
<label for="sourceUrl" class="label"> <label for="sourceUrl" class="label">
<span class="label-text">Or a source URL</span> <span class="label-text">Or a source URL</span>
</label> </label>
@@ -140,15 +140,15 @@
bind:value={sourceUrl} bind:value={sourceUrl}
type="text" type="text"
placeholder="https://youtube.com/watch?v=Hd33fCdW" placeholder="https://youtube.com/watch?v=Hd33fCdW"
class="input input-sm input-bordered input-primary w-full max-w-xs" class="w-full max-w-xs input input-sm input-bordered input-primary"
/> />
</div> </div>
</div> </div>
<div class="divider mb-0" /> <div class="mb-0 divider" />
<!-- Whisper Configuration --> <!-- Whisper Configuration -->
<div class="flex space-x-4"> <div class="flex space-x-4">
<div class="form-control w-full max-w-xs"> <div class="w-full max-w-xs form-control">
<label for="modelSize" class="label"> <label for="modelSize" class="label">
<span class="label-text">Whisper model</span> <span class="label-text">Whisper model</span>
</label> </label>
@@ -159,7 +159,7 @@
</select> </select>
</div> </div>
<div class="form-control w-full max-w-xs"> <div class="w-full max-w-xs form-control">
<label for="language" class="label"> <label for="language" class="label">
<span class="label-text">Language</span> <span class="label-text">Language</span>
</label> </label>
@@ -171,7 +171,7 @@
</div> </div>
</div> </div>
<div class="divider mb-0" /> <div class="mb-0 divider" />
<!--Actions--> <!--Actions-->
<button class="btn btn-wide btn-primary" on:click={sendForm} disabled={disableSubmit} <button class="btn btn-wide btn-primary" on:click={sendForm} disabled={disableSubmit}
>Start</button >Start</button