adds audiolabs

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",

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'">

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>

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>