jellyfin-web/src/controllers/userpasswordpage.js

define(["loading", "libraryMenu", "globalize", "emby-button"], function (loading, libraryMenu, globalize) {
    "use strict";

    function loadUser(page, params) {
        var userid = params.userId;
        ApiClient.getUser(userid).then(function (user) {
            Dashboard.getCurrentUser().then(function (loggedInUser) {
                libraryMenu.setTitle(user.Name);
                page.querySelector(".username").innerHTML = user.Name;
                var showPasswordSection = true;
                var showLocalAccessSection = false;

                if ("Guest" == user.ConnectLinkType) {
                    page.querySelector(".localAccessSection").classList.add("hide");
                    showPasswordSection = false;
                } else if (user.HasConfiguredPassword) {
                    page.querySelector("#btnResetPassword").classList.remove("hide");
                    page.querySelector("#fldCurrentPassword").classList.remove("hide");
                    showLocalAccessSection = true;
                } else {
                    page.querySelector("#btnResetPassword").classList.add("hide");
                    page.querySelector("#fldCurrentPassword").classList.add("hide");
                }

                if (showPasswordSection && (loggedInUser.Policy.IsAdministrator || user.Policy.EnableUserPreferenceAccess)) {
                    page.querySelector(".passwordSection").classList.remove("hide");
                } else {
                    page.querySelector(".passwordSection").classList.add("hide");
                }

                if (showLocalAccessSection && (loggedInUser.Policy.IsAdministrator || user.Policy.EnableUserPreferenceAccess)) {
                    page.querySelector(".localAccessSection").classList.remove("hide");
                } else {
                    page.querySelector(".localAccessSection").classList.add("hide");
                }

                var txtEasyPassword = page.querySelector("#txtEasyPassword");
                txtEasyPassword.value = "";

                if (user.HasConfiguredEasyPassword) {
                    txtEasyPassword.placeholder = "******";
                    page.querySelector("#btnResetEasyPassword").classList.remove("hide");
                } else {
                    txtEasyPassword.removeAttribute("placeholder");
                    txtEasyPassword.placeholder = "";
                    page.querySelector("#btnResetEasyPassword").classList.add("hide");
                }

                page.querySelector(".chkEnableLocalEasyPassword").checked = user.Configuration.EnableLocalPassword;

                require(["autoFocuser"], function (autoFocuser) {
                    autoFocuser.autoFocus(page);
                });
            });
        });
        page.querySelector("#txtCurrentPassword").value = "";
        page.querySelector("#txtNewPassword").value = "";
        page.querySelector("#txtNewPasswordConfirm").value = "";
    }

    return function (view, params) {
        function saveEasyPassword() {
            var userId = params.userId;
            var easyPassword = view.querySelector("#txtEasyPassword").value;

            if (easyPassword) {
                ApiClient.updateEasyPassword(userId, easyPassword).then(function () {
                    onEasyPasswordSaved(userId);
                });
            } else {
                onEasyPasswordSaved(userId);
            }
        }

        function onEasyPasswordSaved(userId) {
            ApiClient.getUser(userId).then(function (user) {
                user.Configuration.EnableLocalPassword = view.querySelector(".chkEnableLocalEasyPassword").checked;
                ApiClient.updateUserConfiguration(user.Id, user.Configuration).then(function () {
                    loading.hide();

                    require(["toast"], function (toast) {
                        toast(globalize.translate("MessageSettingsSaved"));
                    });

                    loadUser(view, params);
                });
            });
        }

        function savePassword() {
            var userId = params.userId;
            var currentPassword = view.querySelector("#txtCurrentPassword").value;
            var newPassword = view.querySelector("#txtNewPassword").value;

            if (view.querySelector("#fldCurrentPassword").classList.contains("hide")) {
                // Firefox does not respect autocomplete=off, so clear it if the field is supposed to be hidden (and blank)
                // This should only happen when user.HasConfiguredPassword is false, but this information is not passed on
                currentPassword = "";
            }

            ApiClient.updateUserPassword(userId, currentPassword, newPassword).then(function () {
                loading.hide();

                require(["toast"], function (toast) {
                    toast(globalize.translate("PasswordSaved"));
                });

                loadUser(view, params);
            }, function () {
                loading.hide();
                Dashboard.alert({
                    title: globalize.translate("HeaderLoginFailure"),
                    message: globalize.translate("MessageInvalidUser")
                });
            });
        }

        function onSubmit(e) {
            var form = this;

            if (form.querySelector("#txtNewPassword").value != form.querySelector("#txtNewPasswordConfirm").value) {
                require(["toast"], function (toast) {
                    toast(globalize.translate("PasswordMatchError"));
                });
            } else {
                loading.show();
                savePassword();
            }

            e.preventDefault();
            return false;
        }

        function onLocalAccessSubmit(e) {
            loading.show();
            saveEasyPassword();
            e.preventDefault();
            return false;
        }

        function resetPassword() {
            var msg = globalize.translate("PasswordResetConfirmation");

            require(["confirm"], function (confirm) {
                confirm(msg, globalize.translate("PasswordResetHeader")).then(function () {
                    var userId = params.userId;
                    loading.show();
                    ApiClient.resetUserPassword(userId).then(function () {
                        loading.hide();
                        Dashboard.alert({
                            message: globalize.translate("PasswordResetComplete"),
                            title: globalize.translate("PasswordResetHeader")
                        });
                        loadUser(view, params);
                    });
                });
            });
        }

        function resetEasyPassword() {
            var msg = globalize.translate("PinCodeResetConfirmation");

            require(["confirm"], function (confirm) {
                confirm(msg, globalize.translate("HeaderPinCodeReset")).then(function () {
                    var userId = params.userId;
                    loading.show();
                    ApiClient.resetEasyPassword(userId).then(function () {
                        loading.hide();
                        Dashboard.alert({
                            message: globalize.translate("PinCodeResetComplete"),
                            title: globalize.translate("HeaderPinCodeReset")
                        });
                        loadUser(view, params);
                    });
                });
            });
        }

        view.querySelector(".updatePasswordForm").addEventListener("submit", onSubmit);
        view.querySelector(".localAccessForm").addEventListener("submit", onLocalAccessSubmit);
        view.querySelector("#btnResetEasyPassword").addEventListener("click", resetEasyPassword);
        view.querySelector("#btnResetPassword").addEventListener("click", resetPassword);
        view.addEventListener("viewshow", function () {
            loadUser(view, params);
        });
    };
});