webview pair-remote

src/main/base/browserwindow.ts

@@ -44,6 +44,7 @@ export class BrowserWindow {
                 "pages/search",
                 "pages/about",
                 "pages/library-videos",
+                "pages/remote-pair",
                 "components/mediaitem-artwork",
                 "components/artwork-material",
                 "components/menu-panel",
@@ -540,7 +541,7 @@ export class BrowserWindow {
 
         ipcMain.on('get-remote-pair-url', (_event, _) => {
             let url = `http://${BrowserWindow.getIP()}:${this.remotePort}`;
-            BrowserWindow.win.webContents.send('send-remote-pair-url', url);
+            BrowserWindow.win.webContents.send('send-remote-pair-url', (`https://cider.sh/pair-remote?url=${Buffer.from(encodeURI(url)).toString('base64')}`).toString());
         });
         if (process.platform === "darwin") {
             app.setUserActivity('com.CiderCollective.remote.pair', {

src/renderer/views/app/app-content.ejs

@@ -159,5 +159,11 @@
             <cider-applecurator :data="appleCurator"></cider-applecurator>
         </template>
     </transition>
+        <!-- Library - Library Videos -->
+    <transition name="wpfade">
+        <template v-if="page == 'remote-pair'">
+                <remote-pair></remote-pair>
+        </template>
+    </transition>
 
 </div>

src/renderer/views/app/sidebar.ejs

@@ -93,12 +93,8 @@
                     </div>
                 </button>
                 <button class="usermenu-item" @click="appRoute('remote-pair')">
-                    <div class="row nopadding">
-                        <div class="col nopadding">
                             <span class="usermenu-item-icon"><%- include("../svg/smartphone.svg") %></span>
                             <span class="usermenu-item-name">{{$root.getLz('action.showWebRemoteQR')}}</span>
-                        </div>
-                    </div>
                 </button>
                 <button class="usermenu-item" v-if="cfg.advanced.AudioContext"
                         @click="modals.audioSettings = true">

src/renderer/views/pages/remote-pair.ejs

@@ -4,8 +4,8 @@
     </div>
 </script>
 <script>
-    Vue.component('apple-account-settings', {
-        template: '#apple-account-settings',
+    Vue.component('remote-pair', {
+        template: '#remote-pair',
         async mounted() {
             ipcRenderer.send('get-remote-pair-url')
             ipcRenderer.on('send-remote-pair-url', (event, url) => {