2019-09-22 00:14:12 +03:00
|
|
|
<template>
|
2019-09-28 02:17:18 +03:00
|
|
|
<div>
|
2019-10-10 23:32:55 +03:00
|
|
|
<CVslider name="Exposure" v-model="value.Exposure" @input="handleInput('exposure',value.Exposure)" :min="0" :max="100"></CVslider>
|
2019-09-28 18:27:17 +03:00
|
|
|
<CVslider name="Brightness" v-model="value.Brightness" :min="0" :max="100"></CVslider>
|
|
|
|
|
<CVselect name="Orientation" v-model="value.Orientation" :list="['Normal','Inverted']"></CVselect>
|
2019-09-28 02:17:18 +03:00
|
|
|
</div>
|
2019-09-22 00:14:12 +03:00
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2019-09-28 02:17:18 +03:00
|
|
|
import CVslider from '../../components/cv-slider'
|
|
|
|
|
import rangeSlider from '../../components/cv-range-slider'
|
|
|
|
|
import CVselect from '../../components/cv-select'
|
|
|
|
|
import CVswitch from '../../components/cv-switch'
|
2019-09-22 00:14:12 +03:00
|
|
|
export default {
|
|
|
|
|
name: 'Input',
|
2019-09-28 18:27:17 +03:00
|
|
|
props:['value'],
|
2019-09-28 02:17:18 +03:00
|
|
|
components:{
|
|
|
|
|
CVslider,
|
|
|
|
|
CVselect,
|
|
|
|
|
CVswitch
|
|
|
|
|
},
|
2019-09-22 00:14:12 +03:00
|
|
|
data() {
|
|
|
|
|
return {
|
2019-09-28 02:17:18 +03:00
|
|
|
t:0,
|
|
|
|
|
a:1
|
2019-09-22 00:14:12 +03:00
|
|
|
}
|
2019-09-28 02:17:18 +03:00
|
|
|
},
|
|
|
|
|
methods:{
|
2019-10-10 23:32:55 +03:00
|
|
|
handleInput(key,val){
|
|
|
|
|
let msg = this.$msgPack().encode({key,val});
|
|
|
|
|
this.$socket.send(msg);
|
|
|
|
|
}
|
2019-09-28 18:27:17 +03:00
|
|
|
},
|
|
|
|
|
computed:{}
|
2019-09-22 00:14:12 +03:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
|
|
</style>
|