From 041ad20bb3594f82a79ee99f7a9d8f3bdd63a1ea Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Mon, 28 Nov 2011 17:11:55 -0800
Subject: [PATCH 1/2] Renamed EpisodeSorting to Naming (to Match UI).

Fixed EpisodeNaming CSS (Floats are now contained properly).
Renamed CodeFile1 to FooterModel.
---
 .../Controllers/SettingsController.cs         |  6 ++--
 ...eSortingModel.cs => EpisodeNamingModel.cs} |  2 +-
 .../Models/{CodeFile1.cs => FooterModel.cs}   |  0
 NzbDrone.Web/NzbDrone.Web.csproj              |  6 ++--
 .../{EpisodeSorting.cshtml => Naming.cshtml}  | 28 +++++++++++--------
 NzbDrone.Web/Views/Settings/SubMenu.cshtml    |  2 +-
 6 files changed, 25 insertions(+), 19 deletions(-)
 rename NzbDrone.Web/Models/{EpisodeSortingModel.cs => EpisodeNamingModel.cs} (98%)
 rename NzbDrone.Web/Models/{CodeFile1.cs => FooterModel.cs} (100%)
 rename NzbDrone.Web/Views/Settings/{EpisodeSorting.cshtml => Naming.cshtml} (88%)

diff --git a/NzbDrone.Web/Controllers/SettingsController.cs b/NzbDrone.Web/Controllers/SettingsController.cs
index 956abc48c..8a19305b6 100644
--- a/NzbDrone.Web/Controllers/SettingsController.cs
+++ b/NzbDrone.Web/Controllers/SettingsController.cs
@@ -197,9 +197,9 @@ namespace NzbDrone.Web.Controllers
             return View(model);
         }
 
-        public ActionResult EpisodeSorting()
+        public ActionResult Naming()
         {
-            var model = new EpisodeSortingModel();
+            var model = new EpisodeNamingModel();
 
             model.SeriesName = _configProvider.SortingIncludeSeriesName;
             model.EpisodeName = _configProvider.SortingIncludeEpisodeTitle;
@@ -559,7 +559,7 @@ namespace NzbDrone.Web.Controllers
         }
 
         [HttpPost]
-        public JsonResult SaveEpisodeSorting(EpisodeSortingModel data)
+        public JsonResult SaveNaming(EpisodeNamingModel data)
         {
             if (ModelState.IsValid)
             {
diff --git a/NzbDrone.Web/Models/EpisodeSortingModel.cs b/NzbDrone.Web/Models/EpisodeNamingModel.cs
similarity index 98%
rename from NzbDrone.Web/Models/EpisodeSortingModel.cs
rename to NzbDrone.Web/Models/EpisodeNamingModel.cs
index 0f21794c2..1c9f40bbe 100644
--- a/NzbDrone.Web/Models/EpisodeSortingModel.cs
+++ b/NzbDrone.Web/Models/EpisodeNamingModel.cs
@@ -4,7 +4,7 @@ using System.Web.Mvc;
 
 namespace NzbDrone.Web.Models
 {
-    public class EpisodeSortingModel
+    public class EpisodeNamingModel
     {
         [DisplayName("Series Name")]
         [Description("Should filenames contain the series name when renamed?")]
diff --git a/NzbDrone.Web/Models/CodeFile1.cs b/NzbDrone.Web/Models/FooterModel.cs
similarity index 100%
rename from NzbDrone.Web/Models/CodeFile1.cs
rename to NzbDrone.Web/Models/FooterModel.cs
diff --git a/NzbDrone.Web/NzbDrone.Web.csproj b/NzbDrone.Web/NzbDrone.Web.csproj
index 466fdcddb..19e049898 100644
--- a/NzbDrone.Web/NzbDrone.Web.csproj
+++ b/NzbDrone.Web/NzbDrone.Web.csproj
@@ -221,7 +221,7 @@
     <Compile Include="Helpers\DescriptionExtension.cs" />
     <Compile Include="Helpers\HtmlPrefixScopeExtensions.cs" />
     <Compile Include="Helpers\IsCurrentActionHelper.cs" />
-    <Compile Include="Models\CodeFile1.cs" />
+    <Compile Include="Models\FooterModel.cs" />
     <Compile Include="Models\ExistingSeriesModel.cs" />
     <Compile Include="Models\AddNewSeriesModel.cs" />
     <Compile Include="Models\JobQueueItemModel.cs" />
@@ -231,7 +231,7 @@
     <Compile Include="Models\QualityTypeModel.cs" />
     <Compile Include="Models\RootDirModel.cs" />
     <Compile Include="Models\SabnzbdSettingsModel.cs" />
-    <Compile Include="Models\EpisodeSortingModel.cs" />
+    <Compile Include="Models\EpisodeNamingModel.cs" />
     <Compile Include="Models\HistoryModel.cs" />
     <Compile Include="Models\IndexerSettingsModel.cs" />
     <Compile Include="Models\MappingModel.cs" />
@@ -408,7 +408,7 @@
     <Content Include="Views\Settings\Indexers.cshtml" />
     <Content Include="Views\System\Jobs.cshtml" />
     <Content Include="Views\Settings\Sabnzbd.cshtml" />
-    <Content Include="Views\Settings\EpisodeSorting.cshtml" />
+    <Content Include="Views\Settings\Naming.cshtml" />
     <Content Include="Views\Settings\Notifications.cshtml" />
     <Content Include="Views\Settings\Quality.cshtml" />
     <Content Include="Views\AddSeries\RootDir.cshtml" />
diff --git a/NzbDrone.Web/Views/Settings/EpisodeSorting.cshtml b/NzbDrone.Web/Views/Settings/Naming.cshtml
similarity index 88%
rename from NzbDrone.Web/Views/Settings/EpisodeSorting.cshtml
rename to NzbDrone.Web/Views/Settings/Naming.cshtml
index bcb95299a..b9ac80acd 100644
--- a/NzbDrone.Web/Views/Settings/EpisodeSorting.cshtml
+++ b/NzbDrone.Web/Views/Settings/Naming.cshtml
@@ -1,5 +1,5 @@
 @using NzbDrone.Web.Helpers
-@model NzbDrone.Web.Models.EpisodeSortingModel
+@model NzbDrone.Web.Models.EpisodeNamingModel
            
 @section HeaderContent{
     <link rel="stylesheet" type="text/css" href="../../Content/Settings.css" />
@@ -7,10 +7,15 @@
     <style>
         #examples
         {
-            margin-top: 25px;
-            margin-bottom: 15px;
+            margin-top: 5px;
+            margin-bottom: 20px;
             padding-left: 20px;
         }
+        
+        .settingsContainer
+        {
+            overflow: auto;
+        }
     </style>
 }
 
@@ -24,8 +29,9 @@
     
 @section MainContent{       
 <div id="stylized">
-    @using (Html.BeginForm("SaveEpisodeSorting", "Settings", FormMethod.Post, new { id = "form", name = "form", @class = "settingsForm" }))
+    @using (Html.BeginForm("SaveNaming", "Settings", FormMethod.Post, new { id = "form", name = "form", @class = "settingsForm" }))
     {
+        <div class="settingsContainer">
         @Html.ValidationSummary(true, "Unable to save your settings. Please correct the errors and try again.")
         <label class="labelClass">@Html.LabelFor(m => m.SeriesName)
         <span class="small">@Html.DescriptionFor(m => m.SeriesName)</span>
@@ -71,10 +77,10 @@
         <span class="small">@Html.DescriptionFor(m => m.MultiEpisodeStyle)</span>
         </label>
         @Html.DropDownListFor(m => m.MultiEpisodeStyle, Model.MultiEpisodeStyles, new { @class = "inputClass selectClass" })  
-        
+        </div>
         <div id ="examples">
-            <div id="singleEpisodeExample"></div>
-            <div id="multiEpisodeExample"></div>
+            <div id="singleEpisodeExample"><b>Single Episode Example: </b><span class="result"></span></div>
+            <div id="multiEpisodeExample"><b>Multi-Episode Example: </b><span class="result"></span></div>
         </div>
         
         <button type="submit" id="save_button" disabled="disabled">Save</button>
@@ -129,9 +135,9 @@
             if ($('#ReplaceSpaces').attr('checked'))
                 result = result.replace(/\s/g, '.');
 
-            result = '<b>Single Episode Example: </b>' + result;
+            //result = '<b>Single Episode Example: </b>' + result;
 
-            $('#singleEpisodeExample').html(result);
+            $('#singleEpisodeExample').children('.result').text(result);
         }
 
         function createMultiEpisodeExample() {
@@ -194,9 +200,9 @@
             if ($('#ReplaceSpaces').attr('checked'))
                 result = result.replace(/\s/g, '.');
 
-            result = '<b>Multi-Episode Example: </b>' + result;
+            //result = '<b>Multi-Episode Example: </b>' + result;
 
-            $('#multiEpisodeExample').html(result);
+            $('#multiEpisodeExample').children('.result').text(result);
         }
     </script>
 }
diff --git a/NzbDrone.Web/Views/Settings/SubMenu.cshtml b/NzbDrone.Web/Views/Settings/SubMenu.cshtml
index 48ffe01ac..f55d5bb49 100644
--- a/NzbDrone.Web/Views/Settings/SubMenu.cshtml
+++ b/NzbDrone.Web/Views/Settings/SubMenu.cshtml
@@ -1,6 +1,6 @@
 <ul class="sub-menu">
     <li>@Html.ActionLink("Quality", "Quality", "Settings")</li>
-    <li>@Html.ActionLink("Naming", "EpisodeSorting", "Settings")</li>
+    <li>@Html.ActionLink("Naming", "Naming", "Settings")</li>
     <li>@Html.ActionLink("Notifications", "Notifications", "Settings")</li>
     <li>@Html.ActionLink("Indexers", "Indexers", "Settings")</li>
     <li>@Html.ActionLink("SABnzbd", "Sabnzbd", "Settings")</li>

From 2ed683159ff964bfa41214b06f21eb0ebf6c9bc0 Mon Sep 17 00:00:00 2001
From: Mark McDowall <markus.mcd5@gmail.com>
Date: Mon, 28 Nov 2011 21:10:43 -0800
Subject: [PATCH 2/2] QualityProfiles now use jQuery UI Buttons to
 enable/disable.

---
 .../Repository/Quality/QualityProfile.cs      | 10 --
 .../Controllers/SettingsController.cs         | 94 ++++++++-----------
 NzbDrone.Web/Models/QualityModel.cs           |  2 +-
 NzbDrone.Web/Models/QualityProfileModel.cs    | 45 +++++++++
 NzbDrone.Web/NzbDrone.Web.csproj              |  1 +
 NzbDrone.Web/Views/Settings/Quality.cshtml    | 45 ++++-----
 .../Views/Settings/QualityProfileItem.cshtml  | 50 +++++-----
 NzbDrone.Web/Views/Settings/Test.cshtml       | 40 +++-----
 8 files changed, 147 insertions(+), 140 deletions(-)
 create mode 100644 NzbDrone.Web/Models/QualityProfileModel.cs

diff --git a/NzbDrone.Core/Repository/Quality/QualityProfile.cs b/NzbDrone.Core/Repository/Quality/QualityProfile.cs
index cb7571630..f11f8e640 100644
--- a/NzbDrone.Core/Repository/Quality/QualityProfile.cs
+++ b/NzbDrone.Core/Repository/Quality/QualityProfile.cs
@@ -12,23 +12,13 @@ namespace NzbDrone.Core.Repository.Quality
     public class QualityProfile
     {
         public virtual int QualityProfileId { get; set; }
-
-        [Required(ErrorMessage = "A Name is Required")]
-        [DisplayName("Name")]
-        [DisplayFormat(ConvertEmptyStringToNull = false)]
         public string Name { get; set; }
 
         [Ignore]
-        [DisplayName("Allowed Qualities")]
         public List<QualityTypes> Allowed { get; set; }
 
         [Ignore]
-        [DisplayName("Allowed Qualities String")]
-        [DisplayFormat(ConvertEmptyStringToNull = false)]
         public string AllowedString { get; set; }
-
-        [DisplayName("Cut-off")]
-        [Required(ErrorMessage = "Valid Cut-off is Required")]
         public QualityTypes Cutoff { get; set; }
 
         [EditorBrowsable(EditorBrowsableState.Never)]
diff --git a/NzbDrone.Web/Controllers/SettingsController.cs b/NzbDrone.Web/Controllers/SettingsController.cs
index 8a19305b6..4d1390378 100644
--- a/NzbDrone.Web/Controllers/SettingsController.cs
+++ b/NzbDrone.Web/Controllers/SettingsController.cs
@@ -120,29 +120,14 @@ namespace NzbDrone.Web.Controllers
 
         public ActionResult Quality()
         {
-            var qualityTypes = new List<QualityTypes>();
-
-            foreach (QualityTypes qual in Enum.GetValues(typeof(QualityTypes)))
-            {
-                qualityTypes.Add(qual);
-            }
-
-            ViewData["Qualities"] = qualityTypes;
-
             var profiles = _qualityProvider.All().ToList();
 
-            foreach (var qualityProfile in profiles)
-            {
-                qualityProfile.AllowedString = string.Join(",", qualityProfile.Allowed);
-            }
-
             var defaultQualityQualityProfileId = Convert.ToInt32(_configProvider.DefaultQualityProfile);
             var qualityProfileSelectList = new SelectList(profiles, "QualityProfileId", "Name");
             var qualityTypesFromDb = _qualityTypeProvider.All();
 
             var model = new QualityModel
                             {
-                                Profiles = profiles,
                                 DefaultQualityProfileId = defaultQualityQualityProfileId,
                                 QualityProfileSelectList = qualityProfileSelectList,
                                 SdtvMaxSize = qualityTypesFromDb.Single(q => q.QualityTypeId == 1).MaxSize,
@@ -153,6 +138,8 @@ namespace NzbDrone.Web.Controllers
                                 Bluray1080pMaxSize = qualityTypesFromDb.Single(q => q.QualityTypeId == 7).MaxSize
                             };
 
+            ViewData["Profiles"] = profiles;
+
             return View(model);
         }
 
@@ -239,17 +226,8 @@ namespace NzbDrone.Web.Controllers
             return View(model);
         }
 
-        public ViewResult AddProfile()
+        public PartialViewResult AddProfile()
         {
-            var qualityTypes = new List<QualityTypes>();
-
-            foreach (QualityTypes qual in Enum.GetValues(typeof(QualityTypes)))
-            {
-                qualityTypes.Add(qual);
-            }
-
-            ViewData["Qualities"] = qualityTypes;
-
             var qualityProfile = new QualityProfile
                                      {
                                          Name = "New Profile",
@@ -257,28 +235,25 @@ namespace NzbDrone.Web.Controllers
                                          Cutoff = QualityTypes.Unknown
                                      };
 
-            var id = _qualityProvider.Add(qualityProfile);
-            qualityProfile.QualityProfileId = id;
-            qualityProfile.AllowedString = "Unknown";
+            qualityProfile.QualityProfileId = _qualityProvider.Add(qualityProfile);
 
-            ViewData["ProfileId"] = id;
-
-            return View("QualityProfileItem", qualityProfile);
+            return GetQualityProfileView(qualityProfile);
         }
 
-        public ActionResult GetQualityProfileView(QualityProfile profile)
+        public PartialViewResult GetQualityProfileView(QualityProfile profile)
         {
-            var qualityTypes = new List<QualityTypes>();
+            var model = new QualityProfileModel();
+            model.QualityProfileId = profile.QualityProfileId;
+            model.Name = profile.Name;
+            model.Allowed = profile.Allowed;
+            model.Sdtv = profile.Allowed.Contains(QualityTypes.SDTV);
+            model.Dvd = profile.Allowed.Contains(QualityTypes.DVD);
+            model.Hdtv = profile.Allowed.Contains(QualityTypes.HDTV);
+            model.Webdl = profile.Allowed.Contains(QualityTypes.WEBDL);
+            model.Bluray720p = profile.Allowed.Contains(QualityTypes.Bluray720p);
+            model.Bluray1080p = profile.Allowed.Contains(QualityTypes.Bluray1080p);
 
-            foreach (QualityTypes qual in Enum.GetValues(typeof(QualityTypes)))
-            {
-                qualityTypes.Add(qual);
-            }
-
-            ViewData["Qualities"] = qualityTypes;
-            ViewData["ProfileId"] = profile.QualityProfileId;
-
-            return PartialView("QualityProfileItem", profile);
+            return PartialView("QualityProfileItem", model);
         }
 
         public JsonResult DeleteQualityProfile(int profileId)
@@ -451,25 +426,38 @@ namespace NzbDrone.Web.Controllers
                 if (data.Profiles == null)
                     return GetSuccessResult();
 
-                foreach (var profile in data.Profiles)
+                foreach (var profileModel in data.Profiles)
                 {
-                    Logger.Debug(String.Format("Updating Profile: {0}", profile));
+                    Logger.Debug(String.Format("Updating Profile: {0}", profileModel));
 
+                    var profile = new QualityProfile();
+                    profile.QualityProfileId = profileModel.QualityProfileId;
+                    profile.Name = profileModel.Name;
+                    profile.Cutoff = profileModel.Cutoff;
+                    
                     profile.Allowed = new List<QualityTypes>();
 
-                    //Remove the extra comma from the end
-                    profile.AllowedString = profile.AllowedString.Trim(',');
+                    if (profileModel.Sdtv)
+                        profile.Allowed.Add(QualityTypes.SDTV);
 
-                    foreach (var quality in profile.AllowedString.Split(','))
-                    {
-                        var qType = (QualityTypes)Enum.Parse(typeof(QualityTypes), quality);
-                        profile.Allowed.Add(qType);
-                    }
+                    if (profileModel.Dvd)
+                        profile.Allowed.Add(QualityTypes.DVD);
 
-                    //If the Cutoff value selected is not in the allowed list then use the last allowed value, this should be validated on submit
+                    if (profileModel.Hdtv)
+                        profile.Allowed.Add(QualityTypes.HDTV);
+
+                    if (profileModel.Webdl)
+                        profile.Allowed.Add(QualityTypes.WEBDL);
+
+                    if (profileModel.Bluray720p)
+                        profile.Allowed.Add(QualityTypes.Bluray720p);
+
+                    if (profileModel.Bluray1080p)
+                        profile.Allowed.Add(QualityTypes.Bluray1080p);
+
+                    //If the Cutoff value selected is not in the allowed list then return an error
                     if (!profile.Allowed.Contains(profile.Cutoff))
                         return GetInvalidModelResult();
-                    //profile.Cutoff = profile.Allowed.Last();
 
                     _qualityProvider.Update(profile);
                 }
diff --git a/NzbDrone.Web/Models/QualityModel.cs b/NzbDrone.Web/Models/QualityModel.cs
index 27796406b..a0ee8041d 100644
--- a/NzbDrone.Web/Models/QualityModel.cs
+++ b/NzbDrone.Web/Models/QualityModel.cs
@@ -7,7 +7,7 @@ namespace NzbDrone.Web.Models
 {
     public class QualityModel
     {
-        public List<QualityProfile> Profiles { get; set; }
+        public List<QualityProfileModel> Profiles { get; set; }
 
         [DisplayName("Default Quality Profile")]
         [Description("The default quality to use when adding series to NzbDrone")]
diff --git a/NzbDrone.Web/Models/QualityProfileModel.cs b/NzbDrone.Web/Models/QualityProfileModel.cs
new file mode 100644
index 000000000..0d7db88b2
--- /dev/null
+++ b/NzbDrone.Web/Models/QualityProfileModel.cs
@@ -0,0 +1,45 @@
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.ComponentModel.DataAnnotations;
+using System.Web.Mvc;
+using NzbDrone.Core.Repository.Quality;
+using PetaPoco;
+
+namespace NzbDrone.Web.Models
+{
+    public class QualityProfileModel
+    {
+        public int QualityProfileId { get; set; }
+
+        [Required(ErrorMessage = "A Name is Required")]
+        [DisplayName("Name")]
+        [DisplayFormat(ConvertEmptyStringToNull = false)]
+        public string Name { get; set; }
+
+        [DisplayName("Cut-off")]
+        [Required(ErrorMessage = "Valid Cut-off is Required")]
+        public QualityTypes Cutoff { get; set; }
+
+        [DisplayName("Allowed Qualities")]
+        public List<QualityTypes> Allowed { get; set; }
+
+        //Quality Booleans
+        [DisplayName("SDTV")]
+        public bool Sdtv { get; set; }
+
+        [DisplayName("DVD")]
+        public bool Dvd { get; set; }
+
+        [DisplayName("HDTV")]
+        public bool Hdtv { get; set; }
+
+        [DisplayName("WEBDL")]
+        public bool Webdl { get; set; }
+
+        [DisplayName("Bluray720p")]
+        public bool Bluray720p { get; set; }
+
+        [DisplayName("Bluray1080p")]
+        public bool Bluray1080p { get; set; }
+    }
+}
\ No newline at end of file
diff --git a/NzbDrone.Web/NzbDrone.Web.csproj b/NzbDrone.Web/NzbDrone.Web.csproj
index 19e049898..ac4cc469b 100644
--- a/NzbDrone.Web/NzbDrone.Web.csproj
+++ b/NzbDrone.Web/NzbDrone.Web.csproj
@@ -221,6 +221,7 @@
     <Compile Include="Helpers\DescriptionExtension.cs" />
     <Compile Include="Helpers\HtmlPrefixScopeExtensions.cs" />
     <Compile Include="Helpers\IsCurrentActionHelper.cs" />
+    <Compile Include="Models\QualityProfileModel.cs" />
     <Compile Include="Models\FooterModel.cs" />
     <Compile Include="Models\ExistingSeriesModel.cs" />
     <Compile Include="Models\AddNewSeriesModel.cs" />
diff --git a/NzbDrone.Web/Views/Settings/Quality.cshtml b/NzbDrone.Web/Views/Settings/Quality.cshtml
index 5d69c5322..55409cdd9 100644
--- a/NzbDrone.Web/Views/Settings/Quality.cshtml
+++ b/NzbDrone.Web/Views/Settings/Quality.cshtml
@@ -1,4 +1,5 @@
-@using NzbDrone.Web.Helpers;
+@using NzbDrone.Core.Repository.Quality
+@using NzbDrone.Web.Helpers;
 @model NzbDrone.Web.Models.QualityModel
 @section HeaderContent{
     <link rel="stylesheet" type="text/css" href="../../Content/Settings.css" />
@@ -73,7 +74,7 @@ Settings > Quality
                             Add New Profile</a>
                     </div>
                     <div id="profiles">
-                        @foreach (var item in Model.Profiles)
+                        @foreach (var item in (List<QualityProfile>)ViewData["Profiles"])
                         {
                             Html.RenderAction("GetQualityProfileView", item);
                         }
@@ -91,6 +92,12 @@ Settings > Quality
         type="text/javascript"></script>
     <script src="../../Scripts/NzbDrone/settingsForm.js" type="text/javascript"></script>
     <script type="text/javascript">
+        var deleteQualityProfileUrl = '@Url.Action("DeleteQualityProfile", "Settings")';
+
+        $(document).ready(function () {
+            setupSliders();
+        });
+
         $("#addItem").live('click', function () {
             $.ajax({
                 url: this.href,
@@ -103,8 +110,6 @@ Settings > Quality
             return false;
         });
 
-        var deleteQualityProfileUrl = '@Url.Action("DeleteQualityProfile", "Settings")';
-
         function deleteProfile(id) {
             sendToServer(id);
         }
@@ -165,34 +170,26 @@ Settings > Quality
         }).keyup();
 
         $('.quality-selectee').live('click', function () {
-            var profileId = getProfileId(this);
+            var id = $(this).attr('id');
             var cleanId = getCleanId(this);
             var cutoff = '#' + cleanId + '_Cutoff';
-            var allowedString = '#' + cleanId + '_AllowedString';
+            var name = jQuery('[for="' + id + '"]').children('.ui-button-text').text();
 
+            //Remove 'Unknown'
             $(cutoff + ' option').each(function () { if ($(this).text().indexOf('Unknown') > -1) $(cutoff + ' option').remove(':contains("' + $(this).text() + '")'); });
 
-            if ($(this).hasClass('quality-selected')) {
-                $(this).removeClass('quality-selected');
-                var toRemove = this.firstChild.data;
+            //Add option to cutoff SelectList
+            if ($(this).attr('checked')) {
+                $('<option>' + name + '</option>').appendTo(cutoff);
+            }
 
+            //Remove option from cutoff SelectList
+            else {
                 $(cutoff + ' option').each(function () {
-                    if ($(this).text().indexOf(toRemove) > -1)
+                    if ($(this).text().indexOf(name) > -1)
                         $(cutoff + ' option').remove(':contains("' + $(this).text() + '")');
                 });
             }
-
-            else {
-                $(this).addClass('quality-selected');
-                $('<option>' + this.firstChild.data + '</option>').appendTo(cutoff);
-            }
-
-            var result = "";
-            $("#selectable_" + profileId + " .quality-selected").each(function () {
-                result += this.firstChild.data + ",";
-            });
-
-            $(allowedString).empty().val(result);
         });
         
         var sliderOptions = {
@@ -212,10 +209,6 @@ Settings > Quality
 			}
         };
 
-        $(document).ready(function () {
-            setupSliders();
-        });
-
         function setupSliders() {
             $(".slider").each(function() {
                 var localOptions = sliderOptions;
diff --git a/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml b/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml
index 9291d4acf..4032b1da3 100644
--- a/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml
+++ b/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml
@@ -1,4 +1,4 @@
-@model NzbDrone.Core.Repository.Quality.QualityProfile
+@model NzbDrone.Web.Models.QualityProfileModel
 @using System.Collections
 @using NzbDrone.Core.Repository.Quality
 @using NzbDrone.Web.Helpers
@@ -25,29 +25,37 @@
             @Html.LabelFor(x => x.Cutoff)
             @Html.DropDownListFor(m => m.Cutoff, new SelectList(Model.Allowed, Model.Cutoff))
         </div>
-        <div id = "selectable_@(Model.QualityProfileId)" class="qualitySelector">
-            @{ var qualitiesList = (List<QualityTypes>) ViewData["Qualities"]; }
-            @for (int i = 0; i < qualitiesList.Count(); i++)
-            {
-                if (qualitiesList[i].ToString() == "Unknown")
-                {
-                    continue;
-                }
+        <div class="qualitySelector">
+            @Html.CheckBoxFor(m => m.Sdtv, new { @class = "quality-selectee sdtv-selector" })
+            @Html.LabelFor(m => m.Sdtv)
 
-                if (Model.Allowed != null)
-                {
-                    if (Model.Allowed.Contains(qualitiesList[i]))
-                    {
-                        <div class="quality-selectee quality-selected">@qualitiesList[i].ToString()</div>
-                        continue;
-                    }
-                }
+            @Html.CheckBoxFor(m => m.Dvd, new { @class = "quality-selectee dvd-selector" })
+            @Html.LabelFor(m => m.Dvd)
 
-                <div class="quality-selectee">@qualitiesList[i].ToString()</div>
-            }
+            @Html.CheckBoxFor(m => m.Hdtv, new { @class = "quality-selectee hdtv-selector" })
+            @Html.LabelFor(m => m.Hdtv)
+
+            @Html.CheckBoxFor(m => m.Webdl, new { @class = "quality-selectee webdl-selector" })
+            @Html.LabelFor(m => m.Webdl)
+
+            @Html.CheckBoxFor(m => m.Bluray720p, new { @class = "quality-selectee bluray720p-selector" })
+            @Html.LabelFor(m => m.Bluray720p)
+
+            @Html.CheckBoxFor(m => m.Bluray1080p, new { @class = "quality-selectee bluray1080p-selector" })
+            @Html.LabelFor(m => m.Bluray1080p)
         </div>
         @Html.HiddenFor(x => x.QualityProfileId, new {@class = "qualityProfileId"})
-        @Html.HiddenFor(m => m.AllowedString)
         @Html.Hidden("cleanId", idClean, new {@class = "cleanId"})
     </div>
-}
\ No newline at end of file
+}
+
+<script>
+    $(function () {
+        $('.sdtv-selector').button();
+        $('.dvd-selector').button();
+        $('.hdtv-selector').button();
+        $('.webdl-selector').button();
+        $('.bluray720p-selector').button();
+        $('.bluray1080p-selector').button();
+    });
+</script>
\ No newline at end of file
diff --git a/NzbDrone.Web/Views/Settings/Test.cshtml b/NzbDrone.Web/Views/Settings/Test.cshtml
index 9cfd89666..12100aa1e 100644
--- a/NzbDrone.Web/Views/Settings/Test.cshtml
+++ b/NzbDrone.Web/Views/Settings/Test.cshtml
@@ -1,30 +1,12 @@
-@{ Layout = null; }
+<script>
+    $(function () {
+//        $(".quality-selectee").each(function() {
+//            $(this).button();
+//        });
+        $('#test').button();
+    });
+</script>
 
-<style type="text/css">
-    @*Specific to each slider*@
-    #seriesSearchSlider {
-        right: 150px;
-    }
-
-    .sliderContent .localSeriesLookup {
-        width: 94%;
-    }
-
-    .sliderContent {
-        height: 53px;
-    }
-
-</style>
-
-
-<div id="seriesSearchSlider" class="top-slider">
-    <div class="sliderContent">
-        Local Series Search
-        <input class="localSeriesLookup" type="text" />
-    </div>
-    <div class="openCloseWrapper">
-        <div class="sliderButtonContainer">
-            Search<div class="sliderImage sliderClosed"></div>
-        </div>
-    </div>
-</div>
+<input type="checkbox" id="test" class="quality-selectee" /><label for="shuffle">SDTV</label>
+<input type="checkbox" class="quality-selectee" /><label for="shuffle">DVD</label>
+<input type="checkbox" class="quality-selectee" /><label for="shuffle">HDTV</label>
\ No newline at end of file