github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-21 05:43:19 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(discover): Display 'partly available' status on TV show discover card

Browse source 
[no ci]
This commit is contained in:
Jamie 2022-03-29 13:12:49 +01:00 • committed by GitHub
commit 9033f1d548
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
View file

@ -6,7 +6,7 @@
{{ 'Common.' + RequestType[result.type] | translate }} {{ 'Common.' + RequestType[result.type] | translate }}
</div> </div>
<div class="{{getStatusClass()}} top-right" id="status{{result.id}}"> <div class="{{getStatusClass()}} top-right" id="status{{result.id}}">
<span class="indicator"></span><span class="indicator-text" id="availabilityStatus{{result.id}}">{{getAvailbilityStatus()}}</span> <span class="indicator"></span><span class="indicator-text" id="availabilityStatus{{result.id}}">{{getAvailabilityStatus()}}</span>
</div> </div>
</div> </div>
<img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image" <img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image"

16
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
View file

@ -201,30 +201,26 @@ small {
margin-right:5px; margin-right:5px;
} }
.top-right.available span.indicator, span.indicator-text{ .top-right span.indicator, span.indicator-text{
display:block; display:block;
} }
.top-right span.indicator:before{
display: inline-block;
}
.top-right.available span.indicator:before{ .top-right.available span.indicator:before{
display: inline-block;
background-color: #1DE9B6; background-color: #1DE9B6;
} }
.top-right.approved span.indicator, span.indicator-text {
display: block;
}
.top-right.approved span.indicator:before{ .top-right.approved span.indicator:before{
display: inline-block;
background-color: #ff5722; background-color: #ff5722;
} }
.top-right.requested span.indicator, span.indicator-text { .top-right.partly-available span.indicator:before{
display: block; background-color: #ffd740;
} }
.top-right.requested span.indicator:before{ .top-right.requested span.indicator:before{
display: inline-block;
background-color: #ffd740; background-color: #ffd740;
} }

8
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.ts
View file

@ -92,6 +92,9 @@ export class DiscoverCardComponent implements OnInit {
if (this.result.available) { if (this.result.available) {
return "available"; return "available";
} }
if (this.tvSearchResult?.partlyAvailable) {
return "partly-available";
}
if (this.result.approved) { if (this.result.approved) {
return "approved"; return "approved";
} }
@ -101,10 +104,13 @@ export class DiscoverCardComponent implements OnInit {
return ""; return "";
} }
public getAvailbilityStatus(): string { public getAvailabilityStatus(): string {
if (this.result.available) { if (this.result.available) {
return this.translate.instant("Common.Available"); return this.translate.instant("Common.Available");
} }
if (this.tvSearchResult?.partlyAvailable) {
return this.translate.instant("Common.PartlyAvailable");
}
if (this.result.approved) { if (this.result.approved) {
return this.translate.instant("Common.Approved"); return this.translate.instant("Common.Approved");
} }