Team2890/PhotonVision
4
0
Fork 0
mirror of https://github.com/PhotonVision/photonvision synced 2026-07-02 02:51:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

added integration with vuex

Browse Source
This commit is contained in:
ori agranat
2019-03-26 22:01:10 +02:00
parent ae5c927d1f
commit 028a75e55a
5 changed files with 55 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
chameleon-client/src/components/InputTab.vue
View File

@@ -1,12 +1,11 @@
<template>
<div id="InputTab">
<chslider class="spacing" title="exposure" :parentData="values.exposure" @input="values.exposure = $event"></chslider>
<chslider class="spacing" title="Brightness" :parentData="values.brightness" @input="values.brightness = $event"></chslider>
<chselect class="spacing" title="Orientation" :list="['Normal','Inverted']" :parentData="values.orientation" @input="values.orientation = $event" ></chselect>
<chselect class="spacing" title="Resolution" :list="['idk']" :parentData="values.resolution" @input="values.resolution = $event" ></chselect>
<chslider class="spacing" title="exposure" :parentData="$store.getters.exposure" @input="onChange('exposure',$event)"></chslider>
<chslider class="spacing" title="Brightness" :parentData="$store.getters.brightness" @input="onChange('brightness',$event)"></chslider>
<chselect class="spacing" title="Orientation" :list="['Normal','Inverted']" :parentData="$store.getters.orientation" @input="onChange('orientation',$event)"></chselect>
<chselect class="spacing" title="Resolution" :list="['idk']" :parentData="$store.getters.resolution" @input="onChange('resolution',$event)"></chselect>
</div>
</template>
<script>
@@ -16,12 +15,6 @@ import chselect from './ch-select.vue'
name: 'InputTab',
data () {
return{
values:{
exposure:0,
brightness:0,
orientation:0,
resolution:0
}
}
},
components: {
@@ -29,17 +22,16 @@ import chselect from './ch-select.vue'
chselect
},
methods: {
onChange(i) {
console.log(i);
onChange: function(key,event) {
this.$store.commit(key, event);
console.log(this.$store.getters);
}
}
}
</script>
<style scoped>
.spacing{
margin-top: 20px;
}
</style>