Lidarr/NzbDrone.Web/Views/Series/Details.cshtml

@model SeriesDetailsModel
@using NzbDrone.Web.Helpers
@using NzbDrone.Web.Models
@{ViewBag.Title = Model.Title;}
@section HeaderContent
{
    @Html.IncludeCss("Grid.css")
}
@{ ViewBag.Title = Model.Title; }
<style>
    .seasonToggleTopGroup
    {
        overflow: hidden;
    }
    
    .seasonToggleTop
    {
        background-color: #F1EDED;
        background-position: 5px center;
        background-repeat: no-repeat;
        display: inline-block;
        font-size: 15px;
        margin: 2px;
        padding: 2px 5px;
        width: 100px;
    }
    
    .seasonToggleLabel
    {
        margin-left: 5px;
        color: black;
        text-decoration: none;
    }
        
    .seasonToggleTop .ignoredEpisodesMaster
    {
        padding-left: 0px;
        padding-right: 0px;
        border-style: none;
    }
    
    .statusImage, .searchImage, .renameImage, .ignoreEpisode, .ignoreEpisodesMaster
    {
        width: 18px;
        height: 18px;
        padding: 3px 1px;
        margin: 0px;
        vertical-align: middle;
    }
    
    .searchImage:hover, .renameImage:hover, .ignoreEpisode:hover, .ignoreEpisodesMaster:hover
    {
        background-color: #065EFE;
    }
    
    #banner-container
    {
        width: 758px;
        height: 140px;
        padding: 0px;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .seriesTable
    {
        width: 100%;
        border-width: 1px;
        border-spacing: 2px;
        border-style: none;
        border-color: white;
        border-collapse: collapse;
    }
    
    .seriesTable th
    {
        font-family: "Segoe UI Light" , "Open Sans" , "Segoe UI" , sans-serif;
        border-width: 300;
        font-size: 17px;
        padding: 2px;
        border-style: inset;
        border-color: #EEEEEE;
        padding-left: 7px;
        text-align: left;
        background-color: white;
        font-weight: lighter;
    }
    
    .seriesTable td
    {
        border-width: 1px;
        padding: 0px 8px 0px 8px;
        border-style: inset;
        border-color: #EEEEEE;
    }
    
    .detail-view
    {
        display: none;
    }
    
    .seasonSection
    {
        margin-top: 50px;
    }
    
    /* Colour alternating rows */
    .seriesTable tr:nth-child(4n)
    {
        background: #f0f5ff;
    }
    .seriesTable tr:nth-child(4n+1)
    {
        background: #f0f5ff;
    }
</style>
@section ActionMenu
{
    <ul class="sub-menu">
        <li>@Ajax.ActionLink("Scan Disk", "ScanDisk", "Command", new { seriesId = Model.SeriesId }, null)</li>
        <li>@Ajax.ActionLink("Update Info", "UpdateInfo", "Command", new { seriesId = Model.SeriesId }, null)</li>
        <li>@Ajax.ActionLink("Search for missing episodes", "BacklogSeries", "Episode", new { seriesId = Model.SeriesId }, null)</li>
        <li>@Ajax.ActionLink("Rename Episodes", "RenameEpisodes", "Episode", new { seriesId = Model.SeriesId }, null)</li>
    </ul>
}

@if (Model.HasBanner)
{
    var  bannerUrl = "../../MediaCover/Banners/" + Model.SeriesId + ".jpg";
    <div id="banner-container">
        <img src="@bannerUrl" alt="Banner"/>
    </div>
}

<div class="seasonToggleTopGroup">
    @foreach (var season in Model.Seasons.OrderBy(s => s.SeasonNumber))
    {
        var ignoreSeason = "ignoreSeason_" + season.SeasonNumber;
        <div class="seasonToggleTop">
            <img src='../../Content/Images/@(season.AnyWanted ? "notIgnored" : "ignored").png'
                 class='ignoredEpisodesMaster ignoreEpisode @ignoreSeason @(season.AnyWanted ? "" : "ignored")'
                 title='Click to toggle season ignore status' />
            <a href="@string.Format("#SeasonSection_{0}", season.SeasonNumber)" class="seasonToggleLabel">@(season.SeasonNumber == 0 ? "Specials" : "Season " + season.SeasonNumber)</a>
        </div>
    }
</div>
@foreach (var s in Model.Seasons.OrderByDescending(a => a.SeasonNumber))
{
    <div class="seasonSection" id="@string.Format("SeasonSection_{0}", s.SeasonNumber)">
        @{
    var season = s;
    Html.RenderPartial("Season", season);
        }
    </div>
}
@section Scripts{
    @Html.IncludeScript("NzbDrone/seriesDetails.js")
    @Html.IncludeScript("NzbDrone/grid.js")
    <script type="text/javascript">
        seriesId = @Model.SeriesId;
    </script>
}