From 6334f5d880943e2baffcc5d14ab452a698797095 Mon Sep 17 00:00:00 2001
From: tidusjar <jamierees@outlook.com>
Date: Thu, 31 Mar 2016 09:24:05 +0100
Subject: [PATCH] Added music to the search and requests page

---
 PlexRequests.UI/Views/Requests/Index.cshtml | 22 ++++++-
 PlexRequests.UI/Views/Search/Index.cshtml   | 63 ++++++++++++++++++++-
 2 files changed, 82 insertions(+), 3 deletions(-)

diff --git a/PlexRequests.UI/Views/Requests/Index.cshtml b/PlexRequests.UI/Views/Requests/Index.cshtml
index 06c9fca95..044d41d31 100644
--- a/PlexRequests.UI/Views/Requests/Index.cshtml
+++ b/PlexRequests.UI/Views/Requests/Index.cshtml
@@ -14,7 +14,10 @@
         {
             <li role="presentation"><a href="#TvShowTab" aria-controls="profile" role="tab" data-toggle="tab">TV Shows</a></li>
         }
-
+        @if (Model.SearchForMusic)
+        {
+            <li role="presentation"><a href="#MusicTab" aria-controls="profile" role="tab" data-toggle="tab">Music</a></li>
+        }
     </ul>
     <br />
 
@@ -34,6 +37,10 @@
                             {
                                 <button id="approveTVShows" class="btn btn-success-outline approve-category" type="submit" style="display: none;"><i class="fa fa-plus"></i> Approve TV Shows</button>
                             }
+                            @if (Model.SearchForMusic)
+                            {
+                                <button id="approveMusic" class="btn btn-success-outline approve-category" type="submit" style="display: none;"><i class="fa fa-plus"></i> Approve Music</button>
+                            }
                         }
                     </div>
                     <div class="btn-group">
@@ -90,6 +97,19 @@
                 </div>
             </div>
         }
+
+        @if (Model.SearchForMusic)
+            {
+            <!-- Music tab -->
+            <div role="tabpanel" class="tab-pane" id="MusicTab">
+
+                <br />
+                <br />
+                <!-- TV content -->
+                <div id="MusicList">
+                </div>
+            </div>
+        }
     </div>
 
 </div>
diff --git a/PlexRequests.UI/Views/Search/Index.cshtml b/PlexRequests.UI/Views/Search/Index.cshtml
index 5006a58c2..641e0d2a6 100644
--- a/PlexRequests.UI/Views/Search/Index.cshtml
+++ b/PlexRequests.UI/Views/Search/Index.cshtml
@@ -12,6 +12,10 @@
         {
             <li role="presentation"><a href="#TvShowTab" aria-controls="profile" role="tab" data-toggle="tab">TV Shows</a></li>
         }
+        @if (Model.SearchForMusic)
+        {
+            <li role="presentation"><a href="#MusicTab" aria-controls="profile" role="tab" data-toggle="tab">Music</a></li>
+        }
 
     </ul>
 
@@ -53,11 +57,30 @@
                 </div>
             </div>
         }
+
+        @if (Model.SearchForMusic)
+        {
+            <!-- Music tab -->
+            <div role="tabpanel" class="tab-pane" id="MusicTab">
+                <div class="input-group">
+                    <input id="musicSearchContent" type="text" class="form-control form-control-custom">
+                    <div class="input-group-addon">
+                        <i id="musicSearchButton" class="fa fa-search"></i>
+                    </div>
+                </div>
+                <br />
+                <br />
+                <!-- Music content -->
+                <div id="musicList">
+                </div>
+            </div>
+        }
     </div>
 
 
 </div>
 
+<!-- Movie and TV Results template -->
 <script id="search-template" type="text/x-handlebars-template">
     <div class="row">
         <div class="col-sm-2">
@@ -90,7 +113,7 @@
         </div>
         <div class="col-sm-2 col-sm-push-3">
             <form method="POST" action="/search/request/{{type}}" id="form{{id}}">
-                <input name="{{type}}Id" type="text" value="{{id}}" hidden="hidden" />                
+                <input name="{{type}}Id" type="text" value="{{id}}" hidden="hidden" />
                 {{#if_eq type "movie"}}
                 <button id="{{id}}" style="text-align: right" class="btn btn-primary-outline requestMovie" type="submit"><i class="fa fa-plus"></i> Request</button>
                 {{/if_eq}}
@@ -102,7 +125,7 @@
                     </button>
                     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                         <li><a id="{{id}}" season-select="0" class="dropdownTv " href="#">All Seasons</a></li>
-                        <li><a id="{{id}}" season-select="1" class="dropdownTv" href="#">First Season</a></li> 
+                        <li><a id="{{id}}" season-select="1" class="dropdownTv" href="#">First Season</a></li>
                         <li><a id="{{id}}" season-select="2" class="dropdownTv" href="#">Latest Season</a></li>
                     </ul>
                 </div>
@@ -123,4 +146,40 @@
 </script>
 
 
+<!-- Music Results template -->
+<script id="music-template" type="text/x-handlebars-template">
+    <div class="row">
+        <div class="col-sm-2">
+
+            <img class="img-responsive" src="http://image.tmdb.org/t/p/w150/{{posterPath}}" alt="poster">
+
+            <img class="img-responsive" width="150" src="{{posterPath}}" alt="poster">
+
+        </div>
+        <div class="col-sm-5 ">
+            <div>
+
+                <a href="http://www.imdb.com/title/{{imdb}}/" target="_blank">
+                    <h4>{{title}} ({{year}})</h4>
+                </a>
+            </div>
+            <p>{{overview}}</p>
+        </div>
+        <div class="col-sm-2 col-sm-push-3">
+            <form method="POST" action="/search/request/{{type}}" id="form{{id}}">
+                <input name="{{type}}Id" type="text" value="{{id}}" hidden="hidden" />
+
+                <button id="{{id}}" style="text-align: right" class="btn btn-primary-outline requestMovie" type="submit"><i class="fa fa-plus"></i> Request</button>
+
+                <br />
+                <br />
+                <br />
+            </form>
+        </div>
+
+    </div>
+    <hr />
+</script>
+
+
 <script src="/Content/search.js" type="text/javascript"></script>