Ombi/src/Ombi/ClientApp/src/app/media-details/components/movie/panels/movie-information-panel.component.html

<div *ngIf="movie">
    <div>
        <strong>{{'MediaDetails.Status' | translate }}:</strong>
        <div>{{movie.status}}</div>
    </div>
    <div>
        <strong>{{'MediaDetails.Availability' | translate }}</strong>
        <div *ngIf="movie.available">{{'Common.Available' | translate}}</div>
        <div *ngIf="!movie.available">{{'Common.NotAvailable' | translate}}</div>

    </div>

    <div>
        <strong>{{'MediaDetails.RequestStatus' | translate }}</strong>
        <div *ngIf="movie.approved && !movie.available">{{'Common.ProcessingRequest' | translate}}</div>
        <div *ngIf="movie.requested && !movie.approved && !movie.available">{{'Common.PendingApproval' | translate}}
        </div>
        <div *ngIf="!movie.requested && !movie.available && !movie.approved">{{'Common.NotRequested' | translate}}
        </div>
    </div>
    <div *ngIf="movie.quality">
        <strong>{{'MediaDetails.Quality' | translate }}:</strong>
        <div>{{movie.quality | quality}}</div>
    </div>

    <div *ngIf="advancedOptions">
        <strong>{{'MediaDetails.RootFolderOverride' | translate }}</strong>
        <div>{{request.rootPathOverrideTitle}}</div>
    </div>
    <div *ngIf="advancedOptions">
        <strong>{{'MediaDetails.QualityOverride' | translate }}</strong>
        <div>{{request.qualityOverrideTitle}}</div>
    </div>
    <br />
    <div *ngIf="movie.genres">
        <strong>{{'MediaDetails.Genres' | translate }}:</strong>
        <div>
            <mat-chip-list>
                <mat-chip color="accent" selected *ngFor="let genre of movie.genres">
                    {{genre.name}}
                </mat-chip>
            </mat-chip-list>
        </div>
    </div>
    <br />

    <strong>{{'MediaDetails.TheatricalRelease' | translate }}:</strong>
    <div>

        {{movie.releaseDate | date: 'mediumDate'}}
        <div *ngIf="movie.digitalReleaseDate">
            <strong>{{'MediaDetails.DigitalRelease' | translate }}:</strong>
            <div>
                {{movie.digitalReleaseDate | date: 'mediumDate'}}
            </div>
        </div>
        <div *ngIf="movie.voteAverage">
            <strong>{{'MediaDetails.UserScore' | translate }}:</strong>
            <div>
                {{movie.voteAverage | number:'1.0-1'}} / 10
            </div>
        </div>
        <div *ngIf="movie.voteCount">
            <strong>{{'MediaDetails.Votes' | translate }}:</strong>
            <div>
                {{movie.voteCount | thousandShort: 1}}
            </div>
        </div>
        <div>
            <strong>{{'MediaDetails.Runtime' | translate }}:</strong>
            <div>{{'MediaDetails.Minutes' | translate:{runtime: movie.runtime} }}</div>
        </div>
        <div *ngIf="movie.revenue">
            <strong>{{'MediaDetails.Revenue' | translate }}:</strong>
            <div> {{movie.revenue | currency: 'USD'}}</div>
        </div>
        <div *ngIf="movie.budget">
            <strong>{{'MediaDetails.Budget' | translate }}:</strong>
            <div> {{movie.budget | currency: 'USD'}}</div>
        </div>


        <br />
        <div>
            <strong>{{'MediaDetails.Keywords' | translate }}:</strong>
            <mat-chip-list>
                <mat-chip color="accent" selected  *ngFor="let keyword of movie.keywords.keywordsValue">
                    {{keyword.name}}
                </mat-chip>
            </mat-chip-list>
        </div>
    </div>