jellyfin-web/src/controllers/wizard/start.js

define(['jQuery', 'loading', 'emby-button', 'emby-select'], function ($, loading) {
    'use strict';

    function loadPage(page, config, languageOptions) {
        $('#selectLocalizationLanguage', page).html(languageOptions.map(function (l) {
            return '<option value="' + l.Value + '">' + l.Name + '</option>';
        })).val(config.UICulture);
        loading.hide();
    }

    function save(page) {
        loading.show();
        var apiClient = ApiClient;
        apiClient.getJSON(apiClient.getUrl('Startup/Configuration')).then(function (config) {
            config.UICulture = $('#selectLocalizationLanguage', page).val();
            apiClient.ajax({
                type: 'POST',
                data: config,
                url: apiClient.getUrl('Startup/Configuration')
            }).then(function () {
                Dashboard.navigate('wizarduser.html');
            });
        });
    }

    function onSubmit() {
        save($(this).parents('.page'));
        return false;
    }

    return function (view, params) {
        $('.wizardStartForm', view).on('submit', onSubmit);
        view.addEventListener('viewshow', function () {
            document.querySelector('.skinHeader').classList.add('noHomeButtonHeader');
            loading.show();
            var page = this;
            var apiClient = ApiClient;
            var promise1 = apiClient.getJSON(apiClient.getUrl('Startup/Configuration'));
            var promise2 = apiClient.getJSON(apiClient.getUrl('Localization/Options'));
            Promise.all([promise1, promise2]).then(function (responses) {
                loadPage(page, responses[0], responses[1]);
            });
        });
        view.addEventListener('viewhide', function () {
            document.querySelector('.skinHeader').classList.remove('noHomeButtonHeader');
        });
    };
});