TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 06:35:49 +03:00
Code Issues Projects Releases Wiki Activity

Automatically focus on first login input

Browse Source
This commit is contained in:
Matthew Harrison-Jones 2013-07-16 10:18:40 +01:00
parent d57cea17f1
commit 0d06484b01
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
core/client/admin-ui-temp.js
View File

@ -1,6 +1,7 @@
// # Temporary Admin UI
/*global window, document, $ */
/*global window, document, _, $ */
(function () {
"use strict";
@ -18,14 +19,23 @@
return (obj.textContent || obj.innerText || $(obj).text() || "") === meta[3];
};
// Called on Window resize
$(window).resize(function () {
var positionCenter = _.debounce(function (e) {
var loginContainer = $(".js-login-container"),
marginTop = Math.floor((loginContainer.parent().height() - loginContainer.height()) / 2) - 15;
loginContainer.css('margin-top', marginTop).delay(250).fadeIn(750);
var loginContainer = $(".js-login-container"),
marginTop = Math.floor((loginContainer.parent().height() - loginContainer.height()) / 2) - 15;
loginContainer.animate({'margin-top': marginTop}, 200);
$(window).trigger('centered');
});
}, 100); // Maximum run of once per 100 milliseconds
function fadeInAndFocus() {
$(".js-login-container").fadeIn(750, function () {
$("[name='email']").focus();
});
}
$(window).on('resize', positionCenter);
$(window).one('centered', fadeInAndFocus);
// Allow notifications to be dismissed
$(document).on('click', '.js-notification .close', function () {
@ -44,8 +54,8 @@
});
// LOGIN SCREEN
$(window).trigger('resize');
$(window).resize();
// EDITOR / NOTIFICATIONS