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

added emmit for more pipeline values

Browse Source
This commit is contained in:
ori agranat
2019-10-10 23:58:27 +03:00
parent d5cfd7fc72
commit 0c56aa878e
7 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
New client/chameleon-client/src/App.vue
View File

@@ -31,7 +31,7 @@ export default {
},
methods:{
handleMessage(key,val){
handleMessage(key,value){
switch(key){
default:{
this.$store.commit(key,value);

8
New client/chameleon-client/src/main.js
View File

@@ -10,6 +10,14 @@ Vue.config.productionTip = false;
// Vue.use(VueNativeSock,'ws://' + location.host + '/websocket',{format: 'json'});
Vue.use(VueNativeSock,'ws://'+location.hostname+':8888/websocket');
Vue.prototype.$msgPack = msgPack;
Vue.mixin({
methods:{
handleInput(key,value){
let msg = this.$msgPack().encode({key,value})
this.$socket.send(msg);
}
}
})
new Vue({
router,
store,

1
New client/chameleon-client/src/views/Camera.vue
View File

@@ -110,6 +110,7 @@ import CVicon from '../components/cv-icon'
case 3:
return "OutputTab";
}
return "";
}
},
point:{

10
New client/chameleon-client/src/views/CameraViewes/ContoursTab.vue
View File

@@ -1,10 +1,10 @@
<template>
<div>
<CVrangeSlider v-model="value.Area" name="Area" :min="0" :max="100" :step="0.1"></CVrangeSlider>
<CVrangeSlider v-model="value.Ratio" name="Ratio (W/H)" :min="0" :max="100" :step="0.1"></CVrangeSlider>
<CVrangeSlider v-model="value.Extent" name="Extent" :min="0" :max="100"></CVrangeSlider>
<CVselect name="Target Group" :list="['Single','Dual','Triple','Quadruple','Quintuple']" v-model="value.TargetGrouping"></CVselect>
<CVselect name="Target Intersection" :list="['None','Up','Down','Left','Right']" :disabled="isDisabled" v-model="value.TargetIntersection"></CVselect>
<CVrangeSlider v-model="value.Area" name="Area" :min="0" :max="100" :step="0.1" @input="handleInput('Area',value.Area)"></CVrangeSlider>
<CVrangeSlider v-model="value.Ratio" name="Ratio (W/H)" :min="0" :max="100" :step="0.1" @input="handleInput('Ratio',value.Ratio)"></CVrangeSlider>
<CVrangeSlider v-model="value.Extent" name="Extent" :min="0" :max="100" @input="handleInput('Extent',value.Extent)"></CVrangeSlider>
<CVselect name="Target Group" :list="['Single','Dual','Triple','Quadruple','Quintuple']" v-model="value.TargetGrouping" @input="handleInput('TargetGrouping',value.TargetGrouping)"></CVselect>
<CVselect name="Target Intersection" :list="['None','Up','Down','Left','Right']" :disabled="isDisabled" v-model="value.TargetIntersection" @input="handleInput('TargetIntersection',value.TargetIntersection)"></CVselect>
</div>
</template>

17
New client/chameleon-client/src/views/CameraViewes/InputTab.vue
View File

@@ -1,23 +1,20 @@
<template>
<div>
<CVslider name="Exposure" v-model="value.Exposure" @input="handleInput('exposure',value.Exposure)" :min="0" :max="100"></CVslider>
<CVslider name="Brightness" v-model="value.Brightness" :min="0" :max="100"></CVslider>
<CVselect name="Orientation" v-model="value.Orientation" :list="['Normal','Inverted']"></CVselect>
<CVslider name="Exposure" v-model="value.Exposure" @input="handleInput('Exposure',value.Exposure)" :min="0" :max="100"></CVslider>
<CVslider name="Brightness" v-model="value.Brightness" :min="0" :max="100" @input="handleInput('Brightness',value.Brightness)"></CVslider>
<CVselect name="Orientation" v-model="value.Orientation" :list="['Normal','Inverted']" @input="handleInput('Orientation',value.Orientation)"></CVselect>
</div>
</template>
<script>
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'
export default {
name: 'Input',
props:['value'],
components:{
CVslider,
CVselect,
CVswitch
},
data() {
return {
@@ -26,10 +23,10 @@ import CVswitch from '../../components/cv-switch'
}
},
methods:{
handleInput(key,val){
let msg = this.$msgPack().encode({key,val});
this.$socket.send(msg);
}
// handleInput(key,val){
// let msg = this.$msgPack().encode({key,val});
// this.$socket.send(msg);
// }
},
computed:{}
}

2
New client/chameleon-client/src/views/CameraViewes/OutputTab.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<CVselect name="SortMode" v-model="value.SortMode" :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Closest']"></CVselect>
<CVselect name="SortMode" v-model="value.SortMode" :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Closest']" @input="handleInput('SortMode',value.SortMode)"></CVselect>
<span>Calibrate:</span><v-divider dark color="white"></v-divider>
<v-row align="center" justify="start">
<v-col style="padding-right:0px" :cols="3">

10
New client/chameleon-client/src/views/CameraViewes/ThresholdTab.vue
View File

@@ -1,10 +1,10 @@
<template>
<div>
<CVrangeSlider v-model="value.Hue" name="Hue" :min="0" :max="180"></CVrangeSlider>
<CVrangeSlider v-model="value.Saturation" name="Saturation" :min="0" :max="255"></CVrangeSlider>
<CVrangeSlider v-model="value.Value" name="Value" :min="0" :max="255"></CVrangeSlider>
<CVswitch v-model="value.Erode" name="Erode"></CVswitch>
<CVswitch v-model="value.Dilate" name="Dilate"></CVswitch>
<CVrangeSlider v-model="value.Hue" name="Hue" :min="0" :max="180" @input="handleInput('Hue',value.Hue)"></CVrangeSlider>
<CVrangeSlider v-model="value.Saturation" name="Saturation" :min="0" :max="255" @input="handleInput('Saturation',value.Saturation)"></CVrangeSlider>
<CVrangeSlider v-model="value.Value" name="Value" :min="0" :max="255" @input="handleInput('Value',value.Value)"></CVrangeSlider>
<CVswitch v-model="value.Erode" name="Erode" @input="handleInput('Erode',value.Erode)"></CVswitch>
<CVswitch v-model="value.Dilate" name="Dilate" @input="handleInput('Dilate',value.Dilate)"></CVswitch>
</div>
</template>