Made the album search 10x faster. We are now loading the images in a seperate call. #32

PlexRequests.UI/Content/search.js

@@ -244,6 +244,7 @@ $(function () {
 
                     var html = musicTemplate(context);
                     $("#musicList").append(html);
+                     getCoverArt(context.id);
                 });
             }
             else {
@@ -253,6 +254,14 @@ $(function () {
         });
     };
 
+    function getCoverArt(artistId) {
+        $.ajax("/search/music/coverart/" + artistId).success(function (result) {
+            if (result) {
+                $('#' + artistId + "imageDiv").html(" <img class='img-responsive' src='" + result + "' width='150' alt='poster'>");
+            }
+        });
+    };
+
     function buildMovieContext(result) {
         var date = new Date(result.releaseDate);
         var year = date.getFullYear();

PlexRequests.UI/Modules/SearchModule.cs

@@ -80,6 +80,7 @@ namespace PlexRequests.UI.Modules
             Get["movie/{searchTerm}"] = parameters => SearchMovie((string)parameters.searchTerm);
             Get["tv/{searchTerm}"] = parameters => SearchTvShow((string)parameters.searchTerm);
             Get["music/{searchTerm}"] = parameters => SearchMusic((string)parameters.searchTerm);
+            Get["music/coverArt/{id}"] = p => GetMusicBrainzCoverArt((string)p.id);
 
             Get["movie/upcoming"] = parameters => UpcomingMovies();
             Get["movie/playing"] = parameters => CurrentlyPlayingMovies();
@@ -168,7 +169,6 @@ namespace PlexRequests.UI.Modules
             var model = new List<SearchMusicViewModel>();
             foreach (var a in releases)
             {
-                var img = GetMusicBrainzCoverArt(a.id);
                 model.Add(new SearchMusicViewModel
                 {
                     Title = a.title,
@@ -177,7 +177,6 @@ namespace PlexRequests.UI.Modules
                     Overview = a.disambiguation,
                     ReleaseDate = a.date,
                     TrackCount = a.TrackCount,
-                    CoverArtUrl = img,
                     ReleaseType = a.status,
                     Country = a.country
                 });

PlexRequests.UI/Views/Search/Index.cshtml

@@ -159,9 +159,9 @@
 <!-- Music Results template -->
 <script id="music-template" type="text/x-handlebars-template">
     <div class="row">
-        <div class="col-sm-2">
+        <div id="{{id}}imageDiv" class="col-sm-2">
             {{#if coverArtUrl}}
-            <img class="img-responsive" src="{{coverArtUrl}}" width="150" alt="poster">
+            <img id="{{id}}cover" class="img-responsive" src="{{coverArtUrl}}" width="150" alt="poster">
             {{/if}}
         </div>
         <div class="col-sm-5 ">