Set agent endpoint via inspector interface

Author: fadmarina

js/http.js

@@ -11,8 +11,9 @@ import Ajax from 'simple-ajax';
 
 class Http {
   static get(path, callback) {
+    var url = window._da_address || 'http://localhost:27753'
     const ajax = new Ajax({
-      url: `http://localhost:27753/${path}`,
+      url: `${url}/${path}`,
       method: 'GET',
     });
     ajax.on('success', event => {
@@ -23,8 +24,9 @@ class Http {
   }
 
   static post(path, data, callback) {
+    var url = window._da_address || 'http://localhost:27753'
     const ajax = new Ajax({
-      url: `http://localhost:27753/${path}`,
+      url: `${url}/${path}`,
       method: 'POST',
       data: data,
     });

js/screen.js

@@ -32,6 +32,12 @@ class Screen extends React.Component {
         <div className="section-caption">
           Screen
         </div>
+        <div className="port selection">
+          <input type="text" id="device-agent-endpoint" defaultValue="http://localhost:41799"></input>
+          <Button onClick={(ev) => {this.setDeviceAgentPort();}} >
+            Set DA endpoint
+          </Button>
+        </div>
         <div>
           <Button onClick={(ev) => {this.home(ev); }} >
             Home
@@ -68,6 +74,11 @@ class Screen extends React.Component {
     return this._gestureRecognizer;
   }
 
+  setDeviceAgentPort() {
+    window._da_address = document.getElementById("device-agent-endpoint").value;
+    this.props.refreshApp();
+  }
+
   styleWithScreenSize() {
     var screenshot = this.screenshot();
     return {