RandomSec/extensions/wikidata/module/scripts/dialogs/manage-account-dialog.js
Jathin Sreenivas f5b35a99b3
#3186 : Wikibase login form shows Wikibase instance logo (#3702)
* #3186 : Wikibase login form shows Wikibase instance logo

* Logos shown in the UI during selection of instance to work against

* CSS for list of instances, error handling

* Cache wikibase logo urls.

* Replacing logo alt text as translation string and removing the duplicate property

* Replacing logo alt text as translation string and removing the duplicate property

Co-authored-by: Antonin Delpeuch <antonin@delpeuch.eu>
2021-04-20 21:05:50 +02:00

237 lines
8.6 KiB
JavaScript

var ManageAccountDialog = {};
/**
* Displays the logged in page if the user is logged in,
* displays the login page otherwise.
*/
ManageAccountDialog.display = function (logged_in_username, onSuccess) {
if (logged_in_username == null) {
ManageAccountDialog.tryLoginWithCookies(onSuccess);
} else {
ManageAccountDialog.displayLoggedIn(logged_in_username);
}
};
ManageAccountDialog.tryLoginWithCookies = function (onSuccess) {
// Try with cookies first.
const discardWaiter = DialogSystem.showBusy($.i18n('wikibase-account/connecting-to-wikibase'));
Refine.postCSRF(
"command/wikidata/login",
{"wb-api-endpoint": WikibaseManager.getSelectedWikibaseApi()},
function (data) {
discardWaiter();
if (data.logged_in) {
onSuccess(data.username);
ManageAccountDialog.displayLoggedIn(data.username);
} else {
// If failed, then login with username/password.
ManageAccountDialog.displayPasswordLogin(onSuccess);
}
});
};
ManageAccountDialog.initCommon = function (elmts) {
elmts.dialogHeader.text($.i18n('wikibase-account/dialog-header', WikibaseManager.getSelectedWikibaseName()));
elmts.explainLogIn.html($.i18n('wikibase-account/explain-log-in',
WikibaseManager.getSelectedWikibaseMainPage(), WikibaseManager.getSelectedWikibaseName()));
elmts.cancelButton.text($.i18n('wikibase-account/close'));
};
ManageAccountDialog.displayLoggedIn = function (logged_in_username) {
var frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/logged-in-dialog.html"));
var elmts = DOM.bind(frame);
ManageAccountDialog.initCommon(elmts);
elmts.loggedInAs.text($.i18n('wikibase-account/logged-in-as'));
elmts.logoutButton.text($.i18n('wikibase-account/log-out'));
var level = DialogSystem.showDialog(frame);
var dismiss = function () {
DialogSystem.dismissUntil(level - 1);
};
elmts.loggedInUsername
.text(logged_in_username)
.attr('href', WikibaseManager.getSelectedWikibaseRoot() + 'User:' + logged_in_username);
elmts.cancelButton.click(function (e) {
dismiss();
});
elmts.logoutButton.click(function () {
frame.hide();
Refine.postCSRF(
"command/wikidata/login",
$.param({
"logout": "true",
"wb-api-endpoint": WikibaseManager.getSelectedWikibaseApi()
}),
function (data) {
frame.show();
if (!data.logged_in) {
dismiss();
}
});
});
};
ManageAccountDialog.displayPasswordLogin = function (onSuccess) {
const frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/password-login-dialog.html"));
const elmts = DOM.bind(frame);
ManageAccountDialog.initCommon(elmts);
WikibaseManager.getSelectedWikibaseLogoURL(function(data) {
elmts.wikibaseLogoImg.attr("src", data);
});
elmts.wikibaseMainPage.attr("href", WikibaseManager.getSelectedWikibaseMainPage());
elmts.wikibaseLogoImg.attr("alt", $.i18n('wikibase-account/logo-alt-text', WikibaseManager.getSelectedWikibaseName()));
elmts.explainBotPasswords.html($.i18n('wikibase-account/explain-bot-passwords', WikibaseManager.getSelectedWikibaseRoot() + 'Special:BotPasswords'));
elmts.explainOwnerOnlyConsumerLogin.html($.i18n('wikibase-account/explain-owner-only-consumer-login'));
elmts.invalidCredentials.text($.i18n('wikibase-account/invalid-credentials'));
elmts.invalidCredentials.hide();
elmts.usernameLabel.text($.i18n('wikibase-account/username-label'));
elmts.usernameInput.attr("placeholder", $.i18n('wikibase-account/username-placeholder'));
elmts.passwordLabel.text($.i18n('wikibase-account/password-label'));
elmts.passwordInput.attr("placeholder", $.i18n('wikibase-account/password-placeholder'));
elmts.rememberMe.text($.i18n('wikibase-account/remember-me'));
elmts.passwordRememberMeTitle.attr("title", $.i18n('wikibase-account/password-remember-me-title'));
elmts.loginButton.text($.i18n('wikibase-account/log-in'));
elmts.usernameInput.focus();
// We don't support logging in with owner-only consumer if the target Wikibase doesn't support OAuth.
if (!WikibaseManager.getSelectedWikibaseOAuth()) {
elmts.dialogFooter.hide();
}
var level = DialogSystem.showDialog(frame);
var dismiss = function () {
DialogSystem.dismissUntil(level - 1);
};
elmts.cancelButton.click(function (e) {
dismiss();
});
elmts.explainOwnerOnlyConsumerLogin.click(function (e) {
dismiss();
ManageAccountDialog.displayOwnerOnlyConsumerLogin(onSuccess);
});
elmts.loginForm.submit(function (e) {
frame.hide();
let formArr = elmts.loginForm.serializeArray();
let username = elmts.usernameInput.val();
if (!username.contains("@")) {
alert($.i18n('wikibase-account/bot-passwords-alert'));
}
formArr.push({name: "wb-api-endpoint", value: WikibaseManager.getSelectedWikibaseApi()});
Refine.postCSRF(
"command/wikidata/login",
$.param(formArr),
function (data) {
if (data.logged_in) {
dismiss();
onSuccess(data.username);
} else {
frame.show();
elmts.invalidCredentials.show();
}
});
e.preventDefault();
});
};
ManageAccountDialog.displayOwnerOnlyConsumerLogin = function (onSuccess) {
var frame = $(DOM.loadHTML("wikidata", "scripts/dialogs/owner-only-consumer-login-dialog.html"));
var elmts = DOM.bind(frame);
ManageAccountDialog.initCommon(elmts);
elmts.explainOwnerOnlyConsumerWiki.html($.i18n('wikibase-account/explain-owner-only-consumer-wiki',
WikibaseManager.getSelectedWikibaseOAuth().registration_page));
elmts.explainPasswordLogin.html($.i18n('wikibase-account/explain-password-login'));
elmts.invalidCredentials.text($.i18n('wikibase-account/invalid-credentials'));
elmts.invalidCredentials.hide();
elmts.consumerTokenLabel.text($.i18n('wikibase-account/consumer-token-label'));
elmts.consumerTokenInput.attr("placeholder", $.i18n('wikibase-account/consumer-token-placeholder'));
elmts.consumerSecretLabel.text($.i18n('wikibase-account/consumer-secret-label'));
elmts.consumerSecretInput.attr("placeholder", $.i18n('wikibase-account/consumer-secret-placeholder'));
elmts.accessTokenLabel.text($.i18n('wikibase-account/access-token-label'));
elmts.accessTokenInput.attr("placeholder", $.i18n('wikibase-account/access-token-placeholder'));
elmts.accessSecretLabel.text($.i18n('wikibase-account/access-secret-label'));
elmts.accessSecretInput.attr("placeholder", $.i18n('wikibase-account/access-secret-placeholder'));
elmts.rememberMe.text($.i18n('wikibase-account/remember-me'));
elmts.ownerOnlyConsumerRememberMeTitle.attr("title", $.i18n('wikibase-account/owner-only-consumer-remember-me-title'));
elmts.loginButton.text($.i18n('wikibase-account/log-in'));
elmts.consumerTokenInput.focus();
var level = DialogSystem.showDialog(frame);
var dismiss = function () {
DialogSystem.dismissUntil(level - 1);
};
elmts.cancelButton.click(function (e) {
dismiss();
});
elmts.explainPasswordLogin.click(function (e) {
dismiss();
ManageAccountDialog.displayPasswordLogin(onSuccess);
});
elmts.loginForm.submit(function (e) {
frame.hide();
let formArr = elmts.loginForm.serializeArray();
formArr.push({name: "wb-api-endpoint", value: WikibaseManager.getSelectedWikibaseApi()});
Refine.postCSRF(
"command/wikidata/login",
$.param(formArr),
function (data) {
if (data.logged_in) {
dismiss();
onSuccess(data.username);
} else {
frame.show();
elmts.invalidCredentials.show();
}
});
e.preventDefault();
});
};
/**
* Checks if the user is logged in or not.
*
* The callback needs to react to both cases.
*/
ManageAccountDialog.isLoggedIn = function (callback) {
$.get(
"command/wikidata/login",
{"wb-api-endpoint": WikibaseManager.getSelectedWikibaseApi()},
function (data) {
if (data.logged_in) {
// make sure that the user is logged in to the selected Wikibase
callback(data.username)
} else {
callback(null);
}
});
};
/**
* The onSuccess callback is called if and only if the user is logged in.
*/
ManageAccountDialog.ensureLoggedIn = function (onSuccess) {
ManageAccountDialog.isLoggedIn(function (logged_in_username) {
if (logged_in_username == null) {
ManageAccountDialog.display(null, onSuccess);
} else {
onSuccess(logged_in_username);
}
});
};
ManageAccountDialog.checkAndLaunch = function () {
ManageAccountDialog.isLoggedIn(function (logged_in_username) {
ManageAccountDialog.display(logged_in_username, function (success) {
});
});
};