other !wip

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

@@ -56,10 +56,10 @@ export class AppComponent implements OnInit {
 
         this.settingsService.getCustomization().subscribe(x => {
             this.customizationSettings = x;
-            if(this.customizationSettings.useCustomPage) {
+            if (this.customizationSettings.useCustomPage) {
                 this.settingsService.getCustomPage().subscribe(c => {
                     this.customPageSettings = c;
-                    if(!this.customPageSettings.title) {
+                    if (!this.customPageSettings.title) {
                         this.customPageSettings.title = "Custom Page";
                         this.customPageSettings.fontAwesomeIcon = "fa-check";
                     }
@@ -67,7 +67,7 @@ export class AppComponent implements OnInit {
             }
         });
         this.settingsService.issueEnabled().subscribe(x => this.issuesEnabled = x);
-        this.settingsService.voteEnabled().subscribe(x => this.voteEnabled =x);
+        this.settingsService.voteEnabled().subscribe(x => this.voteEnabled = x);
 
         this.router.events.subscribe((event: NavigationStart) => {
             this.currentUrl = event.url;
@@ -81,7 +81,7 @@ export class AppComponent implements OnInit {
                     this.jobService.getCachedUpdate().subscribe(x => {
                         this.updateAvailable = x;
                     },
-                    err => this.checkedForUpdate = true );
+                        err => this.checkedForUpdate = true);
                 }
             }
         });

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

@@ -1,5 +1,5 @@
-<div *ngIf="discoverResults" class="row">
+<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/>