(function($) {
var val_ = $.fn.val;
/* Runs an ajax post query with the given url, post data and callback. If
* a throbber is specified, it will be faded in when the request starts,
* and faded out when the request completes.
*/
$.postJSON = function (url, data, callback, throbber, suppress_global_ajax) {
var global = !suppress_global_ajax;
return $.ajax({
'type': 'POST',
'url': url,
'data': JSON.stringify(data),
'beforeSend': function () {
if (throbber) {
throbber.fadeIn('fast');
}
},
'success': function (data, status, request) {
if (!data || !data.status) {
return display_error_message('Error connecting to server');
} else {
return callback(data, status, request);
}
},
'complete': function () {
if (throbber) {
throbber.fadeOut();
}
},
'dataType': 'json',
'global': global,
'contentType': 'text/json'
});
}
// This function doesn't convert the POST data to json
$.postJSON2 = function (url, data, callback, throbber, suppress_global_ajax) {
var global = !suppress_global_ajax;
return $.ajax({
'type': 'POST',
'url': url,
'data': data,
'beforeSend': function () {
if (throbber) {
throbber.fadeIn('fast');
}
},
'success': function (data, status, request) {
if (!data || !data.status) {
return display_error_message('Error connecting to server');
} else {
return callback(data, status, request);
}
},
'complete': function () {
if (throbber) {
throbber.fadeOut();
}
},
'dataType': 'json',
'global': global
});
}
$.fn.val = function (value) {
if (value === undefined) {
if ($(this).hasClass('default-value')) {
return '';
} else {
return $.proxy(val_, this)();
}
} else {
return $.proxy(val_, this)(value);
}
}
/* Sets the default value of the given input element.
*
* Initially, the element will display the default value. When focused, the
* default value will be removed. If the element loses focus, and its value
* is still empty, the default value will be displayed again. The element
* will have the class "default-value" whenever the default value is
* displayed.
*
* If the input field is a password field, the input field will be changed
* to a text field while the default value is displayed.
*/
$.fn.defaultValue = function (default_value) {
this.each(function () {
var self = $(this);
var defaultDisplay = self;
// if the input element is a password field, we need to replace it
// with a text input element to display the default value
if (self.attr('type') == 'password') {
defaultDisplay = $('');
defaultDisplay.attr('tabindex', self.attr('tabindex'));
defaultDisplay.attr('class', self.attr('class'));
defaultDisplay.attr('id', self.attr('id'));
defaultDisplay.attr('style', self.attr('style'));
}
function setDefaultDisplay() {
defaultDisplay.val(default_value);
defaultDisplay.addClass('default-value');
defaultDisplay.focus(focus);
if (self !== defaultDisplay) {
self.replaceWith(defaultDisplay);
}
}
function blur() {
if ($.trim(self.val()) == '') {
setDefaultDisplay();
}
}
function focus() {
if (defaultDisplay.hasClass('default-value')) {
self.val('');
defaultDisplay.removeClass('default-value');
self.blur(blur);
if (self !== defaultDisplay) {
defaultDisplay.replaceWith(self);
self.focus();
}
}
}
if ($.trim(self.val()) === '' ||
// This is ugly, but if we don't have this here, returning
// to the page via "back" button will cause the default
// value to be auto-form-filled by the browser as the value
// of the input element.
$.trim(self.val()) === default_value) {
defaultDisplay.focus(focus);
setDefaultDisplay();
} else {
self.blur(blur);
}
});
};
function autocomplete_school(request, callback) {
// split the terms from the text input into its constituent words
var terms = request.term.split(' ');
terms = $.map(terms, function(term) {
term = $.trim(term);
if (term === '') {
return null;
} else {
return term.toLowerCase();
}
});
// find the schools that match the search terms
var schools = $.grep(global_data.schools, function (school) {
var non_matching_terms = $.grep(terms, function(term) {
if (school.name.toLowerCase().indexOf(term) >= 0) {
return false;
} else if (school.slug.toLowerCase().indexOf(term) >= 0) {
return false;
} else {
return true;
}
});
// include the school only if there are no non_matching_terms
return !non_matching_terms.length;
});
schools = $.map(schools, function (school) {
return {
value: school.name,
label: $('').text(school.name)
.append($(' '))
.append($('').text(
school.slug + '.' + base_host())),
slug: school.slug
}
});
if (schools.length > 3) {
schools = schools.slice(0, 3);
// append a '...' element at the end
schools.push({
value: '',
label: '
...
',
slug: 'www'
});
}
callback(schools);
}
function submit_demo(_, ui) {
if (ui) {
if (ui.item.value == '') {
// if the '...' button was clicked...
display_content('school-list');
} else {
$('#demo-school').val(ui.item.value);
window.location = window.location.protocol + '//'
+ ui.item.slug + '.' + base_host() + '/';
}
} else if ($.trim($('#demo-school').val()) !== '') {
var matches = autocomplete_school({term: $('#demo-school').val()},
function (results) {
if (results.length) {
$('#demo-school').val(results[0].value);
window.location = window.location.protocol + '//'
+ results[0].slug + '.' + base_host()
+ '/';
} else {
display_content('school-list');
$('#cant-find-school span').text($('#demo-school').val());
$('#cant-find-school').show();
}
});
}
// don't do anything if nothing was entered into the demo-school input
return false;
}
function base_host() {
split = window.location.host.split('.');
return split.slice(1).join('.');
}
/* Populates the login page's table of schools */
function populate_list_of_schools() {
/* adds a link for the given school to the given table row */
function add_school_link(tr, school) {
var td = $('
').appendTo(tr);
if (school) {
var href = window.location.protocol + '//'
+ school.slug + '.' + base_host() + '/';
$('').appendTo(td)
.attr('href', href)
.addClass('school-name')
.text(school.name);
$('').appendTo(td)
.attr('href', href)
.addClass('school-url')
.text(school.slug + '.' + base_host());
td.addClass('non-empty');
td.click(function () {window.location = href});
}
}
var table = $('#list-of-schools table');
var schools = global_data.schools;
var middle_index = Math.floor((schools.length+1)/2);
for (var i = 0; i < middle_index; i++) {
var tr = $('
').appendTo(table);
add_school_link(tr, schools[i]);
add_school_link(tr, schools[i + middle_index]);
}
}
/* Displays a box at the top of the webpage allowing the user to resend
* their confirmation email.
*/
function show_resend_confirmation(email) {
$('.notification').slideUp();
var div = $('#resend-confirmation-email');
div.slideDown().find('span')
.text('Your account has not been confirmed, yet.');
div.find('input').show();
div.find('.throbber').hide();
div.find('form').unbind('submit');
div.find('form').submit(function (event) {
event.preventDefault();
$.postJSON('/ajax-resend-confirmation/',
{email: email}, function (response) {
var status = response.status;
if (status === 'confirmed') {
div.find('input').hide();
div.slideDown().find('span').html('')
.append('Your account ')
.append($('').text(email))
.append(' has already been confirmed. No additional ' +
'confirmation email has been sent.');
} else if (status === 'ok') {
div.find('input').hide();
div.slideDown().find('span').html('')
.append('Your confirmation email has been sent to ')
.append($('').text(email))
.append('.