$(function() {
 if (!EVALEX_TRUSTED) {
 initPinBox();
 }

 /**
 * if we are in console mode, show the console.
 */
 if (CONSOLE_MODE && EVALEX) {
 openShell(null, $('div.console div.inner').empty(), 0);
 }

 $("div.detail").click(function() {
 $("div.traceback").get(0).scrollIntoView(false);
 });

 $('div.traceback div.frame').each(function() {
 var
 target = $('pre', this),
 consoleNode = null,
 frameID = this.id.substring(6);

 target.click(function() {
 $(this).parent().toggleClass('expanded');
 });

 /**
 * Add an interactive console to the frames
 */
 if (EVALEX && target.is('.current')) {
 $('<img src="?__debugger__=yes&cmd=resource&f=console.png">')
 .attr('title', 'Open an interactive python shell in this frame')
 .click(function() {
 consoleNode = openShell(consoleNode, target, frameID);
 return false;
 })
 .prependTo(target);
 }
 });

 /**
 * toggle traceback types on click.
 */
 $('h2.traceback').click(function() {
 $(this).next().slideToggle('fast');
 $('div.plain').slideToggle('fast');
 }).css('cursor', 'pointer');
 $('div.plain').hide();

 /**
 * Add extra info (this is here so that only users with JavaScript
 * enabled see it.)
 */
 $('span.nojavascript')
 .removeClass('nojavascript')
 .html('<p>To switch between the interactive traceback and the plaintext ' +
 'one, you can click on the "Traceback" headline. From the text ' +
 'traceback you can also create a paste of it. ' + (!EVALEX ? '' :
 'For code execution mouse-over the frame you want to debug and ' +
 'click on the console icon on the right side.' +
 '<p>You can execute arbitrary Python code in the stack frames and ' +
 'there are some extra helpers available for introspection:' +
 '<ul><li><code>dump()</code> shows all variables in the frame' +
 '<li><code>dump(obj)</code> dumps all that\'s known about the object</ul>'));

 /**
 * Add the pastebin feature
 */
 $('div.plain form')
 .submit(function() {
 var label = $('input[type="submit"]', this);
 var old_val = label.val();
 label.val('submitting...');
 $.ajax({
 dataType: 'json',
 url: document.location.pathname,
 data: {__debugger__: 'yes', tb: TRACEBACK, cmd: 'paste',
 s: SECRET},
 success: function(data) {
 $('div.plain span.pastemessage')
 .removeClass('pastemessage')
 .text('Paste created: ')
 .append($('<a>#' + data.id + '</a>').attr('href', data.url));
 },
 error: function() {
 alert('Error: Could not submit paste. No network connection?');
 label.val(old_val);
 }
 });
 return false;
 });

 // if we have javascript we submit by ajax anyways, so no need for the
 // not scaling textarea.
 var plainTraceback = $('div.plain textarea');
 plainTraceback.replaceWith($('<pre>').text(plainTraceback.text()));
});

function initPinBox() {
 $('.pin-prompt form').submit(function(evt) {
 evt.preventDefault();
 var pin = this.pin.value;
 var btn = this.btn;
 btn.disabled = true;
 $.ajax({
 dataType: 'json',
 url: document.location.pathname,
 data: {__debugger__: 'yes', cmd: 'pinauth', pin: pin,
 s: SECRET},
 success: function(data) {
 btn.disabled = false;
 if (data.auth) {
 EVALEX_TRUSTED = true;
 $('.pin-prompt').fadeOut();
 } else {
 if (data.exhausted) {
 alert('Error: too many attempts. Restart server to retry.');
 } else {
 alert('Error: incorrect pin');
 }
 }
 console.log(data);
 },
 error: function() {
 btn.disabled = false;
 alert('Error: Could not verify PIN. Network error?');
 }
 });
 });
}

function promptForPin() {
 if (!EVALEX_TRUSTED) {
 $.ajax({
 url: document.location.pathname,
 data: {__debugger__: 'yes', cmd: 'printpin', s: SECRET}
 });
 $('.pin-prompt').fadeIn(function() {
 $('.pin-prompt input[name="pin"]').focus();
 });
 }
}


/**
 * Helper function for shell initialization
 */
function openShell(consoleNode, target, frameID) {
 promptForPin();
 if (consoleNode)
 return consoleNode.slideToggle('fast');
 consoleNode = $('<pre class="console">')
 .appendTo(target.parent())
 .hide()
 var historyPos = 0, history = [''];
 var output = $('<div class="output">[console ready]</div>')
 .appendTo(consoleNode);
 var form = $('<form>&gt;&gt;&gt; </form>')
 .submit(function() {
 var cmd = command.val();
 $.get('', {
 __debugger__: 'yes', cmd: cmd, frm: frameID, s: SECRET}, function(data) {
 var tmp = $('<div>').html(data);
 $('span.extended', tmp).each(function() {
 var hidden = $(this).wrap('<span>').hide();
 hidden
 .parent()
 .append($('<a href="#" class="toggle">&nbsp;&nbsp;</a>')
 .click(function() {
 hidden.toggle();
 $(this).toggleClass('open')
 return false;
 }));
 });
 output.append(tmp);
 command.focus();
 consoleNode.scrollTop(consoleNode.get(0).scrollHeight);
 var old = history.pop();
 history.push(cmd);
 if (typeof old != 'undefined')
 history.push(old);
 historyPos = history.length - 1;
 });
 command.val('');
 return false;
 }).
 appendTo(consoleNode);

 var command = $('<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">')
 .appendTo(form)
 .keydown(function(e) {
 if (e.key == 'l' && e.ctrlKey) {
 output.text('--- screen cleared ---');
 return false;
 }
 else if (e.charCode == 0 && (e.keyCode == 38 || e.keyCode == 40)) {
 // handle up arrow and down arrow
 if (e.keyCode == 38 && historyPos > 0)
 historyPos--;
 else if (e.keyCode == 40 && historyPos < history.length)
 historyPos++;
 command.val(history[historyPos]);
 return false;
 }
 });

 return consoleNode.slideDown('fast', function() {
 command.focus();
 });
}