mirror of
https://github.com/owntone/owntone-server.git
synced 2025-04-01 10:13:45 -04:00
30 lines
557 B
Vue
30 lines
557 B
Vue
<template>
|
|
<input
|
|
:value="value"
|
|
:disabled="disabled"
|
|
class="slider"
|
|
:class="{ 'is-inactive': disabled }"
|
|
:max="max"
|
|
type="range"
|
|
:style="{
|
|
'--ratio': ratio,
|
|
'--cursor': $filters.cursor(cursor)
|
|
}"
|
|
@input="$emit('update:value', $event.target.value)"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'ControlSlider',
|
|
props: { value: Number, max: Number, disabled: Boolean, cursor: String },
|
|
emits: ['update:value'],
|
|
|
|
computed: {
|
|
ratio() {
|
|
return this.value / this.max
|
|
}
|
|
}
|
|
}
|
|
</script>
|