From d4b12fd595b73827a88e7e7445c4ab1f0c3c4341 Mon Sep 17 00:00:00 2001
From: vapormusic <vietanhfat@gmail.com>
Date: Sat, 26 Mar 2022 23:23:25 +0700
Subject: [PATCH] more library artists fixes

---
 src/renderer/less/pages.less                     |  4 ++--
 .../views/components/inline-collection-list.ejs  |  9 +++++++--
 src/renderer/views/pages/library-artists.ejs     | 16 ++++++++++++----
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index 91338f8d..ef772791 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -281,7 +281,7 @@
 // Podcast Page
 .content-inner.library-artists-page {
   // top: 0;
-  height: calc(100% - var(--navigationBarHeight));
+  height: calc(100% - 60px - var(--navigationBarHeight));
   padding: 0px;
   .inner-container {
     display: flex;
@@ -331,7 +331,7 @@
     }
 
     .episodes-list {
-      height    : 100%;
+      height: calc(100% + 60px);
       width     : 100%;
       background: rgb(200 200 200 / 6%);
       overflow-y: overlay;
diff --git a/src/renderer/views/components/inline-collection-list.ejs b/src/renderer/views/components/inline-collection-list.ejs
index 1f4f2c6f..964f7847 100644
--- a/src/renderer/views/components/inline-collection-list.ejs
+++ b/src/renderer/views/components/inline-collection-list.ejs
@@ -42,7 +42,12 @@
                 type: String,
                 required: false,
                 default: "artists"
-            }
+            },
+            parentSelector: {
+                type: String,
+                required: false,
+                default: null
+            },
         },
         data: function() {
             return {
@@ -69,7 +74,7 @@
             },
             scrollToTop() {
                 let target = document.querySelector(".header-text")
-                document.querySelector("#app-content").scrollTo({
+                document.querySelector(this.parentSelector ?? ".collection-page").scrollTo({
                     top: 0,
                     left: 0,
                     behavior: 'smooth'
diff --git a/src/renderer/views/pages/library-artists.ejs b/src/renderer/views/pages/library-artists.ejs
index 31a83b2e..967b8e10 100644
--- a/src/renderer/views/pages/library-artists.ejs
+++ b/src/renderer/views/pages/library-artists.ejs
@@ -7,13 +7,21 @@
     
         </div> -->
         <div class="inner-container">
-            <div class="podcasts-list">
-                <libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing">
-                </libraryartist-item>
+            <div class="list-container">
+                <div class="col" style="padding:0;">
+                    <div class="search-input-container" style="width:calc(100%-20px);margin: 16px 10px 10px 10px;">
+                        <div class="search-input--icon"></div>
+                        <input type="search" style="width:100%;" spellcheck="false" :placeholder="$root.getLz('term.search') + '...'" @input="$root.searchLibraryArtists" v-model="library.artists.search" class="search-input">
+                    </div>
+                </div>
+                <div class="podcasts-list">
+                    <libraryartist-item :show-duration="false" :show-meta-data="true" :show-library-status="false" :item="item" v-for="item in library.artists.displayListing">
+                    </libraryartist-item>
+                </div>
             </div>
             <div class="episodes-list" >   
                 <div class="episodes-inline-info" v-if="clready">        
-                <inline-collection-list  :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list>
+                <inline-collection-list :parentSelector="'.episodes-list'" :data="clresponse" :type="cltype" :title="cltitle"></inline-collection-list>
                 </div>    
             </div>
         </div>