From 0718ddfce45b3537fea2a50f91619f8d9260f09e Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Wed, 7 May 2014 16:16:57 -0400
Subject: [PATCH] finish open subtitle config page

---
 dashboard-ui/metadatasubtitles.html       |  8 +++++
 dashboard-ui/scripts/metadatasubtitles.js | 39 +++++++++++++++++++++--
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/dashboard-ui/metadatasubtitles.html b/dashboard-ui/metadatasubtitles.html
index 5d2dd5f75b..ffba5be679 100644
--- a/dashboard-ui/metadatasubtitles.html
+++ b/dashboard-ui/metadatasubtitles.html
@@ -22,6 +22,7 @@
 
                 <form class="metadataSubtitlesForm">
                     <p>${HeaderSubtitleDownloadingHelp}</p>
+                    <p>${HeaderSubtitleDownloadingMoreHelp}</p>
                     <fieldset data-role="controlgroup">
                         <legend>${HeaderDownloadSubtitlesFor}</legend>
                         <input type="checkbox" data-mini="true" id="chkSubtitlesMovies" />
@@ -31,6 +32,12 @@
                         <label for="chkSubtitlesEpisodes">${OptionEpisodes}</label>
                     </fieldset>
                     <br />
+                    <div>
+                        <label>${LabelDownloadLanguages}</label>
+                        <div class="downloadLanguages" style="max-height: 200px; overflow-y: auto; border: 1px solid #e8e8e8;">
+                        </div>
+                    </div>
+                    <br />
                     <ul data-role="listview" class="ulForm">
                         <li>
                             <input type="checkbox" id="chkRequireExternalSubtitles" data-mini="true" />
@@ -40,6 +47,7 @@
                         <li>
                             <label for="txtOpenSubtitleUsername">${LabelOpenSubtitlesUsername}</label>
                             <input type="text" id="txtOpenSubtitleUsername" data-mini="true" required="required" />
+                            <div class="fieldDescription"><a target="_blank" href="http://www.opensubtitles.org/">${ButtonRegister}</a></div>
                         </li>
                         <li>
                             <label for="txtOpenSubtitlePassword">${LabelOpenSubtitlesPassword}</label>
diff --git a/dashboard-ui/scripts/metadatasubtitles.js b/dashboard-ui/scripts/metadatasubtitles.js
index 8f83d8236d..2efb4ec118 100644
--- a/dashboard-ui/scripts/metadatasubtitles.js
+++ b/dashboard-ui/scripts/metadatasubtitles.js
@@ -1,6 +1,6 @@
 (function ($, document, window) {
 
-    function loadPage(page, config, systemInfo) {
+    function loadPage(page, config, languages) {
 
         $('#chkSubtitlesMovies', page).checked(config.SubtitleOptions.DownloadMovieSubtitles).checkboxradio("refresh");
         $('#chkSubtitlesEpisodes', page).checked(config.SubtitleOptions.DownloadEpisodeSubtitles).checkboxradio("refresh");
@@ -10,9 +10,38 @@
         $('#txtOpenSubtitleUsername', page).val(config.SubtitleOptions.OpenSubtitlesUsername);
         $('#txtOpenSubtitlePassword', page).val('');
 
+        populateLanguages(page, config, languages);
+
         Dashboard.hideLoadingMsg();
     }
 
+    function populateLanguages(page, config, languages) {
+
+        var html = '<div data-role="controlgroup" data-corners="false" style="margin:0;">';
+
+        for (var i = 0, length = languages.length; i < length; i++) {
+
+            var culture = languages[i];
+
+            var id = "chkSubtitleLanguage" + i;
+
+            html += '<label style="font-size:13px;" for="' + id + '">' + culture.DisplayName + '</label>';
+            html += '<input class="chkLang" data-lang="' + culture.ThreeLetterISOLanguageName.toLowerCase() + '" type="checkbox" id="' + id + '" />';
+        }
+
+        html += '</div>';
+
+        $('.downloadLanguages', page).html(html).trigger("create");
+
+        var langs = config.SubtitleOptions.DownloadLanguages || [];
+
+        $('.chkLang', page).each(function () {
+
+            this.checked = langs.indexOf(this.getAttribute('data-lang')) != -1;
+
+        }).checkboxradio('refresh');
+    }
+
     $(document).on('pageshow', "#metadataSubtitlesPage", function () {
 
         Dashboard.showLoadingMsg();
@@ -20,7 +49,7 @@
         var page = this;
 
         var promise1 = ApiClient.getServerConfiguration();
-        var promise2 = ApiClient.getSystemInfo();
+        var promise2 = ApiClient.getCultures();
 
         $.when(promise1, promise2).done(function (response1, response2) {
 
@@ -55,6 +84,12 @@
 
                 config.SubtitleOptions.OpenSubtitlesPasswordHash = $('#txtOpenSubtitlePassword', form).val();
 
+                config.SubtitleOptions.DownloadLanguages = $('.chkLang:checked', form).get().map(function (c) {
+
+                    return c.getAttribute('data-lang');
+
+                });
+
                 ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
             });