github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-14 02:26:55 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Did some work on the nav

Browse source
This commit is contained in:
tidusjar 2019-04-03 23:28:52 +01:00
commit 24bb0207d5
3 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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>

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

@ -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 {

1
src/Ombi/ClientApp/src/app/my-nav/nav-search.component.ts
View file

@ -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;