created recived data handler from server

backend/app/handlers/SocketHandler.py

@@ -57,9 +57,7 @@ class ChameleonWebSocket(tornado.websocket.WebSocketHandler):
 
         for key in message_dic:
             self.actions.get(key, self.actions["change_pipeline_values"])(message_dic)
-
         print(message)
-        self.write_message(message)
 
     def on_close(self):
         self.save_settings()

backend/settings/cams/cam1/pipeline1.json

@@ -1 +1 @@
-{"exposure": 21, "brightness": 71}
+{"exposure": 32, "brightness": 36, "hue": [10, 45], "orientation": "Normal", "camera": "3", "resolution": "Normal"}

backend/settings/cams/cam1/pipeline5.json

@@ -0,0 +1 @@
+{"exposure": 50, "brightness": 50}

chameleon-client/src/App.vue

@@ -75,6 +75,7 @@
     },
     created () {
     this.$options.sockets.onmessage = (data) => {
+      console.log(data.data);
       let message = JSON.parse(data.data);
       for (var prop in message){
         if(message.hasOwnProperty(prop)){

chameleon-client/src/store.js

@@ -2,12 +2,10 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 
 Vue.use(Vuex);
-
 const set = key => (state,val) =>{
     state[key] = val
-}
+};
 export const store = new Vuex.Store({
-    strict: true,
 
     state:{
         //header
@@ -22,10 +20,12 @@ export const store = new Vuex.Store({
         hue:[0,10],
         saturation:[0,10],
         value:[0,10]
-
     },
     mutations:{
-        camera: set('camera'),
+        camera (state,value){
+            state['camera'] = value;
+            state['pipeline'] = "0";
+        },
         pipeline: set('pipeline'),
         brightness: set('brightness'),
         exposure: set('exposure'),