From 6ee236e783e8a1faf2075b0cf462f11770f6a486 Mon Sep 17 00:00:00 2001
From: Seth Alves <seth.alves@gmail.com>
Date: Thu, 21 Feb 2019 14:04:08 -0800
Subject: [PATCH] added a button to enable server loopback of audio

---
 interface/resources/qml/hifi/audio/Audio.qml  |  7 ++
 .../qml/hifi/audio/LoopbackAudio.qml          | 75 +++++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 interface/resources/qml/hifi/audio/LoopbackAudio.qml

diff --git a/interface/resources/qml/hifi/audio/Audio.qml b/interface/resources/qml/hifi/audio/Audio.qml
index 34ae64aee8..e340ec5003 100644
--- a/interface/resources/qml/hifi/audio/Audio.qml
+++ b/interface/resources/qml/hifi/audio/Audio.qml
@@ -313,5 +313,12 @@ Rectangle {
                      (bar.currentIndex === 0 && !isVR);
             anchors { left: parent.left; leftMargin: margins.paddings }
         }
+        LoopbackAudio {
+            x: margins.paddings
+
+            visible: (bar.currentIndex === 1 && isVR) ||
+                (bar.currentIndex === 0 && !isVR);
+            anchors { left: parent.left; leftMargin: margins.paddings }
+        }
     }
 }
diff --git a/interface/resources/qml/hifi/audio/LoopbackAudio.qml b/interface/resources/qml/hifi/audio/LoopbackAudio.qml
new file mode 100644
index 0000000000..6d5f8d88fd
--- /dev/null
+++ b/interface/resources/qml/hifi/audio/LoopbackAudio.qml
@@ -0,0 +1,75 @@
+//
+//  LoopbackAudio.qml
+//  qml/hifi/audio
+//
+//  Created by Seth Alves on 2019-2-18
+//  Copyright 2019 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+import QtQuick 2.7
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.3
+
+import stylesUit 1.0
+import controlsUit 1.0 as HifiControls
+
+RowLayout {
+    property bool audioLoopedBack: false;
+    function startAudioLoopback() {
+        if (!audioLoopedBack) {
+            audioLoopedBack = true;
+            AudioScope.setServerEcho(true);
+        }
+    }
+    function stopAudioLoopback () {
+        if (audioLoopedBack) {
+            audioLoopedBack = false;
+            AudioScope.setServerEcho(false);
+        }
+    }
+
+    Component.onDestruction: stopAudioLoopback();
+    onVisibleChanged: {
+        if (!visible) {
+            stopAudioLoopback();
+        }
+    }
+
+    HifiConstants { id: hifi; }
+
+    Button {
+        id: control
+        background: Rectangle {
+            implicitWidth: 20;
+            implicitHeight: 20;
+            radius: hifi.buttons.radius;
+            gradient: Gradient {
+                GradientStop {
+                    position: 0.2;
+                    color: audioLoopedBack ? hifi.buttons.colorStart[hifi.buttons.blue] : hifi.buttons.colorStart[hifi.buttons.black];
+                }
+                GradientStop {
+                    position: 1.0;
+                    color: audioLoopedBack ? hifi.buttons.colorFinish[hifi.buttons.blue] : hifi.buttons.colorFinish[hifi.buttons.black];
+                }
+            }
+        }
+        contentItem: HiFiGlyphs {
+            size: 14;
+            color: (control.pressed || control.hovered) ? (audioLoopedBack ? "black" : hifi.colors.primaryHighlight) : "white";
+            text: audioLoopedBack ? hifi.glyphs.stop_square : hifi.glyphs.playback_play;
+        }
+
+        onClicked: audioLoopedBack ? stopAudioLoopback() : startAudioLoopback();
+    }
+
+    RalewayRegular {
+        Layout.leftMargin: 2;
+        size: 14;
+        color: "white";
+        text: audioLoopedBack ? qsTr("Disable Audio Loopback") : qsTr("Enable Audio Loopback");
+    }
+}