Fixed: Settings tabs should load a lot faster.

pull/3113/head
kay.one 13 years ago
parent ac58d84a78
commit eddafaca93

@ -7,9 +7,9 @@
#addItem #addItem
{ {
text-decoration: none; text-decoration: none;
font-size:16px; font-size: 16px;
color: black; color: black;
font-weight:bold; font-weight: bold;
} }
.titleText .titleText
@ -17,12 +17,12 @@
font-size: 1.5em; font-size: 1.5em;
line-height: 1; line-height: 1;
margin-bottom: 1em; margin-bottom: 1em;
display:inline; display: inline;
position: absolute; position: absolute;
top: -1px; top: -1px;
left: 2px; left: 2px;
padding-bottom: 0px; padding-bottom: 0px;
white-space:nowrap; white-space: nowrap;
} }
.providerHeader .providerHeader
@ -36,7 +36,7 @@
float: left; float: left;
width: 255px; width: 255px;
margin: 2px; margin: 2px;
border:solid 1px #CCCCCD; border: solid 1px #CCCCCD;
display: inline-block; display: inline-block;
overflow: auto; overflow: auto;
padding: 3px; padding: 3px;
@ -54,16 +54,16 @@
.providerOptions input, .providerOptions select .providerOptions input, .providerOptions select
{ {
font-size:12px; font-size: 12px;
padding:4px 2px; padding: 4px 2px;
border:solid 1px #aacfe4; border: solid 1px #aacfe4;
width:170px; width: 170px;
margin-right: 0px; margin-right: 0px;
} }
.providerOptions select .providerOptions select
{ {
width:176px; width: 176px;
} }
.deleteProvider .deleteProvider
@ -84,3 +84,38 @@ input[type="checkbox"]
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.indexerPanel
{
overflow: auto;
}
.retentionContainer
{
padding-top: 20px;
overflow: hidden;
}
.indexerStatusContainer
{
margin-left: 12px;
margin-bottom: -4px;
}
.indexerStatus
{
padding: 6px 10px;
display: inline-block;
color: white;
margin: 3px;
}
.enabled
{
background-color: #065EFE;
}
.disabled
{
background-color: #616161;
}

@ -1,9 +1,7 @@
@using NzbDrone.Web.Helpers; @using NzbDrone.Web.Helpers;
@model NzbDrone.Web.Models.DownloadClientSettingsModel @model NzbDrone.Web.Models.DownloadClientSettingsModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{ Layout = null; }
@section HeaderContent{ <style>
@Html.IncludeCss("Settings.css")
<style>
.downloadClient .downloadClient
{ {
overflow: auto; overflow: auto;
@ -26,8 +24,7 @@
{ {
overflow: auto; overflow: auto;
} }
</style> </style>
}
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveDownloadClient", "Settings", FormMethod.Post, new { id = "DownloadClientForm", name = "DownloadClientForm", @class = "settingsForm" })) @using (Html.BeginForm("SaveDownloadClient", "Settings", FormMethod.Post, new { id = "DownloadClientForm", name = "DownloadClientForm", @class = "settingsForm" }))
{ {
@ -36,7 +33,6 @@
<span class="small">@Html.DescriptionFor(m => m.DownloadClient)</span> <span class="small">@Html.DescriptionFor(m => m.DownloadClient)</span>
</label> </label>
@Html.DropDownListFor(m => m.DownloadClient, Model.DownloadClientSelectList, new { @class = "inputClass selectClass" }) @Html.DropDownListFor(m => m.DownloadClient, Model.DownloadClientSelectList, new { @class = "inputClass selectClass" })
<label class="labelClass">@Html.LabelFor(m => m.DownloadClientDropDirectory) <label class="labelClass">@Html.LabelFor(m => m.DownloadClientDropDirectory)
<span class="small">@Html.DescriptionFor(m => m.DownloadClientDropDirectory)</span> <span class="small">@Html.DescriptionFor(m => m.DownloadClientDropDirectory)</span>
</label> </label>
@ -58,14 +54,12 @@
</div> </div>
<div id="result" class="hiddenResult"> <div id="result" class="hiddenResult">
</div> </div>
@section Scripts{
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
$('#downloadClientAccordion').accordion("activate", false); $('#downloadClientAccordion').accordion("activate", false);
}); });
</script>
<script type="text/javascript">
var autoConfigureSabUrl = '@Url.Action("AutoConfigureSab", "Settings")'; var autoConfigureSabUrl = '@Url.Action("AutoConfigureSab", "Settings")';
function autoConfigureSab() { function autoConfigureSab() {
@ -123,5 +117,4 @@
} }
}); });
}); });
</script> </script>
}

@ -1,11 +1,18 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@{ViewBag.Title = "Settings";} @{ViewBag.Title = "Settings";}
@section HeaderContent
{
@Html.IncludeCss("Settings.css")
@Html.IncludeCss("IndexerSettings.css")
@Html.IncludeCss("QualitySettings.css")
}
<div class="jquery-tabs"> <div class="jquery-tabs">
<ul> <ul>
<li>@Html.ActionLink("Naming", "Naming", "Settings")</li> <li>@Html.ActionLink("Naming", "Naming", "Settings")</li>
<li>@Html.ActionLink("Indexers", "Indexers", "Settings")</li>
<li>@Html.ActionLink("Quality", "Quality", "Settings")</li> <li>@Html.ActionLink("Quality", "Quality", "Settings")</li>
<li>@Html.ActionLink("Indexers", "Indexers", "Settings")</li>
<li>@Html.ActionLink("Download Client", "DownloadClient", "Settings")</li> <li>@Html.ActionLink("Download Client", "DownloadClient", "Settings")</li>
<li>@Html.ActionLink("Notifications", "Notifications", "Settings")</li> <li>@Html.ActionLink("Notifications", "Notifications", "Settings")</li>
<li>@Html.ActionLink("System", "System", "Settings")</li> <li>@Html.ActionLink("System", "System", "Settings")</li>

@ -1,58 +1,26 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.IndexerSettingsModel @model NzbDrone.Web.Models.IndexerSettingsModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{ Layout = null; }
@section HeaderContent{
@Html.IncludeCss("Settings.css")
@Html.IncludeCss("IndexerSettings.css")
<style>
.indexerPanel
{
overflow: auto;
}
.retentionContainer
{
padding-top: 20px;
overflow: hidden;
}
.indexerStatusContainer {
margin-left: 12px;
margin-bottom: -4px;
}
.indexerStatus {
padding: 6px 10px;
display: inline-block;
color: white;
margin: 3px;
}
.enabled {
background-color: #065EFE;
}
.disabled {
background-color: #616161;
}
</style>
}
<div class="infoBox"> <div class="infoBox">
RSS feeds are checked every 25 minutes for new episodes.</div> RSS feeds are checked every 25 minutes for new episodes.</div>
<div class="indexerStatusContainer"> <div class="indexerStatusContainer">
<div class="indexerStatus disabled" id="nzbsOrgStatus" title="Enabled/Disabled">Nzbs.Org</div> <div class="indexerStatus disabled" id="nzbsOrgStatus" title="Enabled/Disabled">
<div class="indexerStatus disabled" id="nzbMatrixStatus" title="Enabled/Disabled">NZBMatrix</div> Nzbs.Org</div>
<div class="indexerStatus disabled" id="nzbsRusStatus" title="Enabled/Disabled">NZBsRus</div> <div class="indexerStatus disabled" id="nzbMatrixStatus" title="Enabled/Disabled">
<div class="indexerStatus disabled" id="newzbinStatus" title="Enabled/Disabled">Newzbin</div> NZBMatrix</div>
<div class="indexerStatus disabled" id="newznabStatus" title="Enabled/Disabled">Newznab</div> <div class="indexerStatus disabled" id="nzbsRusStatus" title="Enabled/Disabled">
NZBsRus</div>
<div class="indexerStatus disabled" id="newzbinStatus" title="Enabled/Disabled">
Newzbin</div>
<div class="indexerStatus disabled" id="newznabStatus" title="Enabled/Disabled">
Newznab</div>
</div> </div>
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveIndexers", "Settings", FormMethod.Post, new { id = "IndexersForm", name = "IndexersForm", @class = "settingsForm" })) @using (Html.BeginForm("SaveIndexers", "Settings", FormMethod.Post, new { id = "IndexersForm", name = "IndexersForm", @class = "settingsForm" }))
{ {
<div class="jquery-accordion"> <div class="jquery-accordion">
<h3><a href="#">NZBs.org</a></h3> <h3>
<a href="#">NZBs.org</a></h3>
<div class="indexerPanel"> <div class="indexerPanel">
<label class="labelClass"> <label class="labelClass">
Enable <span class="small">@Html.DescriptionFor(m => m.NzbsOrgEnabled)</span> Enable <span class="small">@Html.DescriptionFor(m => m.NzbsOrgEnabled)</span>
@ -67,8 +35,8 @@
</label> </label>
@Html.TextBoxFor(m => m.NzbsOrgHash, new { @class = "inputClass" }) @Html.TextBoxFor(m => m.NzbsOrgHash, new { @class = "inputClass" })
</div> </div>
<h3>
<h3><a href="#">NZBMatrix</a></h3> <a href="#">NZBMatrix</a></h3>
<div class="indexerPanel"> <div class="indexerPanel">
<label class="labelClass"> <label class="labelClass">
Enable <span class="small">@Html.DescriptionFor(m => m.NzbMatrixEnabled)</span> Enable <span class="small">@Html.DescriptionFor(m => m.NzbMatrixEnabled)</span>
@ -83,10 +51,11 @@
</label> </label>
@Html.TextBoxFor(m => m.NzbMatrixApiKey, new { @class = "inputClass" }) @Html.TextBoxFor(m => m.NzbMatrixApiKey, new { @class = "inputClass" })
</div> </div>
<h3>
<h3><a href="#">NZBsRus</a></h3> <a href="#">NZBsRus</a></h3>
<div class="indexerPanel"> <div class="indexerPanel">
<div class="warningBox">NZBsRus does not support backlog searching</div> <div class="warningBox">
NZBsRus does not support backlog searching</div>
<label class="labelClass"> <label class="labelClass">
Enable <span class="small">@Html.DescriptionFor(m => m.NzbsRUsEnabled)</span> Enable <span class="small">@Html.DescriptionFor(m => m.NzbsRUsEnabled)</span>
</label> </label>
@ -100,8 +69,8 @@
</label> </label>
@Html.TextBoxFor(m => m.NzbsrusHash, new { @class = "inputClass" }) @Html.TextBoxFor(m => m.NzbsrusHash, new { @class = "inputClass" })
</div> </div>
<h3>
<h3><a href="#">Newzbin</a></h3> <a href="#">Newzbin</a></h3>
<div class="indexerPanel"> <div class="indexerPanel">
<label class="labelClass"> <label class="labelClass">
Enable <span class="small">@Html.DescriptionFor(m => m.NewzbinEnabled)</span> Enable <span class="small">@Html.DescriptionFor(m => m.NewzbinEnabled)</span>
@ -116,8 +85,8 @@
</label> </label>
@Html.TextBoxFor(m => m.NewzbinPassword, new { @class = "inputClass", type = "password" }) @Html.TextBoxFor(m => m.NewzbinPassword, new { @class = "inputClass", type = "password" })
</div> </div>
<h3>
<h3><a href="#">Newznab</a></h3> <a href="#">Newznab</a></h3>
<div class="indexerPanel"> <div class="indexerPanel">
<label class="labelClass"> <label class="labelClass">
Enable <span class="small">@Html.DescriptionFor(m => m.NewznabEnabled)</span> Enable <span class="small">@Html.DescriptionFor(m => m.NewznabEnabled)</span>
@ -142,7 +111,6 @@
<div class="retentionContainer"> <div class="retentionContainer">
@Html.ValidationSummary(true, "Unable to save your settings. Please correct the errors and try again.") @Html.ValidationSummary(true, "Unable to save your settings. Please correct the errors and try again.")
<label class="labelClass">@Html.LabelFor(m => m.Retention) <label class="labelClass">@Html.LabelFor(m => m.Retention)
<span class="small">@Html.DescriptionFor(m => m.Retention)</span> <span class="small">@Html.DescriptionFor(m => m.Retention)</span>
</label> </label>
@ -153,9 +121,8 @@
Save</button> Save</button>
} }
</div> </div>
@section Scripts{ <script type="text/javascript">
<script type="text/javascript"> $(document).ready(function () {
$(document).ready(function() {
if ($('#NzbsOrgEnabled').attr('checked')) if ($('#NzbsOrgEnabled').attr('checked'))
$('#nzbsOrgStatus').toggleClass('enabled disabled'); $('#nzbsOrgStatus').toggleClass('enabled disabled');
@ -235,5 +202,4 @@
$("#title_" + profileId).text(value); $("#title_" + profileId).text(value);
}).keyup(); }).keyup();
</script> </script>
}

@ -1,10 +1,6 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.MiscSettingsModel @model NzbDrone.Web.Models.MiscSettingsModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{ Layout = null; }
@section HeaderContent{
@Html.IncludeCss("Settings.css")
}
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveMisc", "Settings", FormMethod.Post, new { id = "MiscForm", name = "MiscForm", @class = "settingsForm" })) @using (Html.BeginForm("SaveMisc", "Settings", FormMethod.Post, new { id = "MiscForm", name = "MiscForm", @class = "settingsForm" }))
{ {
@ -13,12 +9,10 @@
</label> </label>
@Html.CheckBoxFor(m => m.EnableBacklogSearching, new { @class = "inputClass checkClass" }) @Html.CheckBoxFor(m => m.EnableBacklogSearching, new { @class = "inputClass checkClass" })
<div style="overflow: hidden; height: 50px;"></div> <div style="overflow: hidden; height: 50px;">
</div>
<button type="submit" class="save_button" disabled="disabled"> <button type="submit" class="save_button" disabled="disabled">
Save</button> Save</button>
} }
</div> </div>
@section Scripts{
}

@ -1,9 +1,9 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.EpisodeNamingModel @model NzbDrone.Web.Models.EpisodeNamingModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{
@section HeaderContent{ Layout = null;
@Html.IncludeCss("Settings.css") }
<style> <style>
#examples #examples
{ {
margin-top: 5px; margin-top: 5px;
@ -15,8 +15,8 @@
{ {
overflow: auto; overflow: auto;
} }
</style> </style>
}
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveNaming", "Settings", FormMethod.Post, new { id = "NamingForm", name = "NamingForm", @class = "settingsForm" })) @using (Html.BeginForm("SaveNaming", "Settings", FormMethod.Post, new { id = "NamingForm", name = "NamingForm", @class = "settingsForm" }))
{ {
@ -72,10 +72,8 @@
Save</button> Save</button>
} }
</div> </div>
@section Scripts{ <script type="text/javascript">
<script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
createExamples(); createExamples();
}); });
</script> </script>
}

@ -1,9 +1,6 @@
@using NzbDrone.Web.Helpers @model NzbDrone.Web.Models.NotificationSettingsModel
@model NzbDrone.Web.Models.NotificationSettingsModel @{ Layout = null; }
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } <style>
@section HeaderContent{
@Html.IncludeCss("Settings.css")
<style>
.notifier .notifier
{ {
overflow: auto; overflow: auto;
@ -28,28 +25,28 @@
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 220px; margin-left: 220px;
} }
</style> </style>
}
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveNotifications", "Settings", FormMethod.Post, new { id = "NotificationForm", name = "NotificationForm", @class = "settingsForm" })) @using (Html.BeginForm("SaveNotifications", "Settings", FormMethod.Post, new { id = "NotificationForm", name = "NotificationForm", @class = "settingsForm" }))
{ {
<div class="jquery-accordion"> <div class="jquery-accordion">
<h3><a href="#">XBMC</a></h3> <h3>
<a href="#">XBMC</a></h3>
@{Html.RenderPartial("Xbmc", Model);} @{Html.RenderPartial("Xbmc", Model);}
<h3>
<h3><a href="#">SMTP</a></h3> <a href="#">SMTP</a></h3>
@{Html.RenderPartial("Smtp", Model);} @{Html.RenderPartial("Smtp", Model);}
<h3>
<h3><a href="#">Twitter</a></h3> <a href="#">Twitter</a></h3>
@{Html.RenderPartial("Twitter", Model);} @{Html.RenderPartial("Twitter", Model);}
<h3>
<h3><a href="#">Growl</a></h3> <a href="#">Growl</a></h3>
@{Html.RenderPartial("Growl", Model);} @{Html.RenderPartial("Growl", Model);}
<h3>
<h3><a href="#">Prowl</a></h3> <a href="#">Prowl</a></h3>
@{Html.RenderPartial("Prowl", Model);} @{Html.RenderPartial("Prowl", Model);}
<h3>
<h3><a href="#">Plex</a></h3> <a href="#">Plex</a></h3>
@{Html.RenderPartial("Plex", Model);} @{Html.RenderPartial("Plex", Model);}
</div> </div>
@ -57,8 +54,7 @@
Save</button> Save</button>
} }
</div> </div>
@section Scripts{ <script type="text/javascript">
<script type="text/javascript">
//Twitter //Twitter
getAuthorizationUrl = '../Command/GetTwitterAuthorization'; getAuthorizationUrl = '../Command/GetTwitterAuthorization';
verifyAuthorizationUrl = '../Command/VerifyTwitterAuthorization'; verifyAuthorizationUrl = '../Command/VerifyTwitterAuthorization';
@ -147,5 +143,4 @@
return false; return false;
} }
</script> </script>
}

@ -1,11 +1,7 @@
@using NzbDrone.Core.Repository.Quality @using NzbDrone.Core.Repository.Quality
@using NzbDrone.Web.Helpers; @using NzbDrone.Web.Helpers;
@model NzbDrone.Web.Models.QualityModel @model NzbDrone.Web.Models.QualityModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{ Layout = null; }
@section HeaderContent{
@Html.IncludeCss("Settings.css")
@Html.IncludeCss("QualitySettings.css")
}
<div id="stylized"> <div id="stylized">
@using (Html.BeginForm("SaveQuality", "Settings", FormMethod.Post, new { id = "QualityForm", name = "QualityForm" })) @using (Html.BeginForm("SaveQuality", "Settings", FormMethod.Post, new { id = "QualityForm", name = "QualityForm" }))
{ {
@ -18,7 +14,22 @@
<div class="jquery-accordion"> <div class="jquery-accordion">
<h3> <h3>
<a href="#">Sizes</a></h3> <a href="#">Profiles</a></h3>
<div id="profileContainer">
<div id="profileHeader">
<a id="addItem" href="@Url.Action("AddProfile", "Settings")">
<img src="../../Content/Images/Plus.png" alt="Add New Profile" width="20px" height="20px" />
Add New Profile</a>
</div>
<div id="profiles">
@foreach (var item in (List<QualityProfile>)ViewData["Profiles"])
{
Html.RenderAction("GetQualityProfileView", item);
}
</div>
</div>
<h3>
<a href="#">Size Limits</a></h3>
<div class="sliders"> <div class="sliders">
<div class="slider-container"> <div class="slider-container">
<b>SDTV</b> <b>SDTV</b>
@ -69,33 +80,13 @@
</span> </span>
</div> </div>
</div> </div>
<h3>
<a href="#">Profiles</a></h3>
<div id="profileContainer">
<div id="profileHeader">
<a id="addItem" href="@Url.Action("AddProfile", "Settings")">
<img src="../../Content/Images/Plus.png" alt="Add New Profile" width="20px" height="20px" />
Add New Profile</a>
</div>
<div id="profiles">
@foreach (var item in (List<QualityProfile>)ViewData["Profiles"])
{
Html.RenderAction("GetQualityProfileView", item);
}
</div>
</div> </div>
</div>
<br /> <br />
<button type="submit" class="save_button" disabled="disabled"> <button type="submit" class="save_button" disabled="disabled">
Save</button> Save</button>
} }
</div> </div>
@section Scripts{ <script type="text/javascript">
@Html.IncludeScript("MicrosoftAjax.js")
<script type="text/javascript">
$(document).ready(function () { $(document).ready(function () {
setupSliders(); setupSliders();
}); });
@ -103,5 +94,4 @@
$('.quality-selectee').livequery(function () { $('.quality-selectee').livequery(function () {
$(this).button(); $(this).button();
}); });
</script> </script>
}

@ -1,10 +1,7 @@
@using NzbDrone.Web.Helpers @using NzbDrone.Web.Helpers
@model NzbDrone.Web.Models.SystemSettingsModel @model NzbDrone.Web.Models.SystemSettingsModel
@{ Layout = "~/Views/Shared/_ReferenceLayout.cshtml"; } @{ Layout = null; }
@section HeaderContent{
@Html.IncludeCss("Settings.css")
}
<div class="infoBox"> <div class="infoBox">
You must manually restart NzbDrone for these changes to take effect. (Automatic restart comming soon!) You must manually restart NzbDrone for these changes to take effect. (Automatic restart comming soon!)
@ -38,6 +35,3 @@
Save</button> Save</button>
} }
</div> </div>
@section Scripts{
}

@ -48,6 +48,8 @@
@section Scripts @section Scripts
{ {
@RenderSection("Scripts", required: false) @RenderSection("Scripts", required: false)
@Html.IncludeScript("jquery.signalR.min.js")
<script src="@Url.Content("~/signalr/hubs")" type="text/javascript"></script>
@if (EnviromentProvider.IsProduction) @if (EnviromentProvider.IsProduction)
{ {
<script type="text/javascript"> <script type="text/javascript">

@ -28,11 +28,9 @@
@Html.IncludeScript("jquery-tgc-countdown-1.0.js") @Html.IncludeScript("jquery-tgc-countdown-1.0.js")
@Html.IncludeScript("jquery.watermark.min.js") @Html.IncludeScript("jquery.watermark.min.js")
@Html.IncludeScript("jquery.hotkeys.js") @Html.IncludeScript("jquery.hotkeys.js")
@Html.IncludeScript("jquery.signalR.min.js")
@Html.IncludeScript("jquery.validate.min.js") @Html.IncludeScript("jquery.validate.min.js")
@Html.IncludeScript("jquery.cookie.js") @Html.IncludeScript("jquery.cookie.js")
@Html.IncludeScript("doTimeout.js") @Html.IncludeScript("doTimeout.js")
<script src="@Url.Content("~/signalr/hubs")" type="text/javascript"></script>
@Html.IncludeScript("NzbDrone/localSearch.js") @Html.IncludeScript("NzbDrone/localSearch.js")
@Html.IncludeScript("NzbDrone/AutoComplete.js") @Html.IncludeScript("NzbDrone/AutoComplete.js")
@Html.IncludeScript("NzbDrone/Notification.js") @Html.IncludeScript("NzbDrone/Notification.js")

Loading…
Cancel
Save