From 9d7251f20c3940e2108a708b253eb61858a00db1 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Mon, 13 Dec 2021 20:51:54 +0700
Subject: [PATCH] move listen now to its seperate file

---
 resources/cider-ui-tests/index.js             | 14 ++------
 resources/cider-ui-tests/views/main.ejs       | 26 +--------------
 .../views/pages/cider-playlist.ejs            |  2 +-
 .../cider-ui-tests/views/pages/listen_now.ejs | 32 +++++++++++++++++++
 .../views/pages/recordLabel.ejs               |  4 +--
 5 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index 06f07a16..62740d72 100644
--- a/resources/cider-ui-tests/index.js
+++ b/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);
                 }
             }
diff --git a/resources/cider-ui-tests/views/main.ejs b/resources/cider-ui-tests/views/main.ejs
index 2561fb16..4bce8b00 100644
--- a/resources/cider-ui-tests/views/main.ejs
+++ b/resources/cider-ui-tests/views/main.ejs
@@ -403,31 +403,7 @@
 </script>
 
 <!-- Listen Now -->
-<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>
+<%- include('pages/listen_now') %>
 
 <!-- Playlists / Albums -->
 <%- include('pages/cider-playlist') %>
diff --git a/resources/cider-ui-tests/views/pages/cider-playlist.ejs b/resources/cider-ui-tests/views/pages/cider-playlist.ejs
index 1f2fc93e..3fb87a63 100644
--- a/resources/cider-ui-tests/views/pages/cider-playlist.ejs
+++ b/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>
diff --git a/resources/cider-ui-tests/views/pages/listen_now.ejs b/resources/cider-ui-tests/views/pages/listen_now.ejs
index e69de29b..064bfb18 100644
--- a/resources/cider-ui-tests/views/pages/listen_now.ejs
+++ b/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>
diff --git a/resources/cider-ui-tests/views/pages/recordLabel.ejs b/resources/cider-ui-tests/views/pages/recordLabel.ejs
index fd51d4b3..60273107 100644
--- a/resources/cider-ui-tests/views/pages/recordLabel.ejs
+++ b/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>