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

Display 'partly available' status on TV show discover card

Browse source
This commit is contained in:
Florian Dupret 2022-03-28 14:23:56 +02:00
commit e62509093e
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 }}
</div>
<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>
<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;
}
.top-right.available span.indicator, span.indicator-text{
.top-right span.indicator, span.indicator-text{
display:block;
}
.top-right span.indicator:before{
display: inline-block;
}
.top-right.available span.indicator:before{
display: inline-block;
background-color: #1DE9B6;
}
.top-right.approved span.indicator, span.indicator-text {
display: block;
}
.top-right.approved span.indicator:before{
display: inline-block;
background-color: #ff5722;
}
.top-right.requested span.indicator, span.indicator-text {
display: block;
.top-right.partly-available span.indicator:before{
background-color: #ffd740;
}
.top-right.requested span.indicator:before{
display: inline-block;
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) {
return "available";
}
if (this.tvSearchResult?.partlyAvailable) {
return "partly-available";
}
if (this.result.approved) {
return "approved";
}
@ -101,10 +104,13 @@ export class DiscoverCardComponent implements OnInit {
return "";
}
public getAvailbilityStatus(): string {
public getAvailabilityStatus(): string {
if (this.result.available) {
return this.translate.instant("Common.Available");
}
if (this.tvSearchResult?.partlyAvailable) {
return this.translate.instant("Common.PartlyAvailable");
}
if (this.result.approved) {
return this.translate.instant("Common.Approved");
}