move listen now to its seperate file

resources/cider-ui-tests/index.js

@@ -13,10 +13,6 @@ Vue.component('lyrics-view', {
     methods: {}
 });
 
-Vue.component('cider-listen-now', {
-    template: "#cider-listen-now",
-    props: ["data"]
-})
 
 const MusicKitTools = {
     getHeader() {
@@ -481,7 +477,7 @@ const app = new Vue({
                                 console.log(artistId)
                             }
                         }
-                        catch (e) {console.log(e)}
+                        catch (e) {}
                     }
                     console.log(artistId);
                     if (artistId != "")
@@ -504,7 +500,7 @@ const app = new Vue({
                                 console.log(albumId)
                             }
                         }
-                        catch (e) {console.log(e)}
+                        catch (e) {}
                     }
                     if (albumId != "")
                        {  
@@ -526,7 +522,7 @@ const app = new Vue({
                                 console.log(labelId)
                             }
                         }
-                        catch (e) {console.log(e)}
+                        catch (e) {}
                     }
                     if (labelId != "")
                        {  
@@ -1108,7 +1104,6 @@ const app = new Vue({
                             }
 
                             if (lrcfile == "") {
-                                console.log('track not found');
                                 app.loadAMLyrics()
                             } else {
                                 // process lrcfile to json here
@@ -1142,7 +1137,6 @@ const app = new Vue({
                             }
                         } catch (e) {
                             console.log(e);
-                            console.log('track not found ??');
                             app.loadAMLyrics()
                         }
                     } else { //4xx rejected
@@ -1195,10 +1189,8 @@ const app = new Vue({
 
             if (track != "" & track != "No Title Found") {
                 if (app.mxmtoken != null && app.mxmtoken != '') {
-                    console.log("we good");
                     getMXMSubs(track, artist, app.mxmtoken, lang, time)
                 } else {
-                    console.log("get token");
                     getToken(1, track, artist, '', lang, time);
                 }
             }

resources/cider-ui-tests/views/main.ejs

@@ -403,31 +403,7 @@
 </script>
 
 <!-- Listen Now -->
-<script type="text/x-template" id="cider-listen-now">
+<%- include('pages/listen_now') %>
-    <div class="content-inner">
-        <h1 class="header-text">Listen Now</h1>
-        <template v-for="recom in data.data">
-            <div class="row">
-                <div class="col">
-                    <h3>{{ recom.attributes.title ? recom.attributes.title.stringForDisplay : ""}}</h3>
-                </div>
-                <div class="col-auto flex-center" v-if="recom.relationships.contents.data.length >= 10">
-                    <button class="cd-btn-seeall">See All</button>
-                </div>
-            </div>
-            <template v-if="recom.attributes.display.kind == 'MusicCoverShelf'">
-                <mediaitem-scroller-horizontal-large
-                        :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-large>
-            </template>
-            <template v-else-if="recom.attributes.display.kind == 'MusicSuperHeroShelf'">
-            </template>
-            <template v-else>
-                <mediaitem-scroller-horizontal-sp
-                        :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-sp>
-            </template>
-        </template>
-    </div>
-</script>
 
 <!-- Playlists / Albums -->
 <%- include('pages/cider-playlist') %>

resources/cider-ui-tests/views/pages/cider-playlist.ejs

@@ -61,7 +61,7 @@
                 <div class="playlist-time"> 
                     {{data.attributes.releaseDate}}
                 </div>
-                <div class="playlist-time" @click="app.searchAndNavigate(data,'recordLabel') " style="width: 50%;"> 
+                <div class="playlist-time item-navigate" @click="app.searchAndNavigate(data,'recordLabel') " style="width: 50%;"> 
                     {{data.attributes.copyright}}
                 </div>
                 <div class="playlist-time">{{app.getTotalTime()}}</div>

resources/cider-ui-tests/views/pages/listen_now.ejs

@@ -0,0 +1,32 @@
+<script type="text/x-template" id="cider-listen-now">
+    <div class="content-inner">
+        <h1 class="header-text">Listen Now</h1>
+        <template v-for="recom in data.data">
+            <div class="row">
+                <div class="col">
+                    <h3>{{ recom.attributes.title ? recom.attributes.title.stringForDisplay : ""}}</h3>
+                </div>
+                <div class="col-auto flex-center" v-if="recom.relationships.contents.data.length >= 10">
+                    <button class="cd-btn-seeall">See All</button>
+                </div>
+            </div>
+            <template v-if="recom.attributes.display.kind == 'MusicCoverShelf'">
+                <mediaitem-scroller-horizontal-large
+                        :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-large>
+            </template>
+            <template v-else-if="recom.attributes.display.kind == 'MusicSuperHeroShelf'">
+            </template>
+            <template v-else>
+                <mediaitem-scroller-horizontal-sp
+                        :items="recom.relationships.contents.data.limit(10)"></mediaitem-scroller-horizontal-sp>
+            </template>
+        </template>
+    </div>
+</script>
+
+<script>
+Vue.component('cider-listen-now', {
+    template: "#cider-listen-now",
+    props: ["data"]
+})    
+</script>

resources/cider-ui-tests/views/pages/recordLabel.ejs

@@ -41,11 +41,11 @@
                 <div class="col">
                     <h3>{{ data.views["top-releases"].attributes.title ?? ""}}</h3>
                 </div>
-                <div class="col-auto flex-center" v-if="data.views['latest-releases'].data.length >= 10">
+                <div class="col-auto flex-center" v-if="data.views['top-releases'].data.length >= 10">
                     <button class="cd-btn-seeall" @click="app.showRecordLabelView(data.id, data.attributes.name + ' -  Top Releases', 'top-releases')">See All</button>
                 </div>
             </div>
-            <mediaitem-square-large :item="item" v-for="item in data.views['latest-releases'].data">
+            <mediaitem-square-large :item="item" v-for="item in data.views['top-releases'].data">
             </mediaitem-square-large>
         </div>
     </div>