@using NzbDrone.Core.Model @{ViewBag.Title = "Misnamed";}; @section ActionMenu{ <ul class="sub-menu"> <li>@Ajax.ActionLink("Trim History", "Trim", "History", new AjaxOptions { OnSuccess = "reloadHistoryGrid" })</li> <li>@Ajax.ActionLink("Purge History", "Purge", "History", new AjaxOptions { OnSuccess = "reloadHistoryGrid" })</li> </ul> } <style> .searchImage { width: 18px; height: 18px; padding: 1px; margin: 2px; @*border-width: 1px; border-style: dashed; border-color: lightgray;*@ } .searchImage:hover { background-color: #065EFE; } </style> <div class="grid-container"> @{Html.Telerik().Grid<MisnamedEpisodeModel>().Name("misnamed") .TableHtmlAttributes(new { @class = "Grid" }) .Columns(columns => { columns.Bound(c => c.SeriesTitle) .ClientTemplate("<a href=" + Url.Action("Details", "Series", new { seriesId = "<#= SeriesId #>" }) + "><#= SeriesTitle #></a>") .Title("Series Title"); columns.Bound(c => c.CurrentName).Title("Current Name"); columns.Bound(c => c.ProperName).Title("Proper Name"); columns.Bound(c => c.EpisodeFileId) .Title("Actions") .Width("40"); }) .DataBinding(data => data.Ajax().Select("_AjaxBinding", "Misnamed")) .Pageable( c => c.PageSize(20).Position(GridPagerPosition.Bottom).Style(GridPagerStyles.NextPrevious)) .EnableCustomBinding(true) .ClientEvents(clientEvents => { clientEvents.OnDataBound("grid_dataBound"); }) .Render();} </div> <script type="text/javascript"> deleteHistoryRowUrl = '../History/Delete'; redownloadUrl = '../History/Redownload'; function reloadHistoryGrid() { var grid = $('#history').data('tGrid'); grid.rebind(); grid.sort("Date-desc"); } function deleteHistoryRow(historyId) { $.ajax({ type: "POST", url: deleteHistoryRowUrl, data: jQuery.param({ historyId: historyId }), success: function () { reloadHistoryGrid(); } }); } function redownload(historyId, episodeId) { $.ajax({ type: "POST", url: redownloadUrl, data: jQuery.param({ historyId: historyId, episodeId: episodeId }), success: function () { reloadHistoryGrid(); } }); } function grid_dataBound(e) { var id = $(this).attr('id'); var lastButton = $('#' + id + ' .t-arrow-last'); lastButton.hide(); } </script>