From c9f17a71bd746ff23f3cb42df44c5b42af7213e3 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Fri, 18 Feb 2022 19:03:30 -0800
Subject: [PATCH] adds audiolabs

---
 src/main/base/browserwindow.ts                |  1 +
 src/renderer/views/app/app-content.ejs        |  7 +++-
 .../views/components/audio-settings.ejs       |  5 +++
 src/renderer/views/pages/audiolabs.ejs        | 36 +++++++++++++++++++
 4 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/views/pages/audiolabs.ejs

diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index d15a92d1..6a0a69e6 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -48,6 +48,7 @@ export class BrowserWindow {
                 "pages/remote-pair",
                 "pages/themes-github",
                 "pages/replay",
+                "pages/audiolabs",
                 "components/mediaitem-artwork",
                 "components/artwork-material",
                 "components/menu-panel",
diff --git a/src/renderer/views/app/app-content.ejs b/src/renderer/views/app/app-content.ejs
index b64e3f7d..10250ca4 100644
--- a/src/renderer/views/app/app-content.ejs
+++ b/src/renderer/views/app/app-content.ejs
@@ -171,7 +171,12 @@
                 <remote-pair></remote-pair>
         </template>
     </transition>
-
+    <!-- Audio Labs -->
+    <transition name="wpfade">
+        <template v-if="page == 'audiolabs'">
+            <audiolabs-page></audiolabs-page>
+        </template>
+    </transition>
     <!-- Replay -->
     <transition name="wpfade">
         <template v-if="page == 'replay'">
diff --git a/src/renderer/views/components/audio-settings.ejs b/src/renderer/views/components/audio-settings.ejs
index 82e3fb51..cc95f6e1 100644
--- a/src/renderer/views/components/audio-settings.ejs
+++ b/src/renderer/views/components/audio-settings.ejs
@@ -22,6 +22,11 @@
                         <div class="icon"><%- include("../svg/speaker.svg") %></div>
                         <div class="name">{{app.getLz('term.audioControls')}}</div>
                     </button>
+                    <button class="playlist-item"
+                            @click="$root.appRoute('audiolabs')" style="width:100%;">
+                        <div class="icon"><%- include("../svg/speaker.svg") %></div>
+                        <div class="name">Audio Labs</div>
+                    </button>
                 </div>
             </div>
         </div>
diff --git a/src/renderer/views/pages/audiolabs.ejs b/src/renderer/views/pages/audiolabs.ejs
new file mode 100644
index 00000000..4153a820
--- /dev/null
+++ b/src/renderer/views/pages/audiolabs.ejs
@@ -0,0 +1,36 @@
+<script type="text/x-template" id="audiolabs-page">
+    <div class="content-inner settings-page">
+        <div class="md-option-container">  
+            <div class="md-option-header">
+                <span>Audio Labs</span>
+            </div>
+            <div class="settings-option-body">
+                <div class="md-option-line">
+                    <div class="md-option-segment">
+                        Option
+                    </div>
+                    <div class="md-option-segment md-option-segment_auto">
+                        <input type="checkbox" switch/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+
+<script>
+    Vue.component('audiolabs-page', {
+        template: "#audiolabs-page",
+        props: [],
+        data: function () {
+            return {
+
+            }
+        },
+        mounted: function () {
+
+        },
+        methods: {
+
+        }})
+</script>
\ No newline at end of file