added lists to the ui and the store

chameleon-client/src/components/InputTab.vue

@@ -4,7 +4,7 @@
         <chslider class="spacing" title="exposure" Xkey="exposure"></chslider>
         <chslider class="spacing" title="Brightness" Xkey="brightness"></chslider>
         <chselect class="spacing" title="Orientation" Xkey="orientation" :list="['Normal','Inverted']"></chselect>
-        <chselect class="spacing" title="Resolution" Xkey="resolution"  :list="['Normal','Inverted']"></chselect>
+        <chselect class="spacing" title="Resolution" Xkey="resolution"  :list="resolutionList"></chselect>
         </div>
 </template>
     
@@ -22,6 +22,13 @@ import chselect from './ch-select.vue'
             chselect
         },
         methods: {
+        },
+        computed:{
+            resolutionList:{
+                get:function(){
+                    return this.$store.state.resolution;
+                }
+            }
         }
     }
 </script>

chameleon-client/src/components/Vision.vue

@@ -3,10 +3,10 @@
         <Header id="main-header">
             <Row type="flex" justify="start" align="middle" :gutter="10">
                 <Col span="12">
-                    <chselect title="camera" :list="['1','2','3']" Xkey="camera"></chselect>
+                    <chselect title="camera" :list="cameraList" Xkey="camera"></chselect>
                 </Col>
                 <Col span="12">
-                    <chselect title="pipline" :list="['0','1','2','3','4','5','6','7','8','9']" Xkey="pipeline"></chselect>
+                    <chselect title="pipline" :list="piplineList" Xkey="pipeline"></chselect>
                 </Col>
             </Row>
         </Header>
@@ -47,6 +47,16 @@
             }
         },
         computed: {
+            cameraList:{
+                get:function(){
+                    return this.$store.state.cameraList;
+                }
+            },
+            piplineList:{
+                get: function(){
+                    return this.$store.state.piplineList;
+                }
+            },
             steamAdress: {
                 get: function(){
                     return this.$store.state.streamAdress;

chameleon-client/src/components/ch-select.vue

@@ -4,7 +4,7 @@
             <h4>{{title.charAt(0).toUpperCase() + title.slice(1)}} :</h4>
         </Col>
         <Col span="4">
-            <i-select v-model="value" size="small" v-bind:placeholder="list[0]" @on-change="handleInput">
+            <i-select v-model="value" size="small" @on-change="handleInput">
                 <i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
             </i-select>
         </Col>

chameleon-client/src/store.js

@@ -15,7 +15,7 @@ export const store = new Vuex.Store({
         exposure:54,
         brightness:0,
         orientation:0,
-        resolution:0,
+        resolution:[],
         //threshold
         hue:[0,10],
         saturation:[0,10],
@@ -34,7 +34,10 @@ export const store = new Vuex.Store({
         hostName:"",
         //live info
         streamAdress:("http://"+location.hostname + ":1181/?stream"),
-        isBinaryImage:0
+        isBinaryImage:0,
+        //camera lists
+        cameraList:[],
+        pipelineList:[]
 
     },
     mutations:{
@@ -61,7 +64,9 @@ export const store = new Vuex.Store({
         gateWay : set('gateWay'),
         hostName : set('hostName'),
         streamAdress : set('streamAdress'),
-        isBinaryImage: set('isBinaryImage')
+        isBinaryImage: set('isBinaryImage'),
+        cameraList : set('cameraList'),
+        pipelineList: set('piplineList')
     },
     getters:{
         camera: state => state.camera,
@@ -84,7 +89,9 @@ export const store = new Vuex.Store({
         gateWay: state => state.gateWay,
         hostName: state => state.hostName,
         streamAdress: state => state.streamAdress,
-        isBinaryImage: state => state.isBinaryImage
+        isBinaryImage: state => state.isBinaryImage,
+        cameraList: state => state.cameraList,
+        pipelineList: state => state.pipelineList
 
     },
 });