Visit svelte.dev/docs/kit to read the documentation
+Enter your participation token to begin
+Create and manage participant invite links.
++ {form?.message || 'Error deleting invite link.'} +
+ {/if} + {#if form?.deleted && form?.message} ++ {form.message} +
+ {/if} +| + Participant + | ++ Status + | ++ Created + | ++ Link + | ++ Actions + | +
|---|---|---|---|---|
| + {invite.participantName || 'Unnamed'} + | ++ + {invite.isUsed ? 'Used' : 'Pending'} + + | ++ {new Date(invite.createdAt).toLocaleDateString()} + | +
+
+
+
+
+
+ |
+ + + | +
| + No invite links created yet. + | +||||
Upload and manage audio files for the study.
++ Drop audio files here, or + +
++ Supports MP3, WAV, FLAC, AAC, OGG and other audio formats +
+{file.name}
++ {formatFileSize(file.size)} • {file.type} +
+ + + + {#if uploadProgress[index]?.status === 'uploading'} +✓ Upload completed
+ {:else if uploadProgress[index]?.status === 'error'} ++ ✗ {uploadProgress[index].error} +
+ {:else if uploadProgress[index]?.status === 'uploading'} +⏳ Uploading...
+ {:else} + + + {/if} +Audio file uploaded successfully!
+| + Filename + | ++ Type + | ++ Size + | ++ Duration + | ++ Uploaded + | ++ Actions + | +
|---|---|---|---|---|---|
|
+ {#if editingAudioId === audio.id}
+
+ {
+ if (e.key === 'Enter') saveRename(audio.id);
+ if (e.key === 'Escape') cancelEdit();
+ }}
+ class="flex-1 rounded-md border-gray-300 px-3 py-2 text-sm focus:border-indigo-500 focus:ring-indigo-500"
+ placeholder="Enter new filename..."
+ autofocus
+ />
+
+ {:else}
+
+
+ {/if}
+
+ {audio.filename}
+
+ |
+ + {audio.contentType} + | ++ {formatFileSize(audio.fileSize || 0)} + | ++ {audio.duration ? formatTime(audio.duration) : 'Loading...'} + | ++ {new Date(audio.createdAt).toLocaleDateString()} + | +
+ {#if editingAudioId === audio.id}
+
+
+
+
+ {:else}
+
+
+ Download
+
+
+ {/if}
+ |
+
| + No audio files uploaded yet. + | +|||||
+ Sign in to access the TaptApp admin panel +
+View and analyze participant ratings data with timeseries visualization.
+Select a submission from the table below to view its timeseries
+| + Participant + | ++ Audio File + | ++ Status + | ++ Data Points + | ++ Duration Covered + | ++ Last Updated + | ++ Actions + | +
|---|---|---|---|---|---|---|
| + {participantData.name} + | +
+
+ {audioData.audioFile.filename}
+
+ |
+ + {#if participantData.isCompleted} + + Completed + + {:else} + + In Progress + + {/if} + | ++ {participantData.ratings.length} + | ++ {#if participantData.ratings.length > 1} + {formatTime(durationCovered)} + {:else if participantData.ratings.length === 1} + Single point + {:else} + - + {/if} + | ++ {#if lastUpdated} + {lastUpdated.toLocaleString()} + {:else} + - + {/if} + | ++ {#if participantData.ratings.length > 0} + + {:else} + - + {/if} + | +
| + No ratings collected yet. + | +||||||
Hello, {data.invite.participantName}!
+ {/if} ++ Thank you for participating in our study. You will listen to audio files and rate them using + a slider. Click "Submit Rating" when you're finished rating each file. +
+🎉 Congratulations! You have completed all audio ratings.
++ {audioFile.contentType} • {new Date(audioFile.createdAt).toLocaleDateString()} +
++ Please check back later when audio files have been uploaded. +
++ Listen to the audio and move the slider to rate it continuously +
+ + +Loading audio file...
+{Math.round(audioLoadProgress)}% loaded
++ + Press Space to play/pause +
+⚠️ You have already submitted a rating for this audio file
++ To redo your rating: listen to the full audio clip again, adjust the slider as needed, and click "Update Rating". + This will replace your previous rating completely. +
++ Move the slider as you listen to rate the audio continuously. You must listen to the full audio clip before you can submit your rating. +
++ + You have unsaved changes +
+ {/if} + {#if !isAudioCompleted} ++ + Must listen to full audio clip to submit +
+ {/if} +✓ You have finished listening to this audio file
+