szurubooru/public_html/media/js/core.js

332 lines
6.9 KiB
JavaScript
Raw Normal View History

function setCookie(name, value, exdays)
{
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
value = escape(value) + '; path=/' + ((exdays == null) ? '' : '; expires=' + exdate.toUTCString());
document.cookie = name + '=' + value;
}
function getCookie(name)
{
var value = document.cookie;
var start = value.indexOf(' ' + name + '=');
if (start == -1)
start = value.indexOf(name + '=');
if (start == -1)
return null;
start = value.indexOf('=', start) + 1;
var end = value.indexOf(';', start);
if (end == -1)
end = value.length;
return unescape(value.substring(start, end));
}
function rememberLastSearchQuery()
{
//lastSearchQuery variable is obtained from layout
setCookie('last-search-query', lastSearchQuery);
}
//core functionalities, prototypes
2013-10-21 14:24:34 +02:00
$.fn.hasAttr = function(name)
{
return this.attr(name) !== undefined;
};
$.fn.bindOnce = function(name, eventName, callback)
{
$.each(this, function(i, item)
{
if ($(item).data(name) == name)
return;
$(item).data(name, name);
$(item).on(eventName, callback);
});
};
//safety trigger
2013-10-14 00:25:40 +02:00
$(function()
{
$('.safety a').click(function(e)
{
e.preventDefault();
var aDom = $(this);
if (aDom.hasClass('inactive'))
return;
aDom.addClass('inactive');
var url = $(this).attr('href') + '?json';
$.get(url).always(function(data)
2013-10-14 00:25:40 +02:00
{
if (data['success'])
window.location.reload();
else
{
alert(data['message'] ? data['message'] : 'Fatal error');
aDom.removeClass('inactive');
}
2013-10-14 00:25:40 +02:00
});
});
});
//basic event listeners
$(function()
{
$('body').bind('dom-update', function()
{
//event confirmations
function confirmEvent(e)
{
if (!confirm($(this).attr('data-confirm-text')))
{
e.preventDefault();
e.stopPropagation();
}
}
$('form.confirmable').bindOnce('confirmation', 'submit', confirmEvent);
$('a.confirmable').bindOnce('confirmation', 'click', confirmEvent);
//simple action buttons
$('a.simple-action').bindOnce('simple-action', 'click', function(e)
{
if (e.isPropagationStopped())
return;
e.preventDefault();
rememberLastSearchQuery();
var aDom = $(this);
if (aDom.hasClass('inactive'))
return;
aDom.addClass('inactive');
var url = $(this).attr('href') + '?json';
$.get(url, {submit: 1}).always(function(data)
{
if (data['success'])
{
if (aDom.hasAttr('data-redirect-url'))
window.location.href = aDom.attr('data-redirect-url');
else if (aDom.data('callback'))
aDom.data('callback')();
else
window.location.reload();
}
else
{
alert(data['message'] ? data['message'] : 'Fatal error');
aDom.removeClass('inactive');
}
});
});
//attach data from submit buttons to forms before .submit() gets called
$('.submit').each(function()
{
$(this).bindOnce('submit-faux-input', 'click', function()
{
var form = $(this).closest('form');
form.find('.faux-submit').remove();
var input = $('<input class="faux-submit" type="hidden"/>').attr({
name: $(this).attr('name'),
value: $(this).val()
});
form.append(input);
});
});
});
//try to remember last search query
window.onbeforeunload = rememberLastSearchQuery;
2013-10-19 22:56:56 +02:00
});
//modify DOM on small viewports
function processSidebar()
2013-10-19 22:56:56 +02:00
{
2014-01-06 19:25:27 +01:00
if ($('#small-screen').is(':visible'))
2013-10-19 22:56:56 +02:00
$('#sidebar').insertAfter($('#inner-content'));
else
$('#sidebar').insertBefore($('#inner-content'));
}
2013-10-21 14:24:34 +02:00
$(function()
{
$(window).resize(function()
{
2014-02-16 12:33:31 +01:00
fixSize();
if ($('body').width() == $('body').data('last-width'))
return;
2013-11-19 20:20:16 +01:00
$('body').data('last-width', $('body').width());
$('body').trigger('dom-update');
});
$('body').bind('dom-update', processSidebar);
2014-02-16 12:33:31 +01:00
fixSize();
2013-10-21 14:24:34 +02:00
});
2014-02-16 12:33:31 +01:00
var fixedEvenOnce = false;
function fixSize()
{
var multiply = 168;
var oldWidth = $('.main-wrapper:eq(0)').width();
$('.main-wrapper:eq(0)').width('');
var newWidth = $('.main-wrapper:eq(0)').width();
if (oldWidth != newWidth || !fixedEvenOnce)
{
$('.main-wrapper').width(multiply * Math.floor(newWidth / multiply));
fixedEvenOnce = true;
}
}
2013-10-21 14:24:34 +02:00
2013-10-21 14:24:34 +02:00
//autocomplete
function split(val)
{
return val.split(/\s+/);
}
function extractLast(term)
{
return split(term).pop();
}
function retrieveTags(searchTerm, cb)
{
var options = { filter: searchTerm + ' order:popularity,desc' };
$.getJSON('/tags?json', options, function(data)
{
var tags = $.map(data.tags.slice(0, 15), function(tag)
{
var ret =
{
label: tag.name + ' (' + tag.count + ')',
value: tag.name,
};
return ret;
});
cb(tags);
});
}
2013-10-21 14:24:34 +02:00
$(function()
{
2013-11-24 23:30:06 +01:00
$('.autocomplete').each(function()
{
var options =
2013-10-21 14:24:34 +02:00
{
2013-10-21 15:07:27 +02:00
minLength: 1,
2013-10-21 14:24:34 +02:00
source: function(request, response)
{
var term = extractLast(request.term);
if (term != '')
retrieveTags(term, response);
2013-10-21 14:24:34 +02:00
},
focus: function(e)
2013-10-21 14:24:34 +02:00
{
// prevent value inserted on focus
e.preventDefault();
2013-10-21 14:24:34 +02:00
},
select: function(e, ui)
2013-10-21 14:24:34 +02:00
{
e.preventDefault();
2013-10-21 14:24:34 +02:00
var terms = split(this.value);
terms.pop();
terms.push(ui.item.value);
terms.push('');
this.value = terms.join(' ');
}
};
if ($(this).parents('#top-nav').length != 0)
{
options['position'] =
{
my: 'right top',
at: 'right bottom'
};
}
var searchInput = $(this);
searchInput
// don't navigate away from the field on tab when selecting an item
.bind('keydown', function(e)
{
if (e.keyCode === $.ui.keyCode.TAB && $(this).data('autocomplete').menu.active)
e.preventDefault();
}).autocomplete(options);
});
2013-10-21 14:24:34 +02:00
});
2013-10-21 14:48:28 +02:00
function attachTagIt(element)
2013-10-21 14:48:28 +02:00
{
var tagItOptions =
{
2013-10-21 14:48:28 +02:00
caseSensitive: false,
autocomplete:
{
source:
function(request, response)
{
var tagit = this;
retrieveTags(request.term.toLowerCase(), function(tags)
2013-10-21 14:48:28 +02:00
{
if (!tagit.options.allowDuplicates)
{
tags = $.grep(tags, function(tag)
{
return tagit.assignedTags().indexOf(tag.value) == -1;
});
}
response(tags);
2013-10-21 14:48:28 +02:00
});
},
}
};
tagItOptions.placeholderText = element.attr('placeholder');
element.tagit(tagItOptions);
2013-10-21 14:48:28 +02:00
}
//hotkeys
$(function()
{
Mousetrap.bind('q', function() { $('#top-nav input').focus(); return false; }, 'keyup');
Mousetrap.bind('w', function() { $('body,html').animate({scrollTop: '-=150px'}, 200); });
Mousetrap.bind('s', function() { $('body,html').animate({scrollTop: '+=150px'}, 200); });
Mousetrap.bind('a', function() { var url = $('.paginator:visible .prev:not(.disabled) a').attr('href'); if (typeof url !== 'undefined') window.location.href = url; }, 'keyup');
Mousetrap.bind('d', function() { var url = $('.paginator:visible .next:not(.disabled) a').attr('href'); if (typeof url !== 'undefined') window.location.href = url; }, 'keyup');
Mousetrap.bind('p', function() { $('.post a').eq(0).focus(); return false; }, 'keyup');
});
2014-02-01 10:10:09 +01:00
function enableExitConfirmation()
{
$(window).bind('beforeunload', function(e)
{
return 'There are unsaved changes.';
2014-02-01 10:10:09 +01:00
});
}
function disableExitConfirmation()
{
$(window).unbind('beforeunload');
}