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

@model NzbDrone.Core.Repository.Series
@using NzbDrone.Core.Repository
@using NzbDrone.Web.Models
@section TitleContent{
    @Model.Title
}
@section ActionMenu{
    @{Html.Telerik().Menu().Name("SeriesMenu").Items(items =>
                                                           {
                                                               items.Add().Text("Back to Series List").Action("Index",
                                                                                                              "Series");
                                                               items.Add().Text("Scan For Episodes on Disk").Action(
                                                                   "SyncEpisodesOnDisk", "Series",
                                                                   new { seriesId = Model.SeriesId });
                                                               items.Add().Text("Update Info").Action(
                                                                  "UpdateInfo", "Series",
                                                                  new { seriesId = Model.SeriesId });
                                                               items.Add().Text("Rename Series").Action("RenameSeries",
                                                                                                        "Series",
                                                                                                        new
                                                                                                            {
                                                                                                                seriesId
                                                                                                            =
                                                                                                            Model.
                                                                                                            SeriesId
                                                                                                            });
                                                           }).Render();}
}
@section MainContent{
    <fieldset>
        <div class="display-label">
            ID</div>
        <div class="display-field">
            @Model.SeriesId</div>
        <div class="display-label">
            Overview</div>
        <div class="display-field">
            @Model.Overview</div>
        <div class="display-label">
            Status</div>
        <div class="display-field">
            @Model.Status</div>
        <div class="display-label">
            AirTimes</div>
        <div class="display-field">
            @Model.AirTimes</div>
        <div class="display-label">
            Language</div>
        <div class="display-field">
            @Model.Language.ToUpper()</div>
        <div class="display-label">
            Location</div>
        <div class="display-field">
            @Model.Path</div>
    </fieldset>
    @*Todo: This breaks when using SQLServer... thoughts?*@
    @foreach (var season in Model.Seasons.Where(s => s.SeasonNumber > 0).Reverse())
    {

        <br />
        <h3>
            Season @season.SeasonNumber</h3>
        <div class="grid-container">
            @{Season season1 = season;
              Html.Telerik().Grid<EpisodeModel>().Name("seasons_" + season.SeasonNumber)
                  .TableHtmlAttributes(new { @class = "Grid" })
                  .Columns(columns =>
                               {
                                   columns.Bound(o => o.EpisodeId)
                                       .ClientTemplate(
                                           "<input type='checkbox' name='checkedEpisodes' value='<#= EpisodeId #>' />")
                                       .Title("")
                                       .Width(1)
                                       .HtmlAttributes(new { style = "text-align:center" });

                                   columns.Bound(c => c.EpisodeNumber).Width(0).Title("Episode");
                                   columns.Bound(c => c.Title).Title("Title");
                                   columns.Bound(c => c.AirDate).Format("{0:d}").Width(0);
                                   columns.Bound(c => c.Quality).Width(0);
                                   columns.Bound(c => c.Status).Width(0);
                                   columns.Bound(o => o.EpisodeId).Title("")
                                       .ClientTemplate("<a href='#Search' onClick=\"return searchForEpisode('<#= EpisodeId #>')\" >Search</a>");
                               })
                  .DetailView(detailView => detailView.ClientTemplate("<div><#= Overview #> </br><#= Path #> </div>"))
                  .ClientEvents(clientEvents =>
                  {
                      clientEvents.OnDataBinding("grid_bind");
                      clientEvents.OnDataBound("grid_bound");
                  })
                  .Sortable(rows => rows.OrderBy(epSort => epSort.Add(c => c.EpisodeNumber).Descending()).Enabled(true))
                  .Footer(true)
                  .DataBinding(
                      d =>
                      d.Ajax().Select("_AjaxSeasonGrid", "Series",
                                      new RouteValueDictionary { { "seasonId", season1.SeasonId.ToString() } }))
                  .ToolBar(
                      c =>
                      c.Custom().Text("Rename Season").Action("RenameSeason", "Series", new { seasonId = season1.SeasonId })
                          .ButtonType(GridButtonType.Text))
                  .Render();}
            <span class="grid-loader">
                <img src="@Url.Content("~/Content/Images/Loading.gif")" alt="Loading"/>
                Loading...</span>
        </div>
    }
    @{var specialSeasons = Model.Seasons.Where(s => s.SeasonNumber == 0).FirstOrDefault();}
    @if (specialSeasons != null)
    {

        <br />
        <h3>
            Specials</h3>
        <div class="grid-container">
            @{Html.Telerik().Grid<EpisodeModel>().Name("seasons_specials")
                    .TableHtmlAttributes(new { @class = "Grid" })
                    .Columns(columns =>
                             {
                                 columns.Bound(o => o.EpisodeId)
                                     .ClientTemplate(
                                         "<input type='checkbox' name='checkedEpisodes' value='<#= EpisodeId #>' />")
                                     .Title("")
                                     .Width(1)
                                     .HtmlAttributes(new { style = "text-align:center" });

                                 columns.Bound(c => c.EpisodeNumber).Width(10).Title("Episode");
                                 columns.Bound(c => c.Title).Title("Title").Width(10000);
                                 columns.Bound(c => c.AirDate).Format("{0:d}").Width(10);
                                 columns.Bound(c => c.Quality).Width(10);
                                 columns.Bound(c => c.Status).Width(10);
                             })
                    .DetailView(detailView => detailView.ClientTemplate("<div><#= Overview #> </br><#= Path #> </div>"))
                    .ClientEvents(clientEvents =>
                    {
                        clientEvents.OnDataBinding("grid_bind");
                        clientEvents.OnDataBound("grid_bound");
                    })
                    .Sortable(rows => rows.OrderBy(epSort => epSort.Add(c => c.EpisodeNumber).Descending()).Enabled(true))
                    .Footer(true)
                    .DataBinding(
                        d =>
                        d.Ajax().Select("_AjaxSeasonGrid", "Series",
                                        new RouteValueDictionary { { "seasonId", specialSeasons.SeasonId.ToString() } }))
                    .Render(); }
            <span class="grid-loader">
                <img src="@Url.Content("~/Content/Images/Loading.gif")" alt="Loading"/>
                Loading...</span>
        </div>
    }
}
@section Scripts{
    <script type="text/javascript">
        function episodeDetailExpanded(e) {
            $console.log("OnDetailViewExpand :: " + e.masterRow.cells[1].innerHTML);
        }

        var searchUrl = '@Url.Action("Search", "Episode")';

        function searchForEpisode(id) {
            $.ajax({
                type: "POST",
                url: searchUrl,
                data: jQuery.param({ episodeId: id }),
                error: function (req, status, error) {
                    alert("Sorry! We could search for " + id + " at this time. " + error);
                }
            });
        }
    </script>
}