show whether album is soundtrack or compilation

server/app/functions.py

@@ -14,6 +14,8 @@ from app.lib.populate import Populate
 from PIL import Image
 from concurrent.futures import ThreadPoolExecutor
 
+from app.lib.trackslib import create_all_tracks
+
 
 @helpers.background
 def reindex_tracks():
@@ -40,9 +42,9 @@ def populate():
     pop = Populate()
     pop.run()
 
-    # tracks = create_all_tracks()
+    tracks = create_all_tracks()
-    # api.TRACKS.clear()
+    api.TRACKS.clear()
-    # api.TRACKS.extend(tracks)
+    api.TRACKS.extend(tracks)
 
 
 class getArtistImage:

src/components/AlbumView/Header.vue

@@ -12,13 +12,11 @@
       </div>
       <div class="info">
         <div class="top" v-motion-slide-from-top>
-          <div
+          <div class="h">
-            class="h"
+            <span v-if="album.is_soundtrack">Soundtrack</span>
-            v-if="props.album.artist.toLowerCase() == 'various artists'"
+            <span v-else-if="album.is_compilation">Compilation</span>
-          >
+            <span v-else>Album</span>
-            Compilation
           </div>
-          <div class="h" v-else>Album</div>
           <div class="title ellip">{{ props.album.title }}</div>
         </div>
         <div class="bottom">
@@ -66,7 +64,7 @@ extrackColors();
   background-color: #000000;
   background-image: linear-gradient(37deg, $black 20%, $gray, $black 90%);
 
-.art {
+  .art {
     width: 100%;
     height: 100%;
     left: 1rem;