external-repos/noisedash
1
0
Fork 1
mirror of https://github.com/kaythomas0/noisedash.git synced 2025-11-14 12:18:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add sample uploads

Browse Source
This commit is contained in:
Kevin Thomas
2021-08-16 21:04:49 -07:00
parent 78ddc3ee8f
commit 46033ce610
11 changed files with 440 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/components/Noise.vue
View File

@@ -273,6 +273,105 @@
</v-row>
</v-col>
<v-col cols="12">
<h2 class="headline font-weight-bold mb-5">
Samples
</h2>
<v-row
v-for="(sample, index) in samples"
:key="sample.name"
>
<v-container>
<v-row
justify="center"
>
<v-checkbox
v-model="checkedSamples"
:value="sample.id"
:label="`${sample.name}`"
class="mx-3"
/>
</v-row>
<v-row>
<v-slider
v-model="sample.volume"
label="Volume"
thumb-label
max="0"
min="-30"
class="mx-3"
@change="updateSampleVolume(sample.id, index)"
/>
<div
class="mx-3"
>
<p>{{ samples[index].volume }}</p>
</div>
</v-row>
</v-container>
</v-row>
<v-dialog
v-model="sampleDialog"
max-width="600px"
>
<template v-slot:activator="{ on, attrs }">
<v-btn
v-bind="attrs"
class="mx-3 mb-5"
v-on="on"
>
Upload Sample
</v-btn>
</template>
<v-card>
<v-card-title>
<span class="text-h5">Add a Sample</span>
</v-card-title>
<v-card-text>
<v-container>
<v-row>
<p><strong>WARNING:</strong> Uploaded samples are publicly accessible.</p>
</v-row>
<v-row>
<v-file-input
v-model="selectedSample"
accept="audio/*"
label="Upload a sample!"
/>
</v-row>
<v-row>
<v-col cols="12">
<v-text-field
v-model="sampleName"
label="Sample Name"
required
/>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn
text
@click="sampleDialog = false"
>
Close
</v-btn>
<v-btn
text
@click="uploadSample"
>
Upload
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-col>
<v-col cols="12">
<h2 class="headline font-weight-bold mb-5">
Profiles