From a576a04e6604a6a408cb6618ed9a2f42ee89bc14 Mon Sep 17 00:00:00 2001
From: Xinyu-Li <lixinyu6688558@gmail.com>
Date: Sun, 8 Aug 2021 16:28:47 +1000
Subject: [PATCH] add baseline buttons

add baseline buttons and send request to start all services
---
 client/js/app.js        | 145 ++++++++++++++++++++++++++++++++++++++++
 client/views/index.html |   9 ++-
 2 files changed, 152 insertions(+), 2 deletions(-)

diff --git a/client/js/app.js b/client/js/app.js
index 4767ec0f..d62e6ddb 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -884,8 +884,153 @@ app.controller('actionsController', function($window, $scope, $location, $route,
 
   };//end log
 
+
+  var mainLaptopIpAddress = "localhost";//"49.127.32.101";
+  var sencondLaptopIpAddress = "";
+
+  $scope.startBaseline = function() {
+
+    console.log("start baseline");
+    var oReqBio = new XMLHttpRequest();
+    oReqBio.open('GET', 'http://' + mainLaptopIpAddress + ':7301/bio/start-baseline/' + $scope.sessionid, true);
+    oReqBio.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+    oReqBio.send();
+    oReqBio.onreadystatechange = function () {
+        if (oReqBio.readyState === 4 && oReqBio.status === 200) {
+            console.log(oReqBio.responseText);
+        }
+    };
+
+    var oReqAudio = new XMLHttpRequest();
+    oReqAudio.open('GET', 'http://' + mainLaptopIpAddress + ':7501/audio/start-baseline/' + $scope.sessionid, true);
+    oReqAudio.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+    oReqAudio.send();
+    oReqAudio.onreadystatechange = function () {
+        if (oReqAudio.readyState === 4 && oReqAudio.status === 200) {
+            console.log(oReqAudio.responseText);
+        }
+    };
+
+}
+
+$scope.stopBaseline = function() {
+    console.log("start baseline");
+    var oReqBioBaseline = new XMLHttpRequest();
+    oReqBioBaseline.open('GET', 'http://' + mainLaptopIpAddress + ':7301/bio/stop', true);
+    oReqBioBaseline.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+    oReqBioBaseline.send();
+    oReqBioBaseline.onreadystatechange = function () {
+        if (oReqBioBaseline.readyState === 4 && oReqBioBaseline.status === 200) {
+            console.log(oReqBioBaseline.responseText);
+            alert(oReqBioBaseline.responseText);
+        }
+    };
+
+    var oReqAudioBaseline = new XMLHttpRequest();
+    oReqAudioBaseline.open('GET', 'http://' + mainLaptopIpAddress + ':7501/audio/stop', true);
+    oReqAudioBaseline.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+    oReqAudioBaseline.send();
+    oReqAudioBaseline.onreadystatechange = function () {
+        if (oReqAudioBaseline.readyState === 4 && oReqAudioBaseline.status === 200) {
+            console.log(oReqAudioBaseline.responseText);
+            alert(oReqAudioBaseline.responseText);
+        }
+    };
+}
+
+
   $scope.logStartStopActionSession = function(actID,actDesc){
     
+    if (actID === 8) {
+      console.log("actID:" + actID);
+
+      console.log("start all recording------------------------");
+      var oReqBio = new XMLHttpRequest();
+      oReqBio.open('GET', 'http://' + mainLaptopIpAddress + ':7301/bio/start/' + $scope.sessionid, true);
+      oReqBio.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqBio.send();
+      oReqBio.onreadystatechange = function () {
+          if (oReqBio.readyState === 4 && oReqBio.status === 200) {
+              console.log(oReqBio.responseText);
+          }
+      };
+
+      var oReqPos = new XMLHttpRequest();
+      oReqPos.open('GET', 'http://' + mainLaptopIpAddress + ':7201/pos/start/' + $scope.sessionid, true);
+      oReqPos.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqPos.send();
+      oReqPos.onreadystatechange = function () {
+          if (oReqPos.readyState === 4 && oReqPos.status === 200) {
+              console.log(oReqPos.responseText);
+          }
+      };
+      var oReqAudio = new XMLHttpRequest();
+      oReqAudio.open('GET', 'http://' + sencondLaptopIpAddress + ':7501/audio/start/' + $scope.sessionid, true);
+      oReqAudio.setRequestHeader("Access-Control-Allow-Origin", "http://" + sencondLaptopIpAddress);
+      oReqAudio.send();
+      oReqAudio.onreadystatechange = function () {
+          if (oReqAudio.readyState === 4 && oReqAudio.status === 200) {
+              console.log(oReqAudio.responseText);
+          }
+      };
+
+      var oReqVideo = new XMLHttpRequest();
+      oReqVideo.open('GET', 'http://' + mainLaptopIpAddress + ':7101/video/start/' + $scope.sessionid, true);
+      oReqVideo.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqVideo.send();
+      oReqVideo.onreadystatechange = function () {
+          if (oReqVideo.readyState === 4 && oReqVideo.status === 200) {
+              console.log(oReqVideo.responseText);
+              if (oReqVideo.responseText === "please restart server") {
+                  alert("please restart video server");
+              }
+          }
+      };
+
+      console.log("recording started");
+  } else if (actID === 9) {
+      console.log("recording stop");
+
+      var oReqVideoStop = new XMLHttpRequest();
+      oReqVideoStop.open('GET', 'http://' + mainLaptopIpAddress + ':7101/video/stop', true);
+      oReqVideoStop.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqVideoStop.send();
+      oReqVideoStop.onreadystatechange = function () {
+          if (oReqVideoStop.readyState === 4 && oReqVideoStop.status === 200) {
+              console.log(oReqVideoStop.responseText);
+          }
+      };
+
+      var oReqPosStop = new XMLHttpRequest();
+      oReqPosStop.open('GET', 'http://' + mainLaptopIpAddress + ':7201/pos/stop', true);
+      oReqPosStop.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqPosStop.send();
+      oReqPosStop.onreadystatechange = function () {
+          if (oReqPosStop.readyState === 4 && oReqPosStop.status === 200) {
+              console.log(oReqPosStop.responseText);
+          }
+      };
+      var oReqBioStop = new XMLHttpRequest();
+      oReqBioStop.open('GET', 'http://' + mainLaptopIpAddress + ':7301/bio/stop', true);
+      oReqBioStop.setRequestHeader("Access-Control-Allow-Origin", "http://" + mainLaptopIpAddress);
+      oReqBioStop.send();
+      oReqBioStop.onreadystatechange = function () {
+          if (oReqBioStop.readyState === 4 && oReqBioStop.status === 200) {
+              console.log(oReqBioStop.responseText);
+          }
+      };
+
+      var oReqAudioStop = new XMLHttpRequest();
+      oReqAudioStop.open('GET', 'http://' + sencondLaptopIpAddress + ':7501/audio/stop', true);
+      oReqAudioStop.setRequestHeader("Access-Control-Allow-Origin", "http://" + sencondLaptopIpAddress);
+      oReqAudioStop.send();
+      oReqAudioStop.onreadystatechange = function () {
+          if (oReqAudioStop.readyState === 4 && oReqAudioStop.status === 200) {
+              console.log(oReqAudioStop.responseText);
+          }
+      };
+  }
+
     const dataObj = {
         id_session : $scope.sessionid,
         id_action: actID,
diff --git a/client/views/index.html b/client/views/index.html
index 78cffb8c..f333ac28 100644
--- a/client/views/index.html
+++ b/client/views/index.html
@@ -100,8 +100,13 @@ <h1>Log Actions</h1>
       </div>
       
       <div class="d-flex align-items-between w-100">
-        <div class="p-2"><span><a href="javascript:void(0)" class="btn btn-success btn-sm" ng-click="logStartStopActionSession(8,'Session started')"> Start Session </a></span></div>
-        <div class="p-2"><span><a href="javascript:void(0)" class="btn btn-danger btn-sm" ng-click="logStartStopActionSession(9,'Session ended')"> Stop Session </a></span></div>
+
+        <div class="p-2">
+          <button class="btn btn-success" ng-click="startBaseline()">1. Start baseline</button>
+          <button class="btn btn-warning" ng-click="stopBaseline()">2. Stop baseline</button>
+      </div>
+        <div class="p-2"><span><a href="javascript:void(0)" class="btn btn-success btn-sm" ng-click="logStartStopActionSession(8,'Session started')">3. Start Session </a></span></div>
+        <div class="p-2"><span><a href="javascript:void(0)" class="btn btn-danger btn-sm" ng-click="logStartStopActionSession(9,'Session ended')">4. Stop Session </a></span></div>
       </div>
 
       <div class="my-3 p-3 bg-white rounded box-shadow">