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

Add filter section

Browse Source
This commit is contained in:
KevinNThomas
2021-07-18 21:59:00 -07:00
parent 4335fb3f45
commit bca1faebbb
3 changed files with 78 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/Noise.vue
View File

@@ -24,14 +24,14 @@
<v-row justify="center">
<v-btn
:disabled="startDisabled"
class="mx-3"
@click="handleStart"
class="mx-3 mb-5"
@click="playNoise"
>
Start
</v-btn>
<v-btn
class="mx-3"
class="mx-3 mb-5"
@click="stopTransport"
>
Stop
@@ -58,12 +58,14 @@
v-model="noiseVolume"
label="Volume"
class="mx-3"
:disabled="startDisabled"
/>
<v-text-field
v-model="noiseDuration"
label="Seconds"
class="mx-3"
:disabled="startDisabled"
/>
<v-select
@@ -71,9 +73,56 @@
:items="noiseColorOptions"
label="Noise Color"
class="mx-3"
:disabled="startDisabled"
/>
</v-row>
</v-col>
<v-col cols="12">
<h2 class="headline font-weight-bold mb-5">
Filter
</h2>
<v-row justify="center">
<v-checkbox
v-model="isFilterEnabled"
:disabled="startDisabled"
label="Enabled"
class="mb-5"
/>
</v-row>
</v-col>
<v-col cols="12">
<v-row justify="center">
<v-select
v-model="filterType"
:items="filterTypeOptions"
label="Filter Type"
class="mx-3"
:disabled="!isFilterEnabled ||startDisabled"
/>
<v-slider
v-model="frequencyCutoff"
label="Frequency Cutoff (Hz)"
thumb-label="always"
:thumb-size="40"
:disabled="!isFilterEnabled || startDisabled"
max="20000"
min="0"
class="mx-3"
>
<template v-slot:append>
<v-text-field
v-model="frequencyCutoff"
class="mt-0 pt-0"
type="number"
/>
</template>
</v-slider>
</v-row>
</v-col>
</v-row>
</v-container>
</template>