diff --git a/NzbDrone.Web/Content/Images/Loading.gif b/NzbDrone.Web/Content/Images/Loading.gif new file mode 100644 index 000000000..9e56cb6c1 Binary files /dev/null and b/NzbDrone.Web/Content/Images/Loading.gif differ diff --git a/NzbDrone.Web/Content/style.css b/NzbDrone.Web/Content/style.css index 35eb2eab2..a4aee9077 100644 --- a/NzbDrone.Web/Content/style.css +++ b/NzbDrone.Web/Content/style.css @@ -308,4 +308,30 @@ button, input[type="button"], input[type="submit"], input[type="reset"] width: 435px; display: block; height: 25px; -} \ No newline at end of file +} + +/* Loading Bar */ +.grid-container + { + position:relative; + margin:auto; + overflow:hidden; + } + + .grid-loader + { + position: absolute; + width: 100%; + height: 100%; + top: 400px; + left: 0px; + letter-spacing: -1px; + color: white; font: 48px Berlin Sans FB, Sans-Serif; + background: #4A4D4A; + padding: 20px; + filter:alpha(opacity=80); + -moz-opacity:0.8; + -khtml-opacity: 0.8; + opacity: 0.8; + line-height: 90% + } \ No newline at end of file diff --git a/NzbDrone.Web/Views/Series/Index.cshtml b/NzbDrone.Web/Views/Series/Index.cshtml index c507d856d..84ed0c13e 100644 --- a/NzbDrone.Web/Views/Series/Index.cshtml +++ b/NzbDrone.Web/Views/Series/Index.cshtml @@ -1,7 +1,7 @@ @using NzbDrone.Core.Repository; @using NzbDrone.Web.Models; @model IEnumerable - + @section TitleContent{ Series } @@ -11,38 +11,43 @@ } @section MainContent{ - @{Html.Telerik().Grid().Name("Grid") - .TableHtmlAttributes(new { @class = "Grid" }) - .DataKeys(keys => keys.Add(p => p.SeriesId)) - .DataBinding(data => data.Ajax() - .Select("_AjaxSeriesGrid", "Series") - .Update("_SaveAjaxSeriesEditing", "Series") - .Delete("_DeleteAjaxSeriesEditing", "Series")) - - .Columns(columns => - { - columns.Bound(o => o.Title) - .ClientTemplate("<#= Title #>"); - columns.Bound(o => o.SeasonsCount).Title("Seasons") - .ClientTemplate(", \'<#= Title #>\'); return false;\"><#= SeasonsCount #>"); - columns.Bound(o => o.QualityProfileName).Title("Quality"); - columns.Bound(o => o.Status); - columns.Bound(o => o.AirsDayOfWeek); - columns.Bound(o => o.Path); - columns.Command(commands => - { - commands.Edit().ButtonType(GridButtonType.Image); - commands.Delete().ButtonType(GridButtonType.Image); - }).Title("Actions").Width(80); +
+ @{Html.Telerik().Grid().Name("Grid") + .TableHtmlAttributes(new { @class = "Grid" }) + .DataKeys(keys => keys.Add(p => p.SeriesId)) + .DataBinding(data => data.Ajax() + .Select("_AjaxSeriesGrid", "Series") + .Update("_SaveAjaxSeriesEditing", "Series") + .Delete("_DeleteAjaxSeriesEditing", "Series")) + .Columns(columns => + { + columns.Bound(o => o.Title) + .ClientTemplate("<#= Title #>"); + columns.Bound(o => o.SeasonsCount).Title("Seasons") + .ClientTemplate(", \'<#= Title #>\'); return false;\"><#= SeasonsCount #>"); + columns.Bound(o => o.QualityProfileName).Title("Quality"); + columns.Bound(o => o.Status); + columns.Bound(o => o.AirsDayOfWeek); + columns.Bound(o => o.Path); + columns.Command(commands => + { + commands.Edit().ButtonType(GridButtonType.Image); + commands.Delete().ButtonType(GridButtonType.Image); + }).Title("Actions").Width(80); - }) - .Editable(editor => editor.Mode(GridEditMode.PopUp)) - .Sortable(sort => sort.OrderBy(order => order.Add(o => o.Title).Ascending()).Enabled(true)) - .DetailView(detailView => detailView.ClientTemplate("
<#= Overview #>
")) - .ClientEvents(clientEvents => clientEvents.OnEdit("grid_edit")) - .Render();} + }) + .Editable(editor => editor.Mode(GridEditMode.PopUp)) + .Sortable(sort => sort.OrderBy(order => order.Add(o => o.Title).Ascending()).Enabled(true)) + .DetailView(detailView => detailView.ClientTemplate("
<#= Overview #>
")) + .ClientEvents(clientEvents => { clientEvents.OnEdit("grid_edit"); + clientEvents.OnDataBinding("grid_bind"); + clientEvents.OnDataBound("grid_bound"); + }) + .Render();} + Loading Loading... +
} \ No newline at end of file