move wizard and user preference routes to nested folders

src/controllers/wizard/settings/index.html

@@ -0,0 +1,31 @@
+<div id="wizardSettingsPage" data-role="page" class="page standalonePage wizardPage">
+    <div class="padded-left padded-right padded-top">
+        <div class="ui-corner-all ui-shadow wizardContent">
+            <form class="wizardSettingsForm">
+                <h1>${HeaderPreferredMetadataLanguage}</h1>
+                <p style="margin:1.5em 0;">${DefaultMetadataLangaugeDescription}</p>
+
+                <div class="selectContainer">
+                    <select is="emby-select" id="selectLanguage" required="required" label="${LabelLanguage}"></select>
+                </div>
+
+                <div class="selectContainer">
+                    <select is="emby-select" id="selectCountry" required="required" label="${LabelCountry}"></select>
+                </div>
+                <br />
+
+                <div class="wizardNavigation">
+                    <button is="emby-button" type="button" class="raised button-cancel" onclick="history.back();">
+                        <span class="material-icons arrow_back"></span>
+                        <span>${LabelPrevious}</span>
+                    </button>
+                    <button is="emby-button" type="submit" class="raised button-submit">
+                        <span>${LabelNext}</span>
+                        <span class="material-icons arrow_forward"></span>
+                    </button>
+                </div>
+            </form>
+        </div>
+
+    </div>
+</div>

src/controllers/wizard/settings/index.js

@@ -0,0 +1,85 @@
+import loading from 'loading';
+import 'emby-checkbox';
+import 'emby-button';
+import 'emby-select';
+
+function save(page) {
+    loading.show();
+    const apiClient = ApiClient;
+    apiClient.getJSON(apiClient.getUrl('Startup/Configuration')).then(function (config) {
+        config.PreferredMetadataLanguage = page.querySelector('#selectLanguage').value;
+        config.MetadataCountryCode = page.querySelector('#selectCountry').value;
+        apiClient.ajax({
+            type: 'POST',
+            data: config,
+            url: apiClient.getUrl('Startup/Configuration')
+        }).then(function () {
+            loading.hide();
+            navigateToNextPage();
+        });
+    });
+}
+
+function populateLanguages(select, languages) {
+    let html = '';
+    html += "<option value=''></option>";
+
+    for (let i = 0, length = languages.length; i < length; i++) {
+        const culture = languages[i];
+        html += "<option value='" + culture.TwoLetterISOLanguageName + "'>" + culture.DisplayName + '</option>';
+    }
+
+    select.innerHTML = html;
+}
+
+function populateCountries(select, allCountries) {
+    let html = '';
+    html += "<option value=''></option>";
+
+    for (let i = 0, length = allCountries.length; i < length; i++) {
+        const culture = allCountries[i];
+        html += "<option value='" + culture.TwoLetterISORegionName + "'>" + culture.DisplayName + '</option>';
+    }
+
+    select.innerHTML = html;
+}
+
+function reloadData(page, config, cultures, countries) {
+    populateLanguages(page.querySelector('#selectLanguage'), cultures);
+    populateCountries(page.querySelector('#selectCountry'), countries);
+    page.querySelector('#selectLanguage').value = config.PreferredMetadataLanguage;
+    page.querySelector('#selectCountry').value = config.MetadataCountryCode;
+    loading.hide();
+}
+
+function reload(page) {
+    loading.show();
+    const apiClient = ApiClient;
+    const promise1 = apiClient.getJSON(apiClient.getUrl('Startup/Configuration'));
+    const promise2 = apiClient.getCultures();
+    const promise3 = apiClient.getCountries();
+    Promise.all([promise1, promise2, promise3]).then(function (responses) {
+        reloadData(page, responses[0], responses[1], responses[2]);
+    });
+}
+
+function navigateToNextPage() {
+    Dashboard.navigate('wizardremoteaccess.html');
+}
+
+function onSubmit(e) {
+    save(this);
+    e.preventDefault();
+    return false;
+}
+
+export default function (view, params) {
+    view.querySelector('.wizardSettingsForm').addEventListener('submit', onSubmit);
+    view.addEventListener('viewshow', function () {
+        document.querySelector('.skinHeader').classList.add('noHomeButtonHeader');
+        reload(this);
+    });
+    view.addEventListener('viewhide', function () {
+        document.querySelector('.skinHeader').classList.remove('noHomeButtonHeader');
+    });
+}