From 24bb0207d562ad9e633bf5ebc1bed077cd05b674 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Wed, 3 Apr 2019 23:28:52 +0100
Subject: [PATCH] Did some work on the nav

---
 .../src/app/my-nav/nav-search.component.html  | 26 +++++++++++++++++--
 .../src/app/my-nav/nav-search.component.scss  |  3 +--
 .../src/app/my-nav/nav-search.component.ts    |  1 -
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html
index 02a144d9e..0057aabbb 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html
+++ b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html
@@ -1,3 +1,25 @@
-<input class="form-control quater-width search-bar" type="text" [(ngModel)]="selectedItem" placeholder="{{'NavigationBar.Search' | translate}}" aria-label="Search" [ngbTypeahead]="searchModel" [resultFormatter]="formatter"
-[inputFormatter]="formatter" (selectItem)="selected($event)">
+<input class="form-control quater-width search-bar" type="text" [(ngModel)]="selectedItem"
+    placeholder="{{'NavigationBar.Search' | translate}}" aria-label="Search" [ngbTypeahead]="searchModel"
+    [resultFormatter]="formatter" [resultTemplate]="template" (selectItem)="selected($event)">
 
+<ng-template #template let-result="result">
+
+    <div *ngIf="result.media_type === 'movie'">
+        <i class="fa fa-film"></i> &nbsp;
+        <span *ngIf="result.release_date">
+            {{result.title}} ({{result.release_date.slice(0,4)}})
+        </span>
+        <span *ngIf="!result.release_date">{{result.title}}</span>
+    </div>
+    <div *ngIf="result.media_type === 'tv'">
+            <i class="fa fa-tv"></i> &nbsp;
+        <span *ngIf="result.release_date">
+            {{result.name}} ({{result.release_date.slice(0,4)}})
+        </span>
+        <span *ngIf="!result.release_date">{{result.name}}</span>
+    </div>
+    <!-- Collection -->
+    <!-- <i class="fa fa-file-video-o" aria-hidden="true"></i> -->
+
+
+</ng-template>
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
index 6b6cd428b..e66804bdd 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
+++ b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
@@ -19,9 +19,8 @@ $ombi-accent: #258a6d;
 
 ::ng-deep ngb-typeahead-window.dropdown-menu {
   background-color: $ombi-primary;
-  width: 24%;
   overflow: auto;
-  height: 500px;
+  height: 33em;
 }
 
 ::ng-deep ngb-typeahead-window button.dropdown-item {
diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.ts b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.ts
index 68a047c50..e3a1d0800 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.ts
+++ b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.ts
@@ -20,7 +20,6 @@ export class NavSearchComponent {
     public searching = false;
     public searchFailed = false;
     
-    
     public formatter = (result: IMultiSearchResult) =>  {
         if(result.media_type === "movie") {
             let title = result.title;