github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-07-15 09:42:56 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added images to the search

Browse source
This commit is contained in:
Jamie Rees 2020-06-18 22:19:01 +01:00
parent 6d339e7a1c
commit ab15439a27
6 changed files with 36 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Ombi.Core/Engine/V2/MultiSearchEngine.cs
View file

@ -63,6 +63,7 @@ namespace Ombi.Core.Engine.V2
var result = new MultiSearchResult var result = new MultiSearchResult
{ {
MediaType = multiSearch.media_type, MediaType = multiSearch.media_type,
Poster = multiSearch.poster_path
}; };
if (multiSearch.media_type.Equals("movie", StringComparison.InvariantCultureIgnoreCase)) if (multiSearch.media_type.Equals("movie", StringComparison.InvariantCultureIgnoreCase))

1
src/Ombi.Core/Models/Search/V2/MultiSearchResult.cs
View file

@ -5,5 +5,6 @@
public string Id { get; set; } public string Id { get; set; }
public string MediaType { get; set; } public string MediaType { get; set; }
public string Title { get; set; } public string Title { get; set; }
public string Poster { get; set; }
} }
} }

1
src/Ombi/ClientApp/src/app/interfaces/ISearchMovieResult.ts
View file

@ -38,6 +38,7 @@ export interface IMultiSearchResult {
id: string; id: string;
mediaType: string; mediaType: string;
title: string; title: string;
poster: string;
} }
export interface ILanguageRefine { export interface ILanguageRefine {

10
src/Ombi/ClientApp/src/app/login/login.component.html
View file

@ -10,14 +10,16 @@
<form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form *ngIf="authenticationSettings" class="form-signin" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<mat-form-field class="full-width"> <mat-form-field class="dark full-width" appearance="outline">
<input type="text" matInput placeholder="{{'Login.UsernamePlaceholder' | translate}}" formControlName="username" /> <mat-label>{{'Login.UsernamePlaceholder' | translate}}</mat-label>
<input type="text" matInput formControlName="username" />
<mat-error *ngIf="form.get('username').hasError('required')"> <mat-error *ngIf="form.get('username').hasError('required')">
{{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error> {{'Login.UsernamePlaceholder' | translate}} is <strong>required</strong></mat-error>
</mat-form-field> </mat-form-field>
<mat-form-field class="full-width"> <mat-form-field class="full-width" appearance="outline">
<input color="black" type="password" matInput placeholder="{{'Login.PasswordPlaceholder' | translate}}" formControlName="password" /> <mat-label>{{'Login.PasswordPlaceholder' | translate}}</mat-label>
<input color="black" type="password" matInput formControlName="password" />
</mat-form-field> </mat-form-field>
<mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox> <mat-checkbox formControlName="rememberMe">{{'Login.RememberMe' | translate}}</mat-checkbox>

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

@ -15,27 +15,28 @@ aria-label="Search" [ngbTypeahead]="searchModel" [resultFormatter]="formatter" [
<mat-spinner diameter="50"></mat-spinner> <mat-spinner diameter="50"></mat-spinner>
</mat-option> </mat-option>
<ng-container *ngIf="!searching"> <ng-container *ngIf="!searching">
<mat-option *ngFor="let result of results" [value]="result"> <mat-option class="option" *ngFor="let result of results" [value]="result">
<div *ngIf="result.mediaType === 'movie'"> <img *ngIf="result.poster" class="option-img" aria-hidden [src]="'https://image.tmdb.org/t/p/w300/'+result.poster" height="75">
<i class="fa fa-film"></i> &nbsp; <span *ngIf="result.mediaType === 'movie'">
<i *ngIf="!result.poster" class="fa fa-film"></i> &nbsp;
<span>{{result.title}}</span> <span>{{result.title}}</span>
</div> </span>
<div *ngIf="result.mediaType === 'tv'"> <span *ngIf="result.mediaType === 'tv'">
<i class="fa fa-tv"></i> &nbsp; <i *ngIf="!result.poster" class="fa fa-tv"></i> &nbsp;
<span>{{result.title}}</span> <span>{{result.title}}</span>
</div> </span>
<div *ngIf="result.mediaType === 'Artist'"> <span *ngIf="result.mediaType === 'Artist'">
<i class="fa fa-music"></i> &nbsp; <i *ngIf="!result.poster" class="fa fa-music"></i> &nbsp;
<span>{{result.title}}</span> <span>{{result.title}}</span>
</div> </span>
<div *ngIf="result.mediaType === 'person'"> <span *ngIf="result.mediaType === 'person'">
<i class="fa fa-user"></i> &nbsp; <i *ngIf="!result.poster" class="fa fa-user"></i> &nbsp;
<span>{{result.title}}</span> <span>{{result.title}}</span>
</div> </span>
</mat-option> </mat-option>
</ng-container> </ng-container>
</mat-autocomplete> </mat-autocomplete>

16
src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss
View file

@ -17,9 +17,9 @@ $ombi-accent: #258a6d;
} }
.mat-option { .mat-option {
height: 50px; height: 75px;
line-height: 50px; line-height: 50px;
padding: 0px 5px; padding: 0px 0px;
} }
.search-bar { .search-bar {
@ -33,4 +33,14 @@ $ombi-accent: #258a6d;
::ng-deep .mat-form-field-underline{ ::ng-deep .mat-form-field-underline{
bottom:0.5em; bottom:0.5em;
} }
.option-img {
vertical-align: middle;
margin-right: 8px;
}
.options {
margin-bottom: 5px;
}