From f30dc4b560973bee9708e2ba0d422d3cc91fa8c9 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Wed, 12 Apr 2017 15:04:29 +1200
Subject: [PATCH] Add a "record" button to initiate recording

---
 scripts/system/html/js/record.js | 12 +++++++++++-
 scripts/system/html/record.html  |  3 +++
 scripts/system/record.js         | 11 ++++++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/scripts/system/html/js/record.js b/scripts/system/html/js/record.js
index b2f3ce1934..4fe8e4aeb6 100644
--- a/scripts/system/html/js/record.js
+++ b/scripts/system/html/js/record.js
@@ -16,12 +16,14 @@ var isUsingToolbar = false,
     elRecordingsPlaying,
     elNumberOfPlayers,
     elLoadButton,
+    elRecordButton,
     EVENT_BRIDGE_TYPE = "record",
     BODY_LOADED_ACTION = "bodyLoaded",
     RECORDINGS_BEING_PLAYED_ACTION = "recordingsBeingPlayed",
     NUMBER_OF_PLAYERS_ACTION = "numberOfPlayers",
     STOP_PLAYING_RECORDING_ACTION = "stopPlayingRecording",
-    LOAD_RECORDING_ACTION = "loadRecording";
+    LOAD_RECORDING_ACTION = "loadRecording",
+    START_RECORDING_ACTION = "startRecording";
 
 function stopPlayingRecording(event) {
     var playerID = event.target.getElementsByTagName("input")[0].value;
@@ -111,6 +113,14 @@ function onBodyLoaded() {
         }));
     }
 
+    elRecordButton = document.getElementById("record-button");
+    elRecordButton.onclick = function () {
+        EventBridge.emitWebEvent(JSON.stringify({
+            type: EVENT_BRIDGE_TYPE,
+            action: START_RECORDING_ACTION
+        }));
+    }
+
     EventBridge.emitWebEvent(JSON.stringify({
         type: EVENT_BRIDGE_TYPE,
         action: BODY_LOADED_ACTION
diff --git a/scripts/system/html/record.html b/scripts/system/html/record.html
index 6c3b0602fe..e61f803575 100644
--- a/scripts/system/html/record.html
+++ b/scripts/system/html/record.html
@@ -37,6 +37,9 @@
         <div>
             <input id="load-button" type="button" value="Load" disabled />
         </div>
+        <div>
+            <input id="record-button" class="red" type="button" value="Record" />
+        </div>
         <script>
             onBodyLoaded();
         </script>
diff --git a/scripts/system/record.js b/scripts/system/record.js
index e987bdef0d..fbf3eca0b7 100644
--- a/scripts/system/record.js
+++ b/scripts/system/record.js
@@ -400,7 +400,8 @@
             RECORDINGS_BEING_PLAYED_ACTION = "recordingsBeingPlayed",
             NUMBER_OF_PLAYERS_ACTION = "numberOfPlayers",
             STOP_PLAYING_RECORDING_ACTION = "stopPlayingRecording",
-            LOAD_RECORDING_ACTION = "loadRecording";
+            LOAD_RECORDING_ACTION = "loadRecording",
+            START_RECORDING_ACTION = "startRecording";
 
         function onWebEventReceived(data) {
             var message = JSON.parse(data);
@@ -422,6 +423,14 @@
                     // User wants to select an ATP recording to play.
                     log("TODO: Open dialog for user to select ATP recording to play");
                     break;
+                case START_RECORDING_ACTION:
+                    // Start making a recording.
+                    tablet.gotoHomeScreen();  // Closes window dialog.
+                    HMD.closeTablet();
+                    if (Recorder.isIdle()) {
+                        Recorder.startCountdown();
+                    }
+                    break;
                 }
             }
         }