Add show all / reset button on detect params (#184)
All checks were successful
Build Dev PWA / Build-PWA (push) Successful in 35s

Closes: #183

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: #184
This commit is contained in:
2024-06-28 21:22:50 +00:00
parent a89693d829
commit 8e24bcd731
3 changed files with 8 additions and 2 deletions

View File

@@ -42,6 +42,9 @@
<f7-progressbar v-if="(detecting || modelLoading)" style="width: 100%;" :infinite="true" />
</div>
<div v-if="showDetectSettings" class="detect-inputs" style="grid-area: detect-settings;">
<f7-button @click="this.detectorLevel > 0 ? this.detectorLevel = 0 : this.detectorLevel = 50" style="flex: 0 1 20%">
<SvgIcon :icon="this.detectorLevel > 0 ? 'visibility' : 'reset_slide'"/>
</f7-button>
<f7-range class="level-slide-horz" :min="0" :max="100" :step="1" @range:change="onLevelChange" v-model:value="detectorLevel" type="range" style="flex: 1 1 100%"/>
<f7-range class="level-slide-vert" vertical :min="0" :max="100" :step="1" @range:change="onLevelChange" v-model:value="detectorLevel" type="range" style="flex: 1 1 100%"/>
<f7-button @click="() => detectPanel = !detectPanel" :panel-open="!detectPanel && `#${detectorName}-settings`" :panel-close="detectPanel && `#${detectorName}-settings`" style="flex: 0 1 20%">