2013-07-11 23:02:18 +04:00
|
|
|
|
// # Temporary Admin UI
|
|
|
|
|
|
2013-07-16 13:18:40 +04:00
|
|
|
|
/*global window, document, _, $ */
|
|
|
|
|
|
2013-07-11 23:02:18 +04:00
|
|
|
|
(function () {
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
// UTILS
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Allows to check contents of each element exactly
|
|
|
|
|
* @param obj
|
|
|
|
|
* @param index
|
|
|
|
|
* @param meta
|
|
|
|
|
* @param stack
|
|
|
|
|
* @returns {boolean}
|
|
|
|
|
*/
|
|
|
|
|
$.expr[":"].containsExact = function (obj, index, meta, stack) {
|
|
|
|
|
return (obj.textContent || obj.innerText || $(obj).text() || "") === meta[3];
|
|
|
|
|
};
|
|
|
|
|
|
2013-07-16 13:18:40 +04:00
|
|
|
|
var positionCenter = _.debounce(function (e) {
|
2013-07-11 23:02:18 +04:00
|
|
|
|
|
2013-07-16 13:18:40 +04:00
|
|
|
|
var loginContainer = $(".js-login-container"),
|
|
|
|
|
marginTop = Math.floor((loginContainer.parent().height() - loginContainer.height()) / 2) - 15;
|
|
|
|
|
loginContainer.animate({'margin-top': marginTop}, 200);
|
|
|
|
|
$(window).trigger('centered');
|
2013-07-11 23:02:18 +04:00
|
|
|
|
|
2013-07-16 13:18:40 +04:00
|
|
|
|
}, 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);
|
2013-07-11 23:02:18 +04:00
|
|
|
|
|
|
|
|
|
// Allow notifications to be dismissed
|
|
|
|
|
$(document).on('click', '.js-notification .close', function () {
|
|
|
|
|
$(this).parent().fadeOut(200, function () { $(this).remove(); });
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
|
|
|
|
|
// ## Set interactions for all menus
|
|
|
|
|
// This finds all visible '.overlay' elements and hides them upon clicking away from the element itself.
|
|
|
|
|
$("body").on('click', function (event) {
|
|
|
|
|
var $target = $(event.target);
|
|
|
|
|
if (!$target.parents().is(".overlay:visible") && !$target.is(".overlay:visible")) {
|
|
|
|
|
$("body").find(".overlay:visible").fadeOut();
|
2013-07-12 19:50:21 +04:00
|
|
|
|
|
|
|
|
|
// Toggle active classes on menu headers
|
|
|
|
|
$("[data-toggle].active").removeClass("active");
|
2013-07-11 23:02:18 +04:00
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// LOGIN SCREEN
|
2013-07-16 13:18:40 +04:00
|
|
|
|
$(window).trigger('resize');
|
2013-07-11 23:02:18 +04:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// EDITOR / NOTIFICATIONS
|
|
|
|
|
|
|
|
|
|
$('.entry-content header, .entry-preview header').on('click', function () {
|
|
|
|
|
$('.entry-content, .entry-preview').removeClass('active');
|
|
|
|
|
$(this).closest('section').addClass('active');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.entry-title .icon-fullscreen').on('click', function (e) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
$('body').toggleClass('fullscreen');
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('.options.up').on('click', function (e) {
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
$(this).next("ul").fadeToggle(200);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}());
|