other !wip

src/Ombi/ClientApp/src/app/discover/discover.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="discoverResults" class="row" >
-    <div class="col-lg-2 col-md-4 col-6" *ngFor="let result of discoverResults">
+    <div class="col-lg-2 col-md-4 col-6" *ngFor="let result of discoverResults" [@slideIn]>
         <discover-card   [result]="result"></discover-card>
     </div>
 </div>

src/Ombi/ClientApp/src/app/discover/discover.component.ts

@@ -2,9 +2,18 @@ import { Component, OnInit } from "@angular/core";
 import { SearchService } from "../services";
 import { ISearchMovieResult, ISearchTvResult, RequestType } from "../interfaces";
 import { IDiscoverCardResult } from "./interfaces";
+import { trigger, transition, style, animate } from "@angular/animations";
 
 @Component({
     templateUrl: "./discover.component.html",
+    animations: [
+        trigger('slideIn', [
+            transition(':enter', [
+              style({transform: 'translateX(100%)'}),
+              animate('200ms ease-in', style({transform: 'translateY(0%)'}))
+            ])
+          ])
+    ],
 })
 export class DiscoverComponent implements OnInit {
 

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html

@@ -52,6 +52,5 @@
 </div>
 
 <ng-template #template>
-  <router-outlet>
+  <router-outlet> </router-outlet>
-  </router-outlet>
 </ng-template>

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts

@@ -3,11 +3,10 @@ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
-
 @Component({
   selector: 'app-my-nav',
   templateUrl: './my-nav.component.html',
-  styleUrls: ['./my-nav.component.css']
+  styleUrls: ['./my-nav.component.css'],
 })
 export class MyNavComponent {
 

src/Ombi/ClientApp/src/app/my-nav/nav-search.component.html

@@ -1,5 +1,5 @@
 <mat-form-field class="quater-width">
-    <input [(ngModel)]="searchText" (keyup)="search($event)" matInput  [matAutocomplete]="auto">
+    <input [(ngModel)]="searchText" placeholder="Search" (keyup)="search($event)" matInput  [matAutocomplete]="auto">
     <mat-autocomplete  #auto="matAutocomplete" (optionSelected)="selected($event)">
       <mat-option *ngFor="let result of searchResult" [value]="result">
         <img src="https://image.tmdb.org/t/p/w92/{{result.poster_path}}" class="autocomplete-img" aria-hidden/>