static/js/com/cookie-banner.js (648 lines of code) (raw):
// JQuery Console 1.0
// Sun Feb 21 20:28:47 GMT 2010
//
// Copyright 2010 Chris Done, Simon David Pratt. All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions
// are met:
//
// 1. Redistributions of source code must retain the above
// copyright notice, this list of conditions and the following
// disclaimer.
//
// 2. Redistributions in binary form must reproduce the above
// copyright notice, this list of conditions and the following
// disclaimer in the documentation and/or other materials
// provided with the distribution.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS
// FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
// COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
// INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
// BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
// LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
// CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
// LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
// ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
// TESTED ON
// Internet Explorer 6
// Opera 10.01
// Chromium 4.0.237.0 (Ubuntu build 31094)
// Firefox 3.5.8, 3.6.2 (Mac)
// Safari 4.0.5 (6531.22.7) (Mac)
// Google Chrome 5.0.375.55 (Mac)
var $ = require('jquery');
var bannersRotator = require('../com/banners-rotator');
$(document).ready(function () {
var isWebkit = !!~navigator.userAgent.indexOf(' AppleWebKit/');
$.fn.console = function (config) {
////////////////////////////////////////////////////////////////////////
// Constants
// Some are enums, data types, others just for optimisation
var keyCodes = {
// left
37: moveBackward,
// right
39: moveForward,
// up
38: previousHistory,
// down
40: nextHistory,
// backspace
8: backDelete,
// delete
46: forwardDelete,
// end
35: moveToEnd,
// start
36: moveToStart,
// return
13: commandTrigger,
// tab
9: doComplete,
// esc
27: doClose
};
var ctrlCodes = {
// C-a
65: moveToStart,
// C-e
69: moveToEnd,
// C-d
68: forwardDelete,
// C-n
78: nextHistory,
// C-p
80: previousHistory,
// C-b
66: moveBackward,
// C-f
70: moveForward,
// C-k
75: deleteUntilEnd
};
if (config.ctrlCodes) {
$.extend(ctrlCodes, config.ctrlCodes);
}
var altCodes = {
// M-f
70: moveToNextWord,
// M-b
66: moveToPreviousWord,
// M-d
68: deleteNextWord
};
var shiftCodes = {
// return
13: newLine
};
var cursor = '<span class="jquery-console-cursor"> </span>';
////////////////////////////////////////////////////////////////////////
// Globals
var container = $(this);
var inner = $('<div class="jquery-console-inner"></div>');
var scrollArea = config.scrollArea || inner;
// erjiang: changed this from a text input to a textarea so we
// can get pasted newlines
var typer = $('<textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="jquery-console-typer"></textarea>');
// Prompt
var promptBox;
var prompt;
var continuedPromptLabel = config && config.continuedPromptLabel ?
config.continuedPromptLabel : "> ";
var column = 0;
var promptText = '';
var restoreText = '';
var continuedText = '';
var fadeOnReset = config.fadeOnReset !== undefined ? config.fadeOnReset : true;
// Prompt history stack
var history = [];
var ringn = 0;
// For reasons unknown to The Sword of Michael himself, Opera
// triggers and sends a key character when you hit various
// keys like PgUp, End, etc. So there is no way of knowing
// when a user has typed '#' or End. My solution is in the
// typer.keydown and typer.keypress functions; I use the
// variable below to ignore the keypress event if the keydown
// event succeeds.
var cancelKeyPress = 0;
// When this value is false, the prompt will not respond to input
var acceptInput = true;
// External exports object
var extern = {};
////////////////////////////////////////////////////////////////////////
// Main entry point
(function () {
extern.promptLabel = config && config.promptLabel ? config.promptLabel : "> ";
container.append(inner);
inner.append(typer);
typer.css({position: 'absolute', top: 0, left: '-9999px'});
if (config.welcomeMessage)
message(config.welcomeMessage, 'jquery-console-welcome');
newPromptBox();
if (config.autofocus) {
inner.addClass('jquery-console-focus');
typer.focus();
setTimeout(function () {
inner.addClass('jquery-console-focus');
typer.focus();
}, 100);
}
extern.inner = inner;
extern.typer = typer;
extern.scrollToBottom = scrollToBottom;
extern.report = report;
})();
////////////////////////////////////////////////////////////////////////
// Reset terminal
extern.reset = function (callback) {
var welcome = (typeof config.welcomeMessage != 'undefined');
var removeElements = function () {
inner.find('div').each(function () {
if (!welcome) {
$(this).remove();
} else {
welcome = false;
}
});
};
if (fadeOnReset) {
inner.parent().fadeOut(function () {
removeElements();
newPromptBox();
inner.parent().fadeIn(function () {
focusConsole();
if (typeof callback == 'function') {
callback();
}
});
});
}
else {
removeElements();
newPromptBox();
focusConsole();
if (typeof callback == 'function') {
callback();
}
}
};
var focusConsole = function () {
inner.addClass('jquery-console-focus');
typer.focus();
};
extern.focus = function () {
focusConsole();
};
////////////////////////////////////////////////////////////////////////
// Reset terminal
extern.notice = function (msg, style) {
var n = $('<div class="notice"></div>').append($('<div></div>').text(msg))
.css({visibility: 'hidden'});
container.append(n);
var focused = true;
if (style == 'fadeout')
setTimeout(function () {
n.fadeOut(function () {
n.remove();
});
}, 4000);
else if (style == 'prompt') {
var a = $('<br/><div class="action"><a href="javascript:">OK</a><div class="clear"></div></div>');
n.append(a);
focused = false;
a.on('click', function () {
n.fadeOut(function () {
n.remove();
inner.css({opacity: 1})
});
});
}
var h = n.height();
n.css({height: '0px', visibility: 'visible'})
.animate({height: h + 'px'}, function () {
if (!focused) inner.css({opacity: 0.5});
});
n.css('cursor', 'default');
return n;
};
////////////////////////////////////////////////////////////////////////
// Make a new prompt box
function newPromptBox() {
column = 0;
promptText = '';
ringn = 0; // Reset the position of the history ring
enableInput();
promptBox = $('<div class="jquery-console-prompt-box"></div>');
var label = $('<span class="jquery-console-prompt-label"></span>');
var labelText = extern.continuedPrompt ? continuedPromptLabel : extern.promptLabel;
promptBox.append(label.text(labelText).show());
label.html(label.html().replace(' ', ' '));
prompt = $('<span class="jquery-console-prompt"></span>');
promptBox.append(prompt);
inner.append(promptBox);
updatePromptDisplay();
}
////////////////////////////////////////////////////////////////////////
// Handle setting focus
container.on('click', function (event) {
var isLink = typeof event.target && event.target.href;
if (!isLink) {
// Don't mess with the focus if there is an active selection
if (window.getSelection().toString()) {
return false;
}
inner.addClass('jquery-console-focus');
inner.removeClass('jquery-console-nofocus');
if (isWebkit) {
typer.focusWithoutScrolling();
} else {
typer.css('position', 'fixed').focus();
}
scrollToBottom();
return false;
}
});
////////////////////////////////////////////////////////////////////////
// Handle losing focus
typer.on('blur', function () {
inner.removeClass('jquery-console-focus');
inner.addClass('jquery-console-nofocus');
});
////////////////////////////////////////////////////////////////////////
// Bind to the paste event of the input box so we know when we
// get pasted data
typer.on('paste', function (e) {
// wipe typer input clean just in case
typer.val("");
// this timeout is required because the onpaste event is
// fired *before* the text is actually pasted
setTimeout(function () {
typer.consoleInsert(typer.val());
typer.val("");
}, 0);
});
////////////////////////////////////////////////////////////////////////
// Handle key hit before translation
// For picking up control characters like up/left/down/right
typer.on('keydown', function (e) {
cancelKeyPress = 0;
var keyCode = e.keyCode;
// C-c: cancel the execution
if (e.ctrlKey && keyCode == 67) {
cancelKeyPress = keyCode;
cancelExecution();
return false;
}
if (acceptInput) {
if (e.shiftKey && keyCode in shiftCodes) {
cancelKeyPress = keyCode;
(shiftCodes[keyCode])();
return false;
} else if (e.altKey && keyCode in altCodes) {
cancelKeyPress = keyCode;
(altCodes[keyCode])();
return false;
} else if (e.ctrlKey && keyCode in ctrlCodes) {
cancelKeyPress = keyCode;
(ctrlCodes[keyCode])();
return false;
} else if (keyCode in keyCodes) {
cancelKeyPress = keyCode;
(keyCodes[keyCode])();
return false;
}
}
});
////////////////////////////////////////////////////////////////////////
// Handle key press
typer.on('keypress', function (e) {
var keyCode = e.keyCode || e.which;
if (isIgnorableKey(e)) {
return false;
}
// C-v: don't insert on paste event
if ((e.ctrlKey || e.metaKey) && String.fromCharCode(keyCode).toLowerCase() == 'v') {
return true;
}
if (acceptInput && cancelKeyPress != keyCode && keyCode >= 32) {
if (cancelKeyPress) return false;
if (
typeof config.charInsertTrigger == 'undefined' || (
typeof config.charInsertTrigger == 'function' &&
config.charInsertTrigger(keyCode, promptText)
)
) {
typer.consoleInsert(keyCode);
}
}
if (isWebkit) return false;
});
function isIgnorableKey(e) {
// for now just filter alt+tab that we receive on some platforms when
// user switches windows (goes away from the browser)
return ((e.keyCode == keyCodes.tab || e.keyCode == 192) && e.altKey);
}
////////////////////////////////////////////////////////////////////////
// Rotate through the command history
function rotateHistory(n) {
if (history.length == 0) return;
ringn += n;
if (ringn < 0) ringn = history.length;
else if (ringn > history.length) ringn = 0;
var prevText = promptText;
if (ringn == 0) {
promptText = restoreText;
} else {
promptText = history[ringn - 1];
}
if (config.historyPreserveColumn) {
if (promptText.length < column + 1) {
column = promptText.length;
} else if (column == 0) {
column = promptText.length;
}
} else {
column = promptText.length;
}
updatePromptDisplay();
}
function previousHistory() {
rotateHistory(-1);
}
function nextHistory() {
rotateHistory(1);
}
// Add something to the history ring
function addToHistory(line) {
history.push(line);
restoreText = '';
}
// Delete the character at the current position
function deleteCharAtPos() {
if (column < promptText.length) {
promptText =
promptText.substring(0, column) +
promptText.substring(column + 1);
restoreText = promptText;
return true;
} else return false;
}
function backDelete() {
if (moveColumn(-1)) {
deleteCharAtPos();
updatePromptDisplay();
}
}
function forwardDelete() {
if (deleteCharAtPos()) {
updatePromptDisplay();
}
}
function deleteUntilEnd() {
while (deleteCharAtPos()) {
updatePromptDisplay();
}
}
function deleteNextWord() {
// A word is defined within this context as a series of alphanumeric
// characters.
// Delete up to the next alphanumeric character
while (
column < promptText.length && !isCharAlphanumeric(promptText[column])
) {
deleteCharAtPos();
updatePromptDisplay();
}
// Then, delete until the next non-alphanumeric character
while (
column < promptText.length &&
isCharAlphanumeric(promptText[column])
) {
deleteCharAtPos();
updatePromptDisplay();
}
}
function newLine() {
var lines = promptText.split("\n");
var last_line = lines.slice(-1)[0];
var spaces = last_line.match(/^(\s*)/g)[0];
var new_line = "\n" + spaces;
promptText += new_line;
moveColumn(new_line.length);
updatePromptDisplay();
}
////////////////////////////////////////////////////////////////////////
// Validate command and trigger it if valid, or show a validation error
function commandTrigger() {
var line = promptText;
if (typeof config.commandValidate == 'function') {
var ret = config.commandValidate(line);
if (ret == true || ret == false) {
if (ret) {
handleCommand();
}
} else {
commandResult(ret, "jquery-console-message-error");
}
} else {
handleCommand();
}
}
// Scroll to the bottom of the view
function scrollToBottom() {
scrollArea.prop({scrollTop: scrollArea.prop("scrollHeight")});
}
function cancelExecution() {
if (typeof config.cancelHandle == 'function') {
config.cancelHandle();
}
}
////////////////////////////////////////////////////////////////////////
// Handle a command
function handleCommand() {
if (typeof config.commandHandle == 'function') {
disableInput();
addToHistory(promptText);
var text = promptText;
if (extern.continuedPrompt) {
if (continuedText)
continuedText += '\n' + promptText;
else continuedText = promptText;
} else continuedText = undefined;
if (continuedText) text = continuedText;
var ret = config.commandHandle(text, function (msgs) {
commandResult(msgs);
});
if (extern.continuedPrompt && !continuedText)
continuedText = promptText;
if (typeof ret == 'boolean') {
if (ret) {
// Command succeeded without a result.
commandResult();
} else {
commandResult(
'Command failed.',
"jquery-console-message-error"
);
}
} else if (typeof ret == "string") {
commandResult(ret, "jquery-console-message-success");
} else if (typeof ret == 'object' && ret.length) {
commandResult(ret);
} else if (extern.continuedPrompt) {
commandResult();
}
}
}
////////////////////////////////////////////////////////////////////////
// Disable input
function disableInput() {
acceptInput = false;
}
// Enable input
function enableInput() {
acceptInput = true;
}
////////////////////////////////////////////////////////////////////////
// Reset the prompt in invalid command
function commandResult(msg, className) {
column = -1;
updatePromptDisplay();
if (typeof msg == 'string') {
message(msg, className);
} else if ($.isArray(msg)) {
for (var x in msg) {
var ret = msg[x];
message(ret.msg, ret.className);
}
} else { // Assume it's a DOM node or jQuery object.
inner.append(msg);
}
newPromptBox();
}
////////////////////////////////////////////////////////////////////////
// Report some message into the console
function report(msg, className) {
var text = promptText;
promptBox.remove();
commandResult(msg, className);
extern.promptText(text);
}
////////////////////////////////////////////////////////////////////////
// Display a message
function message(msg, className) {
var mesg = $('<div class="jquery-console-message"></div>');
if (className) mesg.addClass(className);
mesg.filledText(msg).hide();
inner.append(mesg);
mesg.show();
}
////////////////////////////////////////////////////////////////////////
// Handle normal character insertion
// data can either be a number, which will be interpreted as the
// numeric value of a single character, or a string
typer.consoleInsert = function (data) {
// TODO: remove redundant indirection
var text = (typeof data == 'number') ? String.fromCharCode(data) : data;
var before = promptText.substring(0, column);
var after = promptText.substring(column);
promptText = before + text + after;
moveColumn(text.length);
restoreText = promptText;
updatePromptDisplay();
};
////////////////////////////////////////////////////////////////////////
// Move to another column relative to this one
// Negative means go back, positive means go forward.
function moveColumn(n) {
if (column + n >= 0 && column + n <= promptText.length) {
column += n;
return true;
} else return false;
}
function moveForward() {
if (moveColumn(1)) {
updatePromptDisplay();
return true;
}
return false;
}
function moveBackward() {
if (moveColumn(-1)) {
updatePromptDisplay();
return true;
}
return false;
}
function moveToStart() {
if (moveColumn(-column))
updatePromptDisplay();
}
function moveToEnd() {
if (moveColumn(promptText.length - column))
updatePromptDisplay();
}
function moveToNextWord() {
while (
column < promptText.length && !isCharAlphanumeric(promptText[column]) &&
moveForward()
) {
}
while (
column < promptText.length &&
isCharAlphanumeric(promptText[column]) &&
moveForward()
) {
}
}
function moveToPreviousWord() {
// Move backward until we find the first alphanumeric
while (
column - 1 >= 0 && !isCharAlphanumeric(promptText[column - 1]) &&
moveBackward()
) {
}
// Move until we find the first non-alphanumeric
while (
column - 1 >= 0 &&
isCharAlphanumeric(promptText[column - 1]) &&
moveBackward()
) {
}
}
function isCharAlphanumeric(charToTest) {
if (typeof charToTest == 'string') {
var code = charToTest.charCodeAt();
return (code >= 'A'.charCodeAt() && code <= 'Z'.charCodeAt()) ||
(code >= 'a'.charCodeAt() && code <= 'z'.charCodeAt()) ||
(code >= '0'.charCodeAt() && code <= '9'.charCodeAt());
}
return false;
}
function doComplete() {
if (typeof config.completeHandle == 'function') {
var completions = config.completeHandle(promptText);
var len = completions.length;
if (len === 1) {
extern.promptText(promptText + completions[0]);
} else if (len > 1 && config.cols) {
var prompt = promptText;
// Compute the number of rows that will fit in the width
var max = 0;
for (var i = 0; i < len; i++) {
max = Math.max(max, completions[i].length);
}
max += 2;
var n = Math.floor(config.cols / max);
var buffer = "";
var col = 0;
for (i = 0; i < len; i++) {
var completion = completions[i];
buffer += completions[i];
for (var j = completion.length; j < max; j++) {
buffer += " ";
}
if (++col >= n) {
buffer += "\n";
col = 0;
}
}
commandResult(buffer, "jquery-console-message-value");
extern.promptText(prompt);
}
}
}
function doClose() {
if (typeof config.onEsc == 'function')
config.onEsc();
}
extern.promptText = function (text) {
if (typeof text === 'string') {
promptText = text;
column = promptText.length;
updatePromptDisplay();
}
return promptText;
};
////////////////////////////////////////////////////////////////////////
// Update the prompt display
function updatePromptDisplay() {
var line = promptText;
var html = '';
if (column > 0 && line == '') {
// When we have an empty line just display a cursor.
html = cursor;
} else if (column == promptText.length) {
// We're at the end of the line, so we need to display
// the text *and* cursor.
html = htmlEncode(line) + cursor;
} else {
// Grab the current character, if there is one, and
// make it the current cursor.
var before = line.substring(0, column);
var current = line.substring(column, column + 1);
if (current) {
current =
'<span class="jquery-console-cursor">' +
htmlEncode(current) +
'</span>';
}
var after = line.substring(column + 1);
html = htmlEncode(before) + current + htmlEncode(after);
}
prompt.html(html);
scrollToBottom();
}
// Simple HTML encoding
// Simply replace '<', '>' and '&'
// TODO: Use jQuery's .html() trick, or grab a proper, fast
// HTML encoder.
function htmlEncode(text) {
return (
text.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/</g, '<')
.replace(/ /g, ' ')
.replace(/\n/g, '<br />')
);
}
return extern;
};
// Simple utility for printing messages
$.fn.filledText = function (txt) {
var linkRegexp = /<a(?=[^>]*<)/,
breakRegexp = /\n/g,
text = txt.replace(linkRegexp, '<a>$&</a>').replace(breakRegexp, '<br/>');
$(this).html(text);
return this;
};
// Alternative method for focus without scrolling
$.fn.focusWithoutScrolling = function () {
var x = window.scrollX, y = window.scrollY;
$(this).focus();
window.scrollTo(x, y);
};
function initializeCookieBanner() {
var template = '<div class="cookies-notify" id="cookies-terminal">\n <p class="cookies-notify__paragraph">Cookies help us improve our web content and deliver personalised content. By using this web site, you agree to our use of cookies.</p>\n <p class="cookies-notify__paragraph">Type `man cookies\' to <a href="//www.jetbrains.com/company/privacy.html#using-website" class="cookies-notify__link">learn more</a> or `exit\' to close.</p>\n <div class="cookies-notify__content"></div>\n</div>'
bannersRotator.createBanner({
id: 'cookies',
type: bannersRotator.Banner.TYPE.slideup,
width: 'auto',
height: '100%',
template: template
});
$(document).ready(function () {
var commands = {
help: 'help',
clear: 'clear',
exit: 'exit',
man: 'man cookies'
};
var helpMessage = "Type `" + commands.man + "' to learn more.\nUse `" + commands.exit + "' to close.";
var errorMessage = "Command not found. Type `" + commands.help + "' to see all commands.";
var $terminal = $('#cookies-terminal');
var controller = $terminal.console({
autofocus: false,
scrollArea: $terminal,
promptHistory: true,
promptLabel: '~ root$ ',
onEsc: function () {
bannersRotator.instances[0].closeHandler.call(bannersRotator.instances[0]);
},
commandValidate: function (line) {
return line != "";
},
commandHandle: function (line) {
switch (line) {
case (commands.man):
this.expandFrame();
return '\nA cookie is a small piece of data sent by a website to your browser. It helps the website to remember information about your visit, like your country and other settings. That can make your next visit easier and the site more useful to you.\n\nWe use cookies on some (but not all) pages to deliver personalized content or to tailor our information offerings or responses according to the way you use the site, and/or your current context on the site. We do not use cookies to gather or transmit any personally identifiable information about you.\n\nRead our <a href="//www.jetbrains.com/company/privacy.html" class="cookies-notify__link">privacy policy</a> for a detailed explanation on how we protect your privacy in our use of cookies and other information.\n \n';
case (commands.help):
return helpMessage;
case (commands.clear):
$terminal.css('height', '110');
controller.reset();
return '';
case (commands.exit):
this.onEsc();
return line;
default:
return errorMessage;
}
},
charInsertTrigger: function (keycode, line) {
return (keycode < 48 || keycode > 57);
},
completeHandle: function (prefix) {
var complete = [];
for (var command in commands) {
if (commands.hasOwnProperty(command)) {
var item = commands[command];
if (item.lastIndexOf(prefix, 0) === 0) {
complete.push(item.substring(prefix.length));
}
}
}
return complete;
},
expandFrame: function () {
$terminal.css('height', '430px');
}
});
});
}
initializeCookieBanner()
});