forked from leftypol/leftypol
Merged lainchan with vichan master at 25/9/2016 0bd63149b7 @czaks czaks committed on GitHub 2 days ago
This commit is contained in:
Benjamin Southall
commit
c58e37ce39
114 changed files with 5580 additions and 898 deletions
27
js/auto-scroll.js
Normal file
27
js/auto-scroll.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
$('document').ready(function () {
|
||||
var autoScroll = localStorage['autoScroll'] ? true : false;
|
||||
if (window.Options && Options.get_tab('general')){
|
||||
Options.extend_tab('general','<label id=\'autoScroll\'><input type=\'checkbox\' />' + ' Scroll to new posts' + '</label>');
|
||||
$('#autoScroll').find('input').prop('checked', autoScroll);
|
||||
}
|
||||
$('#autoScroll').on('change', function() {
|
||||
if(autoScroll) {
|
||||
delete localStorage.autoScroll;
|
||||
} else {
|
||||
localStorage.autoScroll = true;
|
||||
}
|
||||
autoScroll =! autoScroll
|
||||
if(active_page == 'thread')
|
||||
$('input.auto-scroll').prop('checked', autoScroll);
|
||||
});
|
||||
if (active_page == 'thread') {
|
||||
$('span[id="updater"]').children('a').after(' (<input class="auto-scroll" type="checkbox"></input> Scroll to New posts)');
|
||||
$('input.auto-scroll').prop('checked', autoScroll);
|
||||
$(document).on('new_post', function (e, post) {
|
||||
if ($('input.auto-scroll').prop('checked'))
|
||||
{
|
||||
scrollTo(0, $(post).offset().top - window.innerHeight + $(post).outerHeight(true));
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
@ -17,6 +17,21 @@ var catalogSearch = function() {
|
|||
$threads = $('.threads .thread'),
|
||||
$searchLabel = $('<label for="catalog_search">Search: </label>'),
|
||||
$searchBox = $('<input id="catalog_search" type="text" placeholder="Search" />');
|
||||
function searchToggle() {
|
||||
var button = $('#catalog_search_button');
|
||||
|
||||
if (!button.data('expanded')) {
|
||||
button.data('expanded', '1');
|
||||
button.text('Close');
|
||||
$('.catalog_search').append(' <input id="search_field" style="border: inset 1px;">');
|
||||
$('#search_field').focus();
|
||||
} else {
|
||||
button.removeData('expanded');
|
||||
button.text('Search');
|
||||
$('.catalog_search').children().last().remove();
|
||||
$('div[id="Grid"]>.mix').each(function () { $(this).css('display', 'inline-block'); });
|
||||
}
|
||||
}
|
||||
|
||||
$controls.append($searchLabel)
|
||||
.append($searchBox);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,16 @@
|
|||
if (active_page == 'catalog') $(function(){
|
||||
if (localStorage.catalog !== undefined) {
|
||||
var catalog = JSON.parse(localStorage.catalog);
|
||||
} else {
|
||||
var catalog = {};
|
||||
localStorage.catalog = JSON.stringify(catalog);
|
||||
}
|
||||
|
||||
$("#sort_by").change(function(){
|
||||
var value = this.value;
|
||||
$("#sort-"+value).trigger("click");
|
||||
$('#Grid').mixItUp('sort', (value == "random" ? value : "sticky:desc " + value));
|
||||
catalog.sort_by = value;
|
||||
localStorage.catalog = JSON.stringify(catalog);
|
||||
});
|
||||
|
||||
$("#image_size").change(function(){
|
||||
|
|
@ -11,7 +19,30 @@ if (active_page == 'catalog') $(function(){
|
|||
$(".grid-li").removeClass("grid-size-small");
|
||||
$(".grid-li").removeClass("grid-size-large");
|
||||
$(".grid-li").addClass("grid-size-"+value);
|
||||
catalog.image_size = value;
|
||||
localStorage.catalog = JSON.stringify(catalog);
|
||||
});
|
||||
|
||||
$('#Grid').mixitup({});
|
||||
$('#Grid').mixItUp({
|
||||
animation: {
|
||||
enable: false
|
||||
}
|
||||
});
|
||||
|
||||
if (catalog.sort_by !== undefined) {
|
||||
$('#sort_by').val(catalog.sort_by).trigger('change');
|
||||
}
|
||||
if (catalog.image_size !== undefined) {
|
||||
$('#image_size').val(catalog.image_size).trigger('change');
|
||||
}
|
||||
|
||||
$('div.thread').on('click', function(e) {
|
||||
if ($(this).css('overflow-y') === 'hidden') {
|
||||
$(this).css('overflow-y', 'auto');
|
||||
$(this).css('width', '100%');
|
||||
} else {
|
||||
$(this).css('overflow-y', 'hidden');
|
||||
$(this).css('width', 'auto');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
383
js/comment-toolbar.js
Normal file
383
js/comment-toolbar.js
Normal file
|
|
@ -0,0 +1,383 @@
|
|||
/*
|
||||
* comment-toolbar.js
|
||||
* - Adds a toolbar above the commenting area containing most of 8Chan's formatting options
|
||||
* - Press Esc to close quick-reply window when it's in focus
|
||||
*
|
||||
* Usage:
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/comment-toolbar.js';
|
||||
*/
|
||||
if (active_page == 'thread' || active_page == 'index') {
|
||||
var formatText = (function($){
|
||||
"use strict";
|
||||
var self = {};
|
||||
self.rules = {
|
||||
spoiler: {
|
||||
text: _('Spoiler'),
|
||||
key: 's',
|
||||
multiline: false,
|
||||
exclusiveline: false,
|
||||
prefix:'**',
|
||||
suffix:'**'
|
||||
},
|
||||
italics: {
|
||||
text: _('Italics'),
|
||||
key: 'i',
|
||||
multiline: false,
|
||||
exclusiveline: false,
|
||||
prefix: "''",
|
||||
suffix: "''"
|
||||
},
|
||||
bold: {
|
||||
text: _('Bold'),
|
||||
key: 'b',
|
||||
multiline: false,
|
||||
exclusiveline: false,
|
||||
prefix: "'''",
|
||||
suffix: "'''"
|
||||
},
|
||||
underline: {
|
||||
text: _('Underline'),
|
||||
key: 'u',
|
||||
multiline: false,
|
||||
exclusiveline: false,
|
||||
prefix:'__',
|
||||
suffix:'__'
|
||||
},
|
||||
code: {
|
||||
text: _('Code'),
|
||||
key: 'f',
|
||||
multiline: true,
|
||||
exclusiveline: false,
|
||||
prefix: '[code]',
|
||||
suffix: '[/code]'
|
||||
},
|
||||
strike: {
|
||||
text: _('Strike'),
|
||||
key: 'd',
|
||||
multiline:false,
|
||||
exclusiveline:false,
|
||||
prefix:'~~',
|
||||
suffix:'~~'
|
||||
},
|
||||
heading: {
|
||||
text: _('Heading'),
|
||||
key: 'r',
|
||||
multiline:false,
|
||||
exclusiveline:true,
|
||||
prefix:'==',
|
||||
suffix:'=='
|
||||
}
|
||||
};
|
||||
|
||||
self.toolbar_wrap = function(node) {
|
||||
var parent = $(node).parents('form[name="post"]');
|
||||
self.wrap(parent.find('#body')[0],'textarea[name="body"]', parent.find('.format-text > select')[0].value, false);
|
||||
};
|
||||
|
||||
self.wrap = function(ref, target, option, expandedwrap) {
|
||||
// clean and validate arguments
|
||||
if (ref == null) return;
|
||||
var settings = {multiline: false, exclusiveline: false, prefix:'', suffix: null};
|
||||
$.extend(settings,JSON.parse(localStorage.formatText_rules)[option]);
|
||||
|
||||
// resolve targets into array of proper node elements
|
||||
// yea, this is overly verbose, oh well.
|
||||
var res = [];
|
||||
if (target instanceof Array) {
|
||||
for (var indexa in target) {
|
||||
if (target.hasOwnProperty(indexa)) {
|
||||
if (typeof target[indexa] == 'string') {
|
||||
var nodes = $(target[indexa]);
|
||||
for (var indexb in nodes) {
|
||||
if (indexa.hasOwnProperty(indexb)) res.push(nodes[indexb]);
|
||||
}
|
||||
} else {
|
||||
res.push(target[indexa]);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (typeof target == 'string') {
|
||||
var nodes = $(target);
|
||||
for (var index in nodes) {
|
||||
if (nodes.hasOwnProperty(index)) res.push(nodes[index]);
|
||||
}
|
||||
} else {
|
||||
res.push(target);
|
||||
}
|
||||
}
|
||||
target = res;
|
||||
//record scroll top to restore it later.
|
||||
var scrollTop = ref.scrollTop;
|
||||
|
||||
//We will restore the selection later, so record the current selection
|
||||
var selectionStart = ref.selectionStart;
|
||||
var selectionEnd = ref.selectionEnd;
|
||||
|
||||
var text = ref.value;
|
||||
var before = text.substring(0, selectionStart);
|
||||
var selected = text.substring(selectionStart, selectionEnd);
|
||||
var after = text.substring(selectionEnd);
|
||||
var whiteSpace = [" ","\t"];
|
||||
var breakSpace = ["\r","\n"];
|
||||
var cursor;
|
||||
|
||||
// handles multiline selections on formatting that doesn't support spanning over multiple lines
|
||||
if (!settings.multiline) selected = selected.replace(/(\r|\n|\r\n)/g,settings.suffix +"$1"+ settings.prefix);
|
||||
|
||||
// handles formatting that requires it to be on it's own line OR if the user wishes to expand the wrap to the nearest linebreak
|
||||
if (settings.exclusiveline || expandedwrap) {
|
||||
// buffer the begining of the selection until a linebreak
|
||||
cursor = before.length -1;
|
||||
while (cursor >= 0 && breakSpace.indexOf(before.charAt(cursor)) == -1) {
|
||||
cursor--;
|
||||
}
|
||||
selected = before.substring(cursor +1) + selected;
|
||||
before = before.substring(0, cursor +1);
|
||||
|
||||
// buffer the end of the selection until a linebreak
|
||||
cursor = 0;
|
||||
while (cursor < after.length && breakSpace.indexOf(after.charAt(cursor)) == -1) {
|
||||
cursor++;
|
||||
}
|
||||
selected += after.substring(0, cursor);
|
||||
after = after.substring(cursor);
|
||||
}
|
||||
|
||||
// set values
|
||||
var res = before + settings.prefix + selected + settings.suffix + after;
|
||||
$(target).val(res);
|
||||
|
||||
// restore the selection area and scroll of the reference
|
||||
ref.selectionEnd = before.length + settings.prefix.length + selected.length;
|
||||
if (selectionStart === selectionEnd) {
|
||||
ref.selectionStart = ref.selectionEnd;
|
||||
} else {
|
||||
ref.selectionStart = before.length + settings.prefix.length;
|
||||
}
|
||||
ref.scrollTop = scrollTop;
|
||||
};
|
||||
|
||||
self.build_toolbars = function(){
|
||||
if (localStorage.formatText_toolbar == 'true'){
|
||||
// remove existing toolbars
|
||||
if ($('.format-text').length > 0) $('.format-text').remove();
|
||||
|
||||
// Place toolbar above each textarea input
|
||||
var name, options = '', rules = JSON.parse(localStorage.formatText_rules);
|
||||
for (var index in rules) {
|
||||
if (!rules.hasOwnProperty(index)) continue;
|
||||
name = rules[index].text;
|
||||
|
||||
//add hint if key exists
|
||||
if (rules[index].key) {
|
||||
name += ' (CTRL + '+ rules[index].key.toUpperCase() +')';
|
||||
}
|
||||
options += '<option value="'+ index +'">'+ name +'</option>';
|
||||
}
|
||||
$('[name="body"]').before('<div class="format-text"><a href="javascript:;" onclick="formatText.toolbar_wrap(this);">Wrap</a><select>'+ options +'</select></div>');
|
||||
$('body').append('<style>#quick-reply .format-text>a{width:15%;display:inline-block;text-align:center;}#quick-reply .format-text>select{width:85%;};</style>');
|
||||
}
|
||||
};
|
||||
|
||||
self.add_rule = function(rule, index){
|
||||
if (rule === undefined) rule = {
|
||||
text: 'New Rule',
|
||||
key: '',
|
||||
multiline:false,
|
||||
exclusiveline:false,
|
||||
prefix:'',
|
||||
suffix:''
|
||||
}
|
||||
|
||||
// generate an id for the rule
|
||||
if (index === undefined) {
|
||||
var rules = JSON.parse(localStorage.formatText_rules);
|
||||
while (rules[index] || index === undefined) {
|
||||
index = ''
|
||||
index +='abcdefghijklmnopqrstuvwxyz'.substr(Math.floor(Math.random()*26),1);
|
||||
index +='abcdefghijklmnopqrstuvwxyz'.substr(Math.floor(Math.random()*26),1);
|
||||
index +='abcdefghijklmnopqrstuvwxyz'.substr(Math.floor(Math.random()*26),1);
|
||||
}
|
||||
}
|
||||
if (window.Options && Options.get_tab('formatting')){
|
||||
var html = $('<div class="format_rule" name="'+ index +'"></div>').html('\
|
||||
<input type="text" name="text" class="format_option" size="10" value=\"'+ rule.text.replace(/"/g, '"') +'\">\
|
||||
<input type="checkbox" name="multiline" class="format_option" '+ (rule.multiline ? 'checked' : '') +'>\
|
||||
<input type="checkbox" name="exclusiveline" class="format_option" '+ (rule.exclusiveline ? 'checked' : '') +'>\
|
||||
<input type="text" name="prefix" class="format_option" size="8" value=\"'+ (rule.prefix ? rule.prefix.replace(/"/g, '"') : '') +'\">\
|
||||
<input type="text" name="suffix" class="format_option" size="8" value=\"'+ (rule.suffix ? rule.suffix.replace(/"/g, '"') : '') +'\">\
|
||||
<input type="text" name="key" class="format_option" size="2" maxlength="1" value=\"'+ rule.key +'\">\
|
||||
<input type="button" value="X" onclick="if(confirm(\'Do you wish to remove the '+ rule.text +' formatting rule?\'))$(this).parent().remove();">\
|
||||
');
|
||||
|
||||
if ($('.format_rule').length > 0) {
|
||||
$('.format_rule').last().after(html);
|
||||
} else {
|
||||
Options.extend_tab('formatting', html);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
self.save_rules = function(){
|
||||
var rule, newrules = {}, rules = $('.format_rule');
|
||||
for (var index=0;rules[index];index++) {
|
||||
rule = $(rules[index]);
|
||||
newrules[rule.attr('name')] = {
|
||||
text: rule.find('[name="text"]').val(),
|
||||
key: rule.find('[name="key"]').val(),
|
||||
prefix: rule.find('[name="prefix"]').val(),
|
||||
suffix: rule.find('[name="suffix"]').val(),
|
||||
multiline: rule.find('[name="multiline"]').is(':checked'),
|
||||
exclusiveline: rule.find('[name="exclusiveline"]').is(':checked')
|
||||
};
|
||||
}
|
||||
localStorage.formatText_rules = JSON.stringify(newrules);
|
||||
self.build_toolbars();
|
||||
};
|
||||
|
||||
self.reset_rules = function(to_default) {
|
||||
$('.format_rule').remove();
|
||||
var rules;
|
||||
if (to_default) rules = self.rules;
|
||||
else rules = JSON.parse(localStorage.formatText_rules);
|
||||
for (var index in rules){
|
||||
if (!rules.hasOwnProperty(index)) continue;
|
||||
self.add_rule(rules[index], index);
|
||||
}
|
||||
};
|
||||
|
||||
// setup default rules for customizing
|
||||
if (!localStorage.formatText_rules) localStorage.formatText_rules = JSON.stringify(self.rules);
|
||||
|
||||
// setup code to be ran when page is ready (work around for main.js compilation).
|
||||
$(document).ready(function(){
|
||||
// Add settings to Options panel general tab
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
var s1 = '#formatText_keybinds>input', s2 = '#formatText_toolbar>input', e = 'change';
|
||||
Options.extend_tab('general', '\
|
||||
<fieldset>\
|
||||
<legend>Formatting Options</legend>\
|
||||
<label id="formatText_keybinds"><input type="checkbox">' + _('Enable formatting keybinds') + '</label>\
|
||||
<label id="formatText_toolbar"><input type="checkbox">' + _('Show formatting toolbar') + '</label>\
|
||||
</fieldset>\
|
||||
');
|
||||
} else {
|
||||
var s1 = '#formatText_keybinds', s2 = '#formatText_toolbar', e = 'click';
|
||||
$('hr:first').before('<div id="formatText_keybinds" style="text-align:right"><a class="unimportant" href="javascript:void(0)">'+ _('Enable formatting keybinds') +'</a></div>');
|
||||
$('hr:first').before('<div id="formatText_toolbar" style="text-align:right"><a class="unimportant" href="javascript:void(0)">'+ _('Show formatting toolbar') +'</a></div>');
|
||||
}
|
||||
|
||||
// add the tab for customizing the format settings
|
||||
if (window.Options && !Options.get_tab('formatting')) {
|
||||
Options.add_tab('formatting', 'angle-right', _('Customize Formatting'));
|
||||
Options.extend_tab('formatting', '\
|
||||
<style>\
|
||||
.format_option{\
|
||||
margin-right:5px;\
|
||||
overflow:initial;\
|
||||
font-size:15px;\
|
||||
}\
|
||||
.format_option[type="text"]{\
|
||||
text-align:center;\
|
||||
padding-bottom: 2px;\
|
||||
padding-top: 2px;\
|
||||
}\
|
||||
.format_option:last-child{\
|
||||
margin-right:0;\
|
||||
}\
|
||||
fieldset{\
|
||||
margin-top:5px;\
|
||||
}\
|
||||
</style>\
|
||||
');
|
||||
|
||||
// Data control row
|
||||
Options.extend_tab('formatting', '\
|
||||
<button onclick="formatText.add_rule();">'+_('Add Rule')+'</button>\
|
||||
<button onclick="formatText.save_rules();">'+_('Save Rules')+'</button>\
|
||||
<button onclick="formatText.reset_rules(false);">'+_('Revert')+'</button>\
|
||||
<button onclick="formatText.reset_rules(true);">'+_('Reset to Default')+'</button>\
|
||||
');
|
||||
|
||||
// Descriptor row
|
||||
Options.extend_tab('formatting', '\
|
||||
<span class="format_option" style="margin-left:25px;">Name</span>\
|
||||
<span class="format_option" style="margin-left:45px;" title="Multi-line: Allow formatted area to contain linebreaks.">ML</span>\
|
||||
<span class="format_option" style="margin-left:0px;" title="Exclusive-line: Require formatted area to start after and end before a linebreak.">EL</span>\
|
||||
<span class="format_option" style="margin-left:25px;" title="Text injected at the start of a format area.">Prefix</span>\
|
||||
<span class="format_option" style="margin-left:60px;" title="Text injected at the end of a format area.">Suffix</span>\
|
||||
<span class="format_option" style="margin-left:40px;" title="Optional keybind value to allow keyboard shortcut access.">Key</span>\
|
||||
');
|
||||
|
||||
// Rule rows
|
||||
var rules = JSON.parse(localStorage.formatText_rules);
|
||||
for (var index in rules){
|
||||
if (!rules.hasOwnProperty(index)) continue;
|
||||
self.add_rule(rules[index], index);
|
||||
}
|
||||
}
|
||||
|
||||
// setting for enabling formatting keybinds
|
||||
$(s1).on(e, function(e) {
|
||||
console.log('Keybind');
|
||||
if (!localStorage.formatText_keybinds || localStorage.formatText_keybinds == 'false') {
|
||||
localStorage.formatText_keybinds = 'true';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = true;
|
||||
} else {
|
||||
localStorage.formatText_keybinds = 'false';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = false;
|
||||
}
|
||||
});
|
||||
|
||||
// setting for toolbar injection
|
||||
$(s2).on(e, function(e) {
|
||||
console.log('Toolbar');
|
||||
if (!localStorage.formatText_toolbar || localStorage.formatText_toolbar == 'false') {
|
||||
localStorage.formatText_toolbar = 'true';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = true;
|
||||
formatText.build_toolbars();
|
||||
} else {
|
||||
localStorage.formatText_toolbar = 'false';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = false;
|
||||
$('.format-text').remove();
|
||||
}
|
||||
});
|
||||
|
||||
// make sure the tab settings are switch properly at loadup
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
if (localStorage.formatText_keybinds == 'true') $(s1)[0].checked = true;
|
||||
else $(s1)[0].checked = false;
|
||||
if (localStorage.formatText_toolbar == 'true') $(s2)[0].checked = true;
|
||||
else $(s2)[0].checked = false;
|
||||
}
|
||||
|
||||
// Initial toolbar injection
|
||||
formatText.build_toolbars();
|
||||
|
||||
//attach listener to <body> so it also works on quick-reply box
|
||||
$('body').on('keydown', '[name="body"]', function(e) {
|
||||
if (!localStorage.formatText_keybinds || localStorage.formatText_keybinds == 'false') return;
|
||||
var key = String.fromCharCode(e.which).toLowerCase();
|
||||
var rules = JSON.parse(localStorage.formatText_rules);
|
||||
for (var index in rules) {
|
||||
if (!rules.hasOwnProperty(index)) continue;
|
||||
if (key === rules[index].key && e.ctrlKey) {
|
||||
e.preventDefault();
|
||||
if (e.shiftKey) {
|
||||
formatText.wrap(e.target, 'textarea[name="body"]', index, true);
|
||||
} else {
|
||||
formatText.wrap(e.target, 'textarea[name="body"]', index, false);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Signal that comment-toolbar loading has completed.
|
||||
$(document).trigger('formatText');
|
||||
});
|
||||
|
||||
return self;
|
||||
})(jQuery);
|
||||
}
|
||||
|
|
@ -23,7 +23,15 @@ onready(function(){
|
|||
.text(_('Expand all images'))
|
||||
.click(function() {
|
||||
$('a img.post-image').each(function() {
|
||||
if (!$(this).parent()[0].dataset.expanded)
|
||||
// Don't expand YouTube embeds
|
||||
if ($(this).parent().parent().hasClass('video-container'))
|
||||
return;
|
||||
|
||||
// or WEBM
|
||||
if (/^\/player\.php\?/.test($(this).parent().attr('href')))
|
||||
return;
|
||||
|
||||
if (!$(this).parent().data('expanded'))
|
||||
$(this).parent().click();
|
||||
});
|
||||
|
||||
|
|
@ -34,8 +42,8 @@ onready(function(){
|
|||
$('div#shrink-all-images a')
|
||||
.text(_('Shrink all images'))
|
||||
.click(function(){
|
||||
$('a img.post-image').each(function() {
|
||||
if ($(this).parent()[0].dataset.expanded)
|
||||
$('a img.full-image').each(function() {
|
||||
if ($(this).parent().data('expanded'))
|
||||
$(this).parent().click();
|
||||
});
|
||||
$(this).parent().remove();
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ $(function() {
|
|||
e.preventDefault();
|
||||
|
||||
var url = $(this).attr('href');
|
||||
var body = $(this).parent().parent();
|
||||
var body = $(this).parents('.body');
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ function add_favorites() {
|
|||
$('.boardlist').append(boards);
|
||||
};
|
||||
|
||||
if (active_page == 'thread' || active_page == 'index') {
|
||||
if (active_page == 'thread' || active_page == 'index' || active_page == 'catalog' || active_page == 'ukko') {
|
||||
$(document).ready(function(){
|
||||
var favorites = JSON.parse(localStorage.favorites);
|
||||
var is_board_favorite = ~$.inArray(board_name, favorites);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
/*
|
||||
* file-selector.js - Add support for drag and drop file selection, and paste from clipbboard on supported browsers.
|
||||
* file-selector.js - Add support for drag and drop file selection, and paste from clipboard on supported browsers.
|
||||
*
|
||||
* Usage:
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/ajax.js';
|
||||
* $config['additional_javascript'][] = 'js/file-selector.js';
|
||||
*/
|
||||
function init_file_selector(max_images) {
|
||||
|
|
|
|||
|
|
@ -1,26 +1,69 @@
|
|||
/*
|
||||
* fix-report-delete-submit.js
|
||||
* https://github.com/savetheinternet/Tinyboard/blob/master/js/fix-report-delete-submit.js
|
||||
*
|
||||
* Fixes a known bug regarding the delete/report submit buttons.
|
||||
*
|
||||
* Released under the MIT license
|
||||
* Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
|
||||
*
|
||||
* Usage:
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/post-menu.js';
|
||||
* $config['additional_javascript'][] = 'js/fix-report-delete-submit.js';
|
||||
*
|
||||
*/
|
||||
|
||||
$(document).ready(function(){
|
||||
$('form[name="postcontrols"] div.delete input:not([type="checkbox"]):not([type="submit"]):not([type="hidden"])').keypress(function(e) {
|
||||
if(e.which == 13) {
|
||||
if (active_page == 'thread' || active_page == 'index' || active_page == 'ukko') {
|
||||
$(document).on('menu_ready', function(){
|
||||
var Menu = window.Menu;
|
||||
|
||||
if ($('#delete-fields #password').length) {
|
||||
Menu.add_item("delete_post_menu", _("Delete post"));
|
||||
Menu.add_item("delete_file_menu", _("Delete file"));
|
||||
Menu.onclick(function(e, $buf) {
|
||||
var ele = e.target.parentElement.parentElement;
|
||||
var $ele = $(ele);
|
||||
var threadId = $ele.parent().attr('id').replace('thread_', '');
|
||||
var postId = $ele.find('.post_no').not('[id]').text();
|
||||
var board_name = $ele.parent().data('board');
|
||||
|
||||
$buf.find('#delete_post_menu,#delete_file_menu').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).next().click();
|
||||
return false;
|
||||
$('#delete_'+postId).prop('checked', 'checked');
|
||||
|
||||
if ($(this).attr('id') === 'delete_file_menu') {
|
||||
$('#delete_file').prop('checked', 'checked');
|
||||
} else {
|
||||
$('#delete_file').prop('checked', '');
|
||||
}
|
||||
$('input[type="hidden"][name="board"]').val(board_name);
|
||||
$('input[name=delete][type=submit]').click();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
Menu.add_item("report_menu", _("Report"));
|
||||
//Menu.add_item("global_report_menu", _("Global report"));
|
||||
Menu.onclick(function(e, $buf) {
|
||||
var ele = e.target.parentElement.parentElement;
|
||||
var $ele = $(ele);
|
||||
var threadId = $ele.parent().attr('id').replace('thread_', '');
|
||||
var postId = $ele.find('.post_no').not('[id]').text();
|
||||
var board_name = $ele.parent().data('board');
|
||||
|
||||
$buf.find('#report_menu,#global_report_menu').click(function(e) {
|
||||
if ($(this).attr('id') === "global_report_menu") {
|
||||
var global = '&global';
|
||||
} else {
|
||||
var global = '';
|
||||
}
|
||||
return true;
|
||||
window.open(configRoot+'report.php?board='+board_name+'&post=delete_'+postId+global, "", (global?"width=600, height=575":"width=500, height=275"));
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('new_post', function(){
|
||||
$('input.delete').hide();
|
||||
});
|
||||
$('input.delete').hide();
|
||||
$('#post-moderation-fields').hide();
|
||||
});
|
||||
|
||||
if (typeof window.Menu !== "undefined") {
|
||||
$(document).trigger('menu_ready');
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,10 +18,10 @@
|
|||
if (active_page == 'ukko' || active_page == 'thread' || active_page == 'index' || (window.Options && Options.get_tab('general')))
|
||||
$(document).ready(function() {
|
||||
var force_anon = function() {
|
||||
if($(this).children('a.capcode').length == 0) {
|
||||
if ($(this).children('a.capcode').length == 0) {
|
||||
var id = $(this).parent().children('a.post_no:eq(1)').text();
|
||||
|
||||
if($(this).children('a.email').length != 0)
|
||||
if ($(this).children('a.email').length != 0)
|
||||
var p = $(this).children('a.email');
|
||||
else
|
||||
var p = $(this);
|
||||
|
|
@ -29,7 +29,7 @@ $(document).ready(function() {
|
|||
old_info[id] = {'name': p.children('span.name').text(), 'trip': p.children('span.trip').text()};
|
||||
|
||||
p.children('span.name').text('Anonymous');
|
||||
if(p.children('span.trip').length != 0)
|
||||
if (p.children('span.trip').length != 0)
|
||||
p.children('span.trip').text('');
|
||||
}
|
||||
};
|
||||
|
|
@ -40,44 +40,60 @@ $(document).ready(function() {
|
|||
|
||||
var disable_fa = function() {
|
||||
$('p.intro label').each(function() {
|
||||
if($(this).children('a.capcode').length == 0) {
|
||||
if ($(this).children('a.capcode').length == 0) {
|
||||
var id = $(this).parent().children('a.post_no:eq(1)').text();
|
||||
|
||||
if(old_info[id]) {
|
||||
if($(this).children('a.email').length != 0)
|
||||
if ($(this).children('a.email').length != 0)
|
||||
var p = $(this).children('a.email');
|
||||
else
|
||||
var p = $(this);
|
||||
|
||||
p.children('span.name').text(old_info[id]['name']);
|
||||
if(p.children('span.trip').length != 0)
|
||||
if (p.children('span.trip').length != 0)
|
||||
p.children('span.trip').text(old_info[id]['trip']);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var toggle_id = function() {
|
||||
if (localStorage.hideids == 'true'){
|
||||
$(this).addClass('hidden');
|
||||
} else {
|
||||
$(this).removeClass('hidden');
|
||||
}
|
||||
};
|
||||
|
||||
old_info = {};
|
||||
forced_anon = localStorage['forcedanon'] ? true : false;
|
||||
|
||||
var selector, event;
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
selector = '#forced-anon';
|
||||
event = 'change';
|
||||
Options.extend_tab("general", "<label id='forced-anon'><input type='checkbox' />"+_('Forced anonymity')+"</label>");
|
||||
}
|
||||
else {
|
||||
selector = '#forced-anon';
|
||||
event = 'click';
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
var s1 = '#hide-ids', s2 = '#forced-anon', e = 'change';
|
||||
Options.extend_tab("general", "<label id='hide-ids'><input type='checkbox' /> "+_('Hide IDs')+"</label>");
|
||||
Options.extend_tab("general", "<label id='forced-anon'><input type='checkbox' /> "+_('Forced anonymity')+"</label>");
|
||||
}
|
||||
else {
|
||||
var s1 = '#hide-ids', s2 = '#forced-anon', e = 'click';
|
||||
$('hr:first').before('<div id="hide-ids" style="text-align:right"><a class="unimportant" href="javascript:void(0)">Hide IDs</a></div>');
|
||||
$('hr:first').before('<div id="forced-anon" style="text-align:right"><a class="unimportant" href="javascript:void(0)">-</a></div>');
|
||||
$('div#forced-anon a').text(_('Forced anonymity')+' (' + (forced_anon ? _('enabled') : _('disabled')) + ')');
|
||||
}
|
||||
}
|
||||
|
||||
$(s1).on(e, function(e) {
|
||||
if (!localStorage.hideids || localStorage.hideids == 'false') {
|
||||
localStorage.hideids = 'true';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = true;
|
||||
} else {
|
||||
localStorage.hideids = 'false';
|
||||
if (window.Options && Options.get_tab('general')) e.target.checked = false;
|
||||
}
|
||||
$('.poster_id').each(toggle_id);
|
||||
});
|
||||
|
||||
$(selector).on(event, function() {
|
||||
$(s2).on(e, function() {
|
||||
forced_anon = !forced_anon;
|
||||
|
||||
if(forced_anon) {
|
||||
if (forced_anon) {
|
||||
$('div#forced-anon a').text(_('Forced anonymity')+' ('+_('enabled')+')');
|
||||
localStorage.forcedanon = true;
|
||||
enable_fa();
|
||||
|
|
@ -86,21 +102,27 @@ $(document).ready(function() {
|
|||
delete localStorage.forcedanon;
|
||||
disable_fa();
|
||||
}
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
// initial option setup on script load
|
||||
if (localStorage.hideids == 'true'){
|
||||
if (window.Options && Options.get_tab('general')) $('#hide-ids>input').prop('checked',true);
|
||||
$('.poster_id').each(toggle_id);
|
||||
}
|
||||
|
||||
if(forced_anon) {
|
||||
enable_fa();
|
||||
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
$('#toggle-locked-threads>input').prop('checked', true);
|
||||
}
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
$('#toggle-locked-threads>input').prop('checked', true);
|
||||
}
|
||||
}
|
||||
|
||||
$(document).on('new_post', function(e, post) {
|
||||
if(forced_anon)
|
||||
if (forced_anon)
|
||||
$(post).find('p.intro label').each(force_anon);
|
||||
if (localStorage.hideids == 'true')
|
||||
$(post).find('.poster_id').each(toggle_id);
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ $(document).ready(function(){
|
|||
|
||||
$(this).hide().after(show_link);
|
||||
|
||||
if ($(img).parent()[0].dataset.expanded == 'true') {
|
||||
if ($(img).parent().data('expanded') == 'true') {
|
||||
$(img).parent().click();
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ $(document).ready(function(){
|
|||
}
|
||||
}
|
||||
|
||||
var fields_to_hide = 'div.post,div.video-container,video,iframe,img:not(.unanimated),canvas,p.fileinfo,a.hide-thread-link,div.new-posts,br';
|
||||
var fields_to_hide = 'div.file,div.post,div.video-container,video,iframe,img:not(.unanimated),canvas,p.fileinfo,a.hide-thread-link,div.new-posts,br';
|
||||
|
||||
var do_hide_threads = function() {
|
||||
var id = $(this).children('p.intro').children('a.post_no:eq(1)').text();
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
if (active_page == 'thread' || active_page == 'index') {
|
||||
$(document).ready(function(){
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
selector = '#color-ids>input';
|
||||
event = 'change';
|
||||
var selector = '#color-ids>input';
|
||||
var e = 'change';
|
||||
Options.extend_tab("general", "<label id='color-ids'><input type='checkbox' /> "+_('Color IDs')+"</label>");
|
||||
}
|
||||
|
||||
else {
|
||||
selector = '#color-ids';
|
||||
event = 'click';
|
||||
var selector = '#color-ids';
|
||||
var e = 'click';
|
||||
$('hr:first').before('<div id="color-ids" style="text-align:right"><a class="unimportant" href="javascript:void(0)">'+_('Color IDs')+'</a></div>')
|
||||
}
|
||||
|
||||
$(selector).on(event, function() {
|
||||
$(selector).on(e, function() {
|
||||
if (localStorage.color_ids === 'true') {
|
||||
localStorage.color_ids = 'false';
|
||||
} else {
|
||||
|
|
@ -50,12 +50,6 @@ if (active_page == 'thread' || active_page == 'index') {
|
|||
"border-radius": "8px",
|
||||
"color": ft
|
||||
});
|
||||
|
||||
$(el).mouseover(function() {
|
||||
$(this).css('color', '#800000'); // how about a CSS :hover rule instead?
|
||||
}).mouseout(function() {
|
||||
$(this).css('color', ft);
|
||||
});
|
||||
}
|
||||
|
||||
$(".poster_id").each(function(k, v){
|
||||
|
|
|
|||
|
|
@ -180,3 +180,4 @@ function imageHoverEnd() { //Pashe, WTFPL
|
|||
initImageHover();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ var activate = function() {
|
|||
if (document.location.hash != '#all') return false;
|
||||
|
||||
$(window).on("scroll", function() {
|
||||
scrolltest();
|
||||
scrolltest();
|
||||
});
|
||||
scrolltest();
|
||||
|
||||
|
|
@ -30,53 +30,54 @@ var activate = function() {
|
|||
|
||||
var scrolltest = function() {
|
||||
if ($(window).scrollTop() + $(window).height() + 1000 > $(document).height() && !loading) {
|
||||
load_next_page();
|
||||
load_next_page();
|
||||
}
|
||||
};
|
||||
|
||||
var load_next_page = function() {
|
||||
if (loading) return;
|
||||
loading = true;
|
||||
|
||||
var this_page = $(".pages a.selected:last");
|
||||
var next_page = this_page.next();
|
||||
|
||||
var href = next_page.prop("href");
|
||||
if (!href) return;
|
||||
|
||||
var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>');
|
||||
var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('form[name="postcontrols"]>.delete:first');
|
||||
|
||||
$.get(href, function(data) {
|
||||
var doc = $(data);
|
||||
|
||||
loading_ind.remove();
|
||||
boardheader.insertBefore('form[name="postcontrols"]>.delete:first');
|
||||
|
||||
var i = 0;
|
||||
|
||||
doc.find('div[id*="thread_"]').each(function() {
|
||||
var checkout = $(this).attr('id').replace('thread_', '');
|
||||
var $this = this;
|
||||
|
||||
if ($('div#thread_' + checkout).length == 0) {
|
||||
// Delay DOM insertion to lessen the lag.
|
||||
setTimeout(function() {
|
||||
$($this).insertBefore('form[name="postcontrols"]>.delete:first');
|
||||
$(document).trigger('new_post', $this);
|
||||
$($this).hide().slideDown();
|
||||
}, 500*i);
|
||||
i++;
|
||||
}
|
||||
});
|
||||
setTimeout(function() {
|
||||
loading = false;
|
||||
scrolltest();
|
||||
}, 500*(i+1));
|
||||
|
||||
next_page.addClass('selected');
|
||||
});
|
||||
|
||||
if (loading) return;
|
||||
loading = true;
|
||||
|
||||
var this_page = $(".pages a.selected:last");
|
||||
var next_page = this_page.next();
|
||||
|
||||
var href = next_page.prop("href");
|
||||
if (!href) return;
|
||||
|
||||
var boardheader = $('<h2>'+_('Page')+' '+next_page.html()+'</h2>');
|
||||
var loading_ind = $('<h2>'+_('Loading...')+'</h2>').insertBefore('#post-moderation-fields');
|
||||
|
||||
$.get(href, function(data) {
|
||||
var doc = $(data);
|
||||
|
||||
loading_ind.remove();
|
||||
boardheader.insertBefore('#post-moderation-fields');
|
||||
|
||||
var i = 0;
|
||||
|
||||
doc.find('div[id*="thread_"]').each(function() {
|
||||
var checkout = $(this).attr('id').replace('thread_', '');
|
||||
var $this = this;
|
||||
|
||||
if ($('div#thread_' + checkout).length == 0) {
|
||||
// Delay DOM insertion to lessen the lag.
|
||||
setTimeout(function() {
|
||||
$($this).insertBefore('#post-moderation-fields');
|
||||
$(document).trigger('new_post', $this);
|
||||
$($this).hide().slideDown();
|
||||
}, 500*i);
|
||||
|
||||
i++;
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
loading = false;
|
||||
scrolltest();
|
||||
}, 500*(i+1));
|
||||
|
||||
next_page.addClass('selected');
|
||||
});
|
||||
};
|
||||
|
||||
var button = $("<a href='#all'>"+_("All")+" </a>").prependTo(".pages");
|
||||
|
|
|
|||
|
|
@ -7,65 +7,201 @@
|
|||
* Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
|
||||
*
|
||||
* Usage:
|
||||
* // $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/inline-expanding.js';
|
||||
*
|
||||
*/
|
||||
|
||||
onready(function(){
|
||||
$(document).ready(function(){
|
||||
'use strict';
|
||||
|
||||
var DEFAULT_MAX = 5; // default maximum image loads
|
||||
var inline_expand_post = function() {
|
||||
var link = this.getElementsByTagName('a');
|
||||
|
||||
for (var i = 0; i < link.length; i++) {
|
||||
if (typeof link[i] == "object" && link[i].childNodes && typeof link[i].childNodes[0] !== 'undefined' && link[i].childNodes[0].src && link[i].childNodes[0].className.match(/post-image/) && !link[i].className.match(/file/)) {
|
||||
link[i].childNodes[0].style.maxWidth = '98%';
|
||||
link[i].onclick = function(e) {
|
||||
if (this.childNodes[0].className == 'hidden')
|
||||
return false;
|
||||
if (e.which == 2 || e.metaKey)
|
||||
return true;
|
||||
if (!this.dataset.src) {
|
||||
this.parentNode.removeAttribute('style');
|
||||
this.dataset.expanded = 'true';
|
||||
var loadingQueue = (function () {
|
||||
var MAX_IMAGES = localStorage.inline_expand_max || DEFAULT_MAX; // maximum number of images to load concurrently, 0 to disable
|
||||
var loading = 0; // number of images that is currently loading
|
||||
var waiting = []; // waiting queue
|
||||
|
||||
if (this.childNodes[0].tagName === 'CANVAS') {
|
||||
this.removeChild(this.childNodes[0]);
|
||||
this.childNodes[0].style.display = 'block';
|
||||
}
|
||||
|
||||
this.dataset.src= this.childNodes[0].src;
|
||||
this.dataset.width = this.childNodes[0].style.width;
|
||||
this.dataset.height = this.childNodes[0].style.height;
|
||||
|
||||
|
||||
this.childNodes[0].src = this.href;
|
||||
this.childNodes[0].style.width = 'auto';
|
||||
this.childNodes[0].style.height = 'auto';
|
||||
this.childNodes[0].style.opacity = '0.4';
|
||||
this.childNodes[0].style.filter = 'alpha(opacity=40)';
|
||||
this.childNodes[0].onload = function() {
|
||||
this.style.opacity = '';
|
||||
delete this.style.filter;
|
||||
}
|
||||
var enqueue = function (ele) {
|
||||
waiting.push(ele);
|
||||
};
|
||||
var dequeue = function () {
|
||||
return waiting.shift();
|
||||
};
|
||||
var update = function() {
|
||||
var ele;
|
||||
while (loading < MAX_IMAGES || MAX_IMAGES === 0) {
|
||||
ele = dequeue();
|
||||
if (ele) {
|
||||
++loading;
|
||||
ele.deferred.resolve();
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
};
|
||||
return {
|
||||
remove: function (ele) {
|
||||
var i = waiting.indexOf(ele);
|
||||
if (i > -1) {
|
||||
waiting.splice(i, 1);
|
||||
}
|
||||
if ($(ele).data('imageLoading') === 'true') {
|
||||
$(ele).data('imageLoading', 'false');
|
||||
clearTimeout(ele.timeout);
|
||||
--loading;
|
||||
}
|
||||
},
|
||||
add: function (ele) {
|
||||
ele.deferred = $.Deferred();
|
||||
ele.deferred.done(function () {
|
||||
var $loadstart = $.Deferred();
|
||||
var thumb = ele.childNodes[0];
|
||||
var img = ele.childNodes[1];
|
||||
|
||||
var onLoadStart = function (img) {
|
||||
if (img.naturalWidth) {
|
||||
$loadstart.resolve(img, thumb);
|
||||
} else {
|
||||
return (ele.timeout = setTimeout(onLoadStart, 30, img));
|
||||
}
|
||||
};
|
||||
|
||||
$(img).one('load', function () {
|
||||
$.when($loadstart).done(function () {
|
||||
// once fully loaded, update the waiting queue
|
||||
--loading;
|
||||
$(ele).data('imageLoading', 'false');
|
||||
update();
|
||||
});
|
||||
});
|
||||
$loadstart.done(function (img, thumb) {
|
||||
thumb.style.display = 'none';
|
||||
img.style.display = '';
|
||||
});
|
||||
|
||||
img.setAttribute('src', ele.href);
|
||||
$(ele).data('imageLoading', 'true');
|
||||
ele.timeout = onLoadStart(img);
|
||||
});
|
||||
|
||||
if (loading < MAX_IMAGES || MAX_IMAGES === 0) {
|
||||
++loading;
|
||||
ele.deferred.resolve();
|
||||
} else {
|
||||
enqueue(ele);
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
for (var i = 0; i < link.length; i++) {
|
||||
if (typeof link[i] == "object" && link[i].childNodes && typeof link[i].childNodes[0] !== 'undefined' &&
|
||||
link[i].childNodes[0].src && link[i].childNodes[0].className.match(/post-image/) && !link[i].className.match(/file/)) {
|
||||
link[i].onclick = function(e) {
|
||||
var img, post_body, still_open, canvas, scroll;
|
||||
var thumb = this.childNodes[0];
|
||||
var padding = 5;
|
||||
var boardlist = $('.boardlist')[0];
|
||||
|
||||
|
||||
if (thumb.className == 'hidden')
|
||||
return false;
|
||||
if (e.which == 2 || e.ctrlKey) // open in new tab
|
||||
return true;
|
||||
if (!$(this).data('expanded')) {
|
||||
|
||||
if (~this.parentNode.className.indexOf('multifile'))
|
||||
this.parentNode.style.width = (parseInt(this.dataset.width)+40)+'px';
|
||||
this.childNodes[0].src = this.dataset.src;
|
||||
this.childNodes[0].style.width = this.dataset.width;
|
||||
this.childNodes[0].style.height = this.dataset.height;
|
||||
delete this.dataset.expanded;
|
||||
delete this.dataset.src;
|
||||
delete this.childNodes[0].style.opacity;
|
||||
delete this.childNodes[0].style.filter;
|
||||
$(this).data('width', this.parentNode.style.width);
|
||||
|
||||
this.parentNode.removeAttribute('style');
|
||||
$(this).data('expanded', 'true');
|
||||
|
||||
if (thumb.tagName === 'CANVAS') {
|
||||
canvas = thumb;
|
||||
thumb = thumb.nextSibling;
|
||||
this.removeChild(canvas);
|
||||
canvas.style.display = 'block';
|
||||
}
|
||||
|
||||
thumb.style.opacity = '0.4';
|
||||
thumb.style.filter = 'alpha(opacity=40)';
|
||||
|
||||
img = document.createElement('img');
|
||||
img.className = 'full-image';
|
||||
img.style.display = 'none';
|
||||
img.setAttribute('alt', 'Fullsized image');
|
||||
this.appendChild(img);
|
||||
|
||||
loadingQueue.add(this);
|
||||
} else {
|
||||
loadingQueue.remove(this);
|
||||
|
||||
scroll = false;
|
||||
|
||||
// scroll to thumb if not triggered by 'shrink all image'
|
||||
if (e.target.className == 'full-image') {
|
||||
scroll = true;
|
||||
}
|
||||
|
||||
if (~this.parentNode.className.indexOf('multifile'))
|
||||
this.parentNode.style.width = $(this).data('width');
|
||||
|
||||
thumb.style.opacity = '';
|
||||
thumb.style.display = '';
|
||||
if (thumb.nextSibling) this.removeChild(thumb.nextSibling); //full image loaded or loading
|
||||
$(this).removeData('expanded');
|
||||
delete thumb.style.filter;
|
||||
|
||||
// do the scrolling after page reflow
|
||||
if (scroll) {
|
||||
post_body = $(thumb).parentsUntil('form > div').last();
|
||||
|
||||
// on multifile posts, determin how many other images are still expanded
|
||||
still_open = post_body.find('.post-image').filter(function(){
|
||||
return $(this).parent().data('expanded') == 'true';
|
||||
}).length;
|
||||
|
||||
// deal with differnt boards' menu styles
|
||||
if ($(boardlist).css('position') == 'fixed')
|
||||
padding += boardlist.getBoundingClientRect().height;
|
||||
|
||||
if (still_open > 0) {
|
||||
if (thumb.getBoundingClientRect().top - padding < 0)
|
||||
$(document).scrollTop($(thumb).parent().parent().offset().top - padding);
|
||||
} else {
|
||||
if (post_body[0].getBoundingClientRect().top - padding < 0)
|
||||
$(document).scrollTop(post_body.offset().top - padding);
|
||||
}
|
||||
}
|
||||
|
||||
if (localStorage.no_animated_gif === 'true' && typeof unanimate_gif === 'function') {
|
||||
unanimate_gif(this.childNodes[0]);
|
||||
unanimate_gif(thumb);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// setting up user option
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
Options.extend_tab('general', '<span id="inline-expand-max">'+ _('Number of simultaneous image downloads (0 to disable): ') +
|
||||
'<input type="number" step="1" min="0" size="4"></span>');
|
||||
$('#inline-expand-max input')
|
||||
.css('width', '50px')
|
||||
.val(localStorage.inline_expand_max || DEFAULT_MAX)
|
||||
.on('change', function (e) {
|
||||
// validation in case some fucktard tries to enter a negative floating point number
|
||||
var n = parseInt(e.target.value);
|
||||
var val = (n<0) ? 0 : n;
|
||||
|
||||
localStorage.inline_expand_max = val;
|
||||
});
|
||||
}
|
||||
|
||||
if (window.jQuery) {
|
||||
|
|
|
|||
|
|
@ -123,8 +123,8 @@ $(document).ready(function() {
|
|||
$clone.insertAfter(link.node)
|
||||
}
|
||||
|
||||
App.options.add('useInlining', 'Enable inlining')
|
||||
App.options.add('hidePost', 'Hide inlined backlinked posts')
|
||||
App.options.add('useInlining', _('Enable inlining'))
|
||||
App.options.add('hidePost', _('Hide inlined backlinked posts'))
|
||||
|
||||
$('head').append(
|
||||
'<style>' +
|
||||
|
|
@ -138,8 +138,8 @@ $(document).ready(function() {
|
|||
// don't attach to outbound links
|
||||
|
||||
if (App.options.get('useInlining')) {
|
||||
var assign_inline = function() {
|
||||
$('.body a:not([rel]), .mentioned a')
|
||||
var assign_inline = function() {
|
||||
$('.body a[href*="'+location.pathname+'"]').not('[rel]').not('.toolong > a').add('.mentioned a')
|
||||
.attr('onclick', null)// XXX disable highlightReply
|
||||
.off('click')
|
||||
.click(inline)
|
||||
|
|
|
|||
106
js/jquery.mixitup.min.js
vendored
106
js/jquery.mixitup.min.js
vendored
|
|
@ -1,43 +1,67 @@
|
|||
/*
|
||||
* MIXITUP - A CSS3 and JQuery Filter & Sort Plugin
|
||||
* Version: 1.5.5
|
||||
* License: Creative Commons Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0
|
||||
* http://creativecommons.org/licenses/by-nd/3.0/
|
||||
* This software may be used freely on commercial and non-commercial projects with attribution to the author/copyright holder.
|
||||
* Author: Patrick Kunka
|
||||
* Copyright 2012-2013 Patrick Kunka, Barrel LLC, All Rights Reserved
|
||||
*
|
||||
* http://mixitup.io
|
||||
*/
|
||||
Copyright 2014 KunkaLabs Limited.
|
||||
@author KunkaLabs Limited.
|
||||
@link https://mixitup.kunkalabs.com
|
||||
|
||||
(function(d){function r(e,c,l,b,a){function f(){n.unbind("webkitTransitionEnd transitionend otransitionend oTransitionEnd");c&&x(c,l,b,a);a.startOrder=[];a.newOrder=[];a.origSort=[];a.checkSort=[];v.removeStyle(a.prefix+"filter, filter, "+a.prefix+"transform, transform, opacity, display").css(a.clean).removeAttr("data-checksum");window.atob||v.css({display:"none",opacity:"0"});n.removeStyle(a.prefix+"transition, transition, "+a.prefix+"perspective, perspective, "+a.prefix+"perspective-origin, perspective-origin, "+
|
||||
(a.resizeContainer?"height":""));"list"==a.layoutMode?(p.css({display:a.targetDisplayList,opacity:"1"}),a.origDisplay=a.targetDisplayList):(p.css({display:a.targetDisplayGrid,opacity:"1"}),a.origDisplay=a.targetDisplayGrid);a.origLayout=a.layoutMode;setTimeout(function(){v.removeStyle(a.prefix+"transition, transition");a.mixing=!1;if("function"==typeof a.onMixEnd){var b=a.onMixEnd.call(this,a);a=b?b:a}})}clearInterval(a.failsafe);a.mixing=!0;a.filter=e;if("function"==typeof a.onMixStart){var g=a.onMixStart.call(this,
|
||||
a);a=g?g:a}for(var k=a.transitionSpeed,g=0;2>g;g++){var h=0==g?h=a.prefix:"";a.transition[h+"transition"]="all "+k+"ms linear";a.transition[h+"transform"]=h+"translate3d(0,0,0)";a.perspective[h+"perspective"]=a.perspectiveDistance+"px";a.perspective[h+"perspective-origin"]=a.perspectiveOrigin}var w=a.targetSelector,v=b.find(w);v.each(function(){this.data={}});var n=v.parent();n.css(a.perspective);a.easingFallback="ease-in-out";"smooth"==a.easing&&(a.easing="cubic-bezier(0.25, 0.46, 0.45, 0.94)");
|
||||
"snap"==a.easing&&(a.easing="cubic-bezier(0.77, 0, 0.175, 1)");"windback"==a.easing&&(a.easing="cubic-bezier(0.175, 0.885, 0.320, 1.275)",a.easingFallback="cubic-bezier(0.175, 0.885, 0.320, 1)");"windup"==a.easing&&(a.easing="cubic-bezier(0.6, -0.28, 0.735, 0.045)",a.easingFallback="cubic-bezier(0.6, 0.28, 0.735, 0.045)");g="list"==a.layoutMode&&null!=a.listEffects?a.listEffects:a.effects;Array.prototype.indexOf&&(a.fade=-1<g.indexOf("fade")?"0":"",a.scale=-1<g.indexOf("scale")?"scale(.01)":"",a.rotateZ=
|
||||
-1<g.indexOf("rotateZ")?"rotate(180deg)":"",a.rotateY=-1<g.indexOf("rotateY")?"rotateY(90deg)":"",a.rotateX=-1<g.indexOf("rotateX")?"rotateX(90deg)":"",a.blur=-1<g.indexOf("blur")?"blur(8px)":"",a.grayscale=-1<g.indexOf("grayscale")?"grayscale(100%)":"");var p=d(),s=d(),t=[],r=!1;"string"===typeof e?t=z(e):(r=!0,d.each(e,function(a){t[a]=z(this)}));"or"==a.filterLogic?(""==t[0]&&t.shift(),1>t.length?s=s.add(b.find(w+":visible")):v.each(function(){var a=d(this);if(r){var b=0;d.each(t,function(d){this.length?
|
||||
a.is("."+this.join(", ."))&&b++:0<b&&b++});b==t.length?p=p.add(a):s=s.add(a)}else a.is("."+t.join(", ."))?p=p.add(a):s=s.add(a)})):(p=p.add(n.find(w+"."+t.join("."))),s=s.add(n.find(w+":not(."+t.join(".")+"):visible")));e=p.length;var u=d(),q=d(),m=d();s.each(function(){var a=d(this);"none"!=a.css("display")&&(u=u.add(a),m=m.add(a))});if(p.filter(":visible").length==e&&!u.length&&!c){if(a.origLayout==a.layoutMode)return f(),!1;if(1==p.length)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),
|
||||
m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),m.css("display",a.targetDisplayGrid)),f(),!1}a.origHeight=n.height();if(p.length){b.removeClass(a.failClass);p.each(function(){var a=d(this);"none"==a.css("display")?q=q.add(a):m=m.add(a)});if(a.origLayout!=a.layoutMode&&!1==a.animateGridList)return"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),m.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),
|
||||
m.css("display",a.targetDisplayGrid)),f(),!1;if(!window.atob)return f(),!1;v.css(a.clean);m.each(function(){this.data.origPos=d(this).offset()});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass),q.css("display",a.targetDisplayList)):(b.addClass(a.gridClass),b.removeClass(a.listClass),q.css("display",a.targetDisplayGrid));q.each(function(){this.data.showInterPos=d(this).offset()});u.each(function(){this.data.hideInterPos=d(this).offset()});m.each(function(){this.data.preInterPos=
|
||||
d(this).offset()});"list"==a.layoutMode?m.css("display",a.targetDisplayList):m.css("display",a.targetDisplayGrid);c&&x(c,l,b,a);if(c&&A(a.origSort,a.checkSort))return f(),!1;u.hide();q.each(function(a){this.data.finalPos=d(this).offset()});m.each(function(){this.data.finalPrePos=d(this).offset()});a.newHeight=n.height();c&&x("reset",null,b,a);q.hide();m.css("display",a.origDisplay);"block"==a.origDisplay?(b.addClass(a.listClass),q.css("display",a.targetDisplayList)):(b.removeClass(a.listClass),q.css("display",
|
||||
a.targetDisplayGrid));a.resizeContainer&&n.css("height",a.origHeight+"px");e={};for(g=0;2>g;g++)h=0==g?h=a.prefix:"",e[h+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,e[h+"filter"]=a.blur+" "+a.grayscale;q.css(e);m.each(function(){var b=this.data,c=d(this);c.hasClass("mix_tohide")?(b.preTX=b.origPos.left-b.hideInterPos.left,b.preTY=b.origPos.top-b.hideInterPos.top):(b.preTX=b.origPos.left-b.preInterPos.left,b.preTY=b.origPos.top-b.preInterPos.top);for(var e={},k=0;2>k;k++){var h=
|
||||
0==k?h=a.prefix:"";e[h+"transform"]="translate("+b.preTX+"px,"+b.preTY+"px)"}c.css(e)});"list"==a.layoutMode?(b.addClass(a.listClass),b.removeClass(a.gridClass)):(b.addClass(a.gridClass),b.removeClass(a.listClass));setTimeout(function(){if(a.resizeContainer){for(var b={},c=0;2>c;c++){var e=0==c?e=a.prefix:"";b[e+"transition"]="all "+k+"ms ease-in-out";b.height=a.newHeight+"px"}n.css(b)}u.css("opacity",a.fade);q.css("opacity",1);q.each(function(){var b=this.data;b.tX=b.finalPos.left-b.showInterPos.left;
|
||||
b.tY=b.finalPos.top-b.showInterPos.top;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition-property"]=h+"transform, "+h+"filter, opacity";c[h+"transition-timing-function"]=a.easing+", linear, linear";c[h+"transition-duration"]=k+"ms";c[h+"transition-delay"]="0";c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)";c[h+"filter"]="none"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});m.each(function(){var b=this.data;b.tX=0!=b.finalPrePos.left?b.finalPrePos.left-
|
||||
b.preInterPos.left:0;b.tY=0!=b.finalPrePos.left?b.finalPrePos.top-b.preInterPos.top:0;for(var c={},e=0;2>e;e++){var h=0==e?h=a.prefix:"";c[h+"transition"]="all "+k+"ms "+a.easing;c[h+"transform"]="translate("+b.tX+"px,"+b.tY+"px)"}d(this).css("-webkit-transition","all "+k+"ms "+a.easingFallback).css(c)});b={};for(c=0;2>c;c++)e=0==c?e=a.prefix:"",b[e+"transition"]="all "+k+"ms "+a.easing+", "+e+"filter "+k+"ms linear, opacity "+k+"ms linear",b[e+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+
|
||||
a.rotateZ,b[e+"filter"]=a.blur+" "+a.grayscale,b.opacity=a.fade;u.css(b);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(a){if(-1<a.originalEvent.propertyName.indexOf("transform")||-1<a.originalEvent.propertyName.indexOf("opacity"))-1<w.indexOf(".")?d(a.target).hasClass(w.replace(".",""))&&f():d(a.target).is(w)&&f()})},10);a.failsafe=setTimeout(function(){a.mixing&&f()},k+400)}else{a.resizeContainer&&n.css("height",a.origHeight+"px");if(!window.atob)return f(),!1;
|
||||
u=s;setTimeout(function(){n.css(a.perspective);if(a.resizeContainer){for(var c={},e=0;2>e;e++){var d=0==e?d=a.prefix:"";c[d+"transition"]="height "+k+"ms ease-in-out";c.height=a.minHeight+"px"}n.css(c)}v.css(a.transition);if(s.length){c={};for(e=0;2>e;e++)d=0==e?d=a.prefix:"",c[d+"transform"]=a.scale+" "+a.rotateX+" "+a.rotateY+" "+a.rotateZ,c[d+"filter"]=a.blur+" "+a.grayscale,c.opacity=a.fade;u.css(c);n.bind("webkitTransitionEnd transitionend otransitionend oTransitionEnd",function(c){if(-1<c.originalEvent.propertyName.indexOf("transform")||
|
||||
-1<c.originalEvent.propertyName.indexOf("opacity"))b.addClass(a.failClass),f()})}else a.mixing=!1},10)}}function x(e,c,l,b){function a(a,b){var c=isNaN(1*a.attr(e))?a.attr(e).toLowerCase():1*a.attr(e),d=isNaN(1*b.attr(e))?b.attr(e).toLowerCase():1*b.attr(e);return c<d?-1:c>d?1:0}function f(a){"asc"==c?k.prepend(a).prepend(" "):k.append(a).append(" ")}function g(a){a=a.slice();for(var b=a.length,c=b;c--;){var e=parseInt(Math.random()*b),d=a[c];a[c]=a[e];a[e]=d}return a}l.find(b.targetSelector).wrapAll('<div class="mix_sorter"/>');
|
||||
var k=l.find(".mix_sorter");b.origSort.length||k.find(b.targetSelector+":visible").each(function(){d(this).wrap("<s/>");b.origSort.push(d(this).parent().html().replace(/\s+/g,""));d(this).unwrap()});k.empty();if("reset"==e)d.each(b.startOrder,function(){k.append(this).append(" ")});else if("default"==e)d.each(b.origOrder,function(){f(this)});else if("random"==e)b.newOrder.length||(b.newOrder=g(b.startOrder)),d.each(b.newOrder,function(){k.append(this).append(" ")});else if("custom"==e)d.each(c,function(){f(this)});
|
||||
else{if("undefined"===typeof b.origOrder[0].attr(e))return console.log("No such attribute found. Terminating"),!1;b.newOrder.length||(d.each(b.origOrder,function(){b.newOrder.push(d(this))}),b.newOrder.sort(a));d.each(b.newOrder,function(){f(this)})}b.checkSort=[];k.find(b.targetSelector+":visible").each(function(a){var c=d(this);0==a&&c.attr("data-checksum","1");c.wrap("<s/>");b.checkSort.push(c.parent().html().replace(/\s+/g,""));c.unwrap()});l.find(b.targetSelector).unwrap()}function B(e){for(var c=
|
||||
["Webkit","Moz","O","ms"],d=0;d<c.length;d++)if(c[d]+"Transition"in e.style)return c[d];return"transition"in e.style?"":!1}function A(e,c){if(e.length!=c.length)return!1;for(var d=0;d<c.length;d++)if(e[d].compare&&!e[d].compare(c[d])||e[d]!==c[d])return!1;return!0}function z(e){e=e.replace(/\s{2,}/g," ");var c=e.split(" ");d.each(c,function(d){"all"==this&&(c[d]="mix_all")});""==c[0]&&c.shift();return c}var y={init:function(e){return this.each(function(){var c=window.navigator.appVersion.match(/Chrome\/(\d+)\./),
|
||||
c=c?parseInt(c[1],10):!1,l=function(a){a=document.getElementById(a);var b=a.parentElement,c=document.createElement("div"),d=document.createDocumentFragment();b.insertBefore(c,a);d.appendChild(a);b.replaceChild(a,c)};(c&&31==c||32==c)&&l(this.id);var b={targetSelector:".mix",filterSelector:".filter",sortSelector:".sort",buttonEvent:"click",effects:["fade","scale"],listEffects:null,easing:"smooth",layoutMode:"grid",targetDisplayGrid:"inline-block",targetDisplayList:"block",listClass:"",gridClass:"",
|
||||
transitionSpeed:600,showOnLoad:"all",sortOnLoad:!1,multiFilter:!1,filterLogic:"or",resizeContainer:!0,minHeight:0,failClass:"fail",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",animateGridList:!0,onMixLoad:null,onMixStart:null,onMixEnd:null,container:null,origOrder:[],startOrder:[],newOrder:[],origSort:[],checkSort:[],filter:"",mixing:!1,origDisplay:"",origLayout:"",origHeight:0,newHeight:0,isTouch:!1,resetDelay:0,failsafe:null,prefix:"",easingFallback:"ease-in-out",transition:{},perspective:{},
|
||||
clean:{},fade:"1",scale:"",rotateX:"",rotateY:"",rotateZ:"",blur:"",grayscale:""};e&&d.extend(b,e);this.config=b;d.support.touch="ontouchend"in document;d.support.touch&&(b.isTouch=!0,b.resetDelay=350);b.container=d(this);var a=b.container;b.prefix=B(a[0]);b.prefix=b.prefix?"-"+b.prefix.toLowerCase()+"-":"";a.find(b.targetSelector).each(function(){b.origOrder.push(d(this))});if(b.sortOnLoad){var f;d.isArray(b.sortOnLoad)?(c=b.sortOnLoad[0],f=b.sortOnLoad[1],d(b.sortSelector+"[data-sort="+b.sortOnLoad[0]+
|
||||
"][data-order="+b.sortOnLoad[1]+"]").addClass("active")):(d(b.sortSelector+"[data-sort="+b.sortOnLoad+"]").addClass("active"),c=b.sortOnLoad,b.sortOnLoad="desc");x(c,f,a,b)}for(f=0;2>f;f++)c=0==f?c=b.prefix:"",b.transition[c+"transition"]="all "+b.transitionSpeed+"ms ease-in-out",b.perspective[c+"perspective"]=b.perspectiveDistance+"px",b.perspective[c+"perspective-origin"]=b.perspectiveOrigin;for(f=0;2>f;f++)c=0==f?c=b.prefix:"",b.clean[c+"transition"]="none";"list"==b.layoutMode?(a.addClass(b.listClass),
|
||||
b.origDisplay=b.targetDisplayList):(a.addClass(b.gridClass),b.origDisplay=b.targetDisplayGrid);b.origLayout=b.layoutMode;f=b.showOnLoad.split(" ");d.each(f,function(){d(b.filterSelector+'[data-filter="'+this+'"]').addClass("active")});a.find(b.targetSelector).addClass("mix_all");"all"==f[0]&&(f[0]="mix_all",b.showOnLoad="mix_all");var g=d();d.each(f,function(){g=g.add(d("."+this))});g.each(function(){var a=d(this);"list"==b.layoutMode?a.css("display",b.targetDisplayList):a.css("display",b.targetDisplayGrid);
|
||||
a.css(b.transition)});setTimeout(function(){b.mixing=!0;g.css("opacity","1");setTimeout(function(){"list"==b.layoutMode?g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayList,opacity:1}):g.removeStyle(b.prefix+"transition, transition").css({display:b.targetDisplayGrid,opacity:1});b.mixing=!1;if("function"==typeof b.onMixLoad){var a=b.onMixLoad.call(this,b);b=a?a:b}},b.transitionSpeed)},10);b.filter=b.showOnLoad;d(b.sortSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c=
|
||||
d(this),e=c.attr("data-sort"),f=c.attr("data-order");if(!c.hasClass("active"))d(b.sortSelector).removeClass("active"),c.addClass("active");else if("random"!=e)return!1;a.find(b.targetSelector).each(function(){b.startOrder.push(d(this))});r(b.filter,e,f,a,b)}});d(b.filterSelector).bind(b.buttonEvent,function(){if(!b.mixing){var c=d(this);if(!1==b.multiFilter)d(b.filterSelector).removeClass("active"),c.addClass("active"),b.filter=c.attr("data-filter"),d(b.filterSelector+'[data-filter="'+b.filter+'"]').addClass("active");
|
||||
else{var e=c.attr("data-filter");c.hasClass("active")?(c.removeClass("active"),b.filter=b.filter.replace(RegExp("(\\s|^)"+e),"")):(c.addClass("active"),b.filter=b.filter+" "+e)}r(b.filter,null,null,a,b)}})})},toGrid:function(){return this.each(function(){var e=this.config;"grid"!=e.layoutMode&&(e.layoutMode="grid",r(e.filter,null,null,d(this),e))})},toList:function(){return this.each(function(){var e=this.config;"list"!=e.layoutMode&&(e.layoutMode="list",r(e.filter,null,null,d(this),e))})},filter:function(e){return this.each(function(){var c=
|
||||
this.config;c.mixing||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,d(this),c))})},sort:function(e){return this.each(function(){var c=this.config,l=d(this);if(!c.mixing){d(c.sortSelector).removeClass("active");if(d.isArray(e)){var b=e[0],a=e[1];d(c.sortSelector+'[data-sort="'+e[0]+'"][data-order="'+e[1]+'"]').addClass("active")}else d(c.sortSelector+'[data-sort="'+e+'"]').addClass("active"),b=e,a="desc";l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))});
|
||||
r(c.filter,b,a,l,c)}})},multimix:function(e){return this.each(function(){var c=this.config,l=d(this);multiOut={filter:c.filter,sort:null,order:"desc",layoutMode:c.layoutMode};d.extend(multiOut,e);c.mixing||(d(c.filterSelector).add(c.sortSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+multiOut.filter+'"]').addClass("active"),"undefined"!==typeof multiOut.sort&&(d(c.sortSelector+'[data-sort="'+multiOut.sort+'"][data-order="'+multiOut.order+'"]').addClass("active"),l.find(c.targetSelector).each(function(){c.startOrder.push(d(this))})),
|
||||
c.layoutMode=multiOut.layoutMode,r(multiOut.filter,multiOut.sort,multiOut.order,l,c))})},remix:function(e){return this.each(function(){var c=this.config,l=d(this);c.origOrder=[];l.find(c.targetSelector).each(function(){var b=d(this);b.addClass("mix_all");c.origOrder.push(b)});c.mixing||"undefined"===typeof e||(d(c.filterSelector).removeClass("active"),d(c.filterSelector+'[data-filter="'+e+'"]').addClass("active"),r(e,null,null,l,c))})}};d.fn.mixitup=function(d,c){if(y[d])return y[d].apply(this,Array.prototype.slice.call(arguments,
|
||||
1));if("object"===typeof d||!d)return y.init.apply(this,arguments)};d.fn.removeStyle=function(e){return this.each(function(){var c=d(this);e=e.replace(/\s+/g,"");var l=e.split(",");d.each(l,function(){var b=RegExp(this.toString()+"[^;]+;?","g");c.attr("style",function(a,c){if(c)return c.replace(b,"")})})})}})(jQuery);
|
||||
@license Commercial use requires a commercial license.
|
||||
https://mixitup.kunkalabs.com/licenses/
|
||||
|
||||
Non-commercial use permitted under terms of CC-BY-NC license.
|
||||
http://creativecommons.org/licenses/by-nc/3.0/
|
||||
*/
|
||||
(function(f,l){f.MixItUp=function(){this._execAction("_constructor",0);f.extend(this,{selectors:{target:".mix",filter:".filter",sort:".sort"},animation:{enable:!0,effects:"fade scale",duration:600,easing:"ease",perspectiveDistance:"3000",perspectiveOrigin:"50% 50%",queue:!0,queueLimit:1,animateChangeLayout:!1,animateResizeContainer:!0,animateResizeTargets:!1,staggerSequence:!1,reverseOut:!1},callbacks:{onMixLoad:!1,onMixStart:!1,onMixBusy:!1,onMixEnd:!1,onMixFail:!1,_user:!1},controls:{enable:!0,
|
||||
live:!1,toggleFilterButtons:!1,toggleLogic:"or",activeClass:"active"},layout:{display:"inline-block",containerClass:"",containerClassFail:"fail"},load:{filter:"all",sort:!1},_$body:null,_$container:null,_$targets:null,_$parent:null,_$sortButtons:null,_$filterButtons:null,_suckMode:!1,_mixing:!1,_sorting:!1,_clicking:!1,_loading:!0,_changingLayout:!1,_changingClass:!1,_changingDisplay:!1,_origOrder:[],_startOrder:[],_newOrder:[],_activeFilter:null,_toggleArray:[],_toggleString:"",_activeSort:"default:asc",
|
||||
_newSort:null,_startHeight:null,_newHeight:null,_incPadding:!0,_newDisplay:null,_newClass:null,_targetsBound:0,_targetsDone:0,_queue:[],_$show:f(),_$hide:f()});this._execAction("_constructor",1)};f.MixItUp.prototype={constructor:f.MixItUp,_instances:{},_handled:{_filter:{},_sort:{}},_bound:{_filter:{},_sort:{}},_actions:{},_filters:{},extend:function(a){for(var c in a)f.MixItUp.prototype[c]=a[c]},addAction:function(a,c,b,d){f.MixItUp.prototype._addHook("_actions",a,c,b,d)},addFilter:function(a,c,
|
||||
b,d){f.MixItUp.prototype._addHook("_filters",a,c,b,d)},_addHook:function(a,c,b,d,e){a=f.MixItUp.prototype[a];var g={};e=1===e||"post"===e?"post":"pre";g[c]={};g[c][e]={};g[c][e][b]=d;f.extend(!0,a,g)},_init:function(a,c){this._execAction("_init",0,arguments);c&&f.extend(!0,this,c);this._$body=f("body");this._domNode=a;this._$container=f(a);this._$container.addClass(this.layout.containerClass);this._id=a.id;this._platformDetect();this._brake=this._getPrefixedCSS("transition","none");this._refresh(!0);
|
||||
this._$parent=this._$targets.parent().length?this._$targets.parent():this._$container;this.load.sort&&(this._newSort=this._parseSort(this.load.sort),this._activeSort=this._newSortString=this.load.sort,this._sort(),this._printSort());this._activeFilter="all"===this.load.filter?this.selectors.target:"none"===this.load.filter?"":this.load.filter;this.controls.enable&&this._bindHandlers();if(this.controls.toggleFilterButtons){this._buildToggleArray();for(var b=0;b<this._toggleArray.length;b++)this._updateControls({filter:this._toggleArray[b],
|
||||
sort:this._activeSort},!0)}else this.controls.enable&&this._updateControls({filter:this._activeFilter,sort:this._activeSort});this._filter();this._init=!0;this._$container.data("mixItUp",this);this._execAction("_init",1,arguments);this._buildState();this._$targets.css(this._brake);this._goMix(this.animation.enable)},_platformDetect:function(){var a=["Webkit","Moz","O","ms"],c=["webkit","moz"],b=window.navigator.appVersion.match(/Chrome\/(\d+)\./)||!1,d="undefined"!==typeof InstallTrigger,e=function(b){for(var c=
|
||||
0;c<a.length;c++)if(a[c]+"Transition"in b.style)return{prefix:"-"+a[c].toLowerCase()+"-",vendor:a[c]};return"transition"in b.style?"":!1}(this._domNode);this._execAction("_platformDetect",0);this._chrome=b?parseInt(b[1],10):!1;this._ff=d?parseInt(window.navigator.userAgent.match(/rv:([^)]+)\)/)[1]):!1;this._prefix=e.prefix;this._vendor=e.vendor;(this._suckMode=window.atob&&this._prefix?!1:!0)&&(this.animation.enable=!1);this._ff&&4>=this._ff&&(this.animation.enable=!1);for(b=0;b<c.length&&!window.requestAnimationFrame;b++)window.requestAnimationFrame=
|
||||
window[c[b]+"RequestAnimationFrame"];"function"!==typeof Object.getPrototypeOf&&(Object.getPrototypeOf="object"===typeof"test".__proto__?function(a){return a.__proto__}:function(a){return a.constructor.prototype});this._domNode.nextElementSibling===l&&Object.defineProperty(Element.prototype,"nextElementSibling",{get:function(){for(var a=this.nextSibling;a;){if(1===a.nodeType)return a;a=a.nextSibling}return null}});this._execAction("_platformDetect",1)},_refresh:function(a,c){this._execAction("_refresh",
|
||||
0,arguments);this._$targets=this._$container.find(this.selectors.target);for(var b=0;b<this._$targets.length;b++){var d=this._$targets[b];if(d.dataset===l||c){d.dataset={};for(var e=0;e<d.attributes.length;e++){var g=d.attributes[e],k=g.name,g=g.value;-1<k.indexOf("data-")&&(k=this._helpers._camelCase(k.substring(5,k.length)),d.dataset[k]=g)}}d.mixParent===l&&(d.mixParent=this._id)}if(this._$targets.length&&a||!this._origOrder.length&&this._$targets.length)for(this._origOrder=[],b=0;b<this._$targets.length;b++)d=
|
||||
this._$targets[b],this._origOrder.push(d);this._execAction("_refresh",1,arguments)},_bindHandlers:function(){var a=this,c=f.MixItUp.prototype._bound._filter,b=f.MixItUp.prototype._bound._sort;a._execAction("_bindHandlers",0);if(a.controls.live)a._$body.on("click.mixItUp."+a._id,a.selectors.sort,function(){a._processClick(f(this),"sort")}).on("click.mixItUp."+a._id,a.selectors.filter,function(){a._processClick(f(this),"filter")});else a._$sortButtons=f(a.selectors.sort),a._$filterButtons=f(a.selectors.filter),
|
||||
a._$sortButtons.on("click.mixItUp."+a._id,function(){a._processClick(f(this),"sort")}),a._$filterButtons.on("click.mixItUp."+a._id,function(){a._processClick(f(this),"filter")});c[a.selectors.filter]=c[a.selectors.filter]===l?1:c[a.selectors.filter]+1;b[a.selectors.sort]=b[a.selectors.sort]===l?1:b[a.selectors.sort]+1;a._execAction("_bindHandlers",1)},_processClick:function(a,c){var b=this,d=function(a,c,d){var e=f.MixItUp.prototype;e._handled["_"+c][b.selectors[c]]=e._handled["_"+c][b.selectors[c]]===
|
||||
l?1:e._handled["_"+c][b.selectors[c]]+1;e._handled["_"+c][b.selectors[c]]===e._bound["_"+c][b.selectors[c]]&&(a[(d?"remove":"add")+"Class"](b.controls.activeClass),delete e._handled["_"+c][b.selectors[c]])};b._execAction("_processClick",0,arguments);if(!b._mixing||b.animation.queue&&b._queue.length<b.animation.queueLimit){b._clicking=!0;if("sort"===c){var e=a.attr("data-sort");if(!a.hasClass(b.controls.activeClass)||-1<e.indexOf("random"))f(b.selectors.sort).removeClass(b.controls.activeClass),d(a,
|
||||
c),b.sort(e)}if("filter"===c){var g=a.attr("data-filter"),e="or"===b.controls.toggleLogic?",":"";b.controls.toggleFilterButtons?(b._buildToggleArray(),a.hasClass(b.controls.activeClass)?(d(a,c,!0),d=b._toggleArray.indexOf(g),b._toggleArray.splice(d,1)):(d(a,c),b._toggleArray.push(g)),b._toggleArray=f.grep(b._toggleArray,function(a){return a}),b._toggleString=b._toggleArray.join(e),b.filter(b._toggleString)):a.hasClass(b.controls.activeClass)||(f(b.selectors.filter).removeClass(b.controls.activeClass),
|
||||
d(a,c),b.filter(g))}b._execAction("_processClick",1,arguments)}else"function"===typeof b.callbacks.onMixBusy&&b.callbacks.onMixBusy.call(b._domNode,b._state,b),b._execAction("_processClickBusy",1,arguments)},_buildToggleArray:function(){var a=this._activeFilter.replace(/\s/g,"");this._execAction("_buildToggleArray",0,arguments);if("or"===this.controls.toggleLogic)this._toggleArray=a.split(",");else{this._toggleArray=a.split(".");!this._toggleArray[0]&&this._toggleArray.shift();for(var a=0,c;c=this._toggleArray[a];a++)this._toggleArray[a]=
|
||||
"."+c}this._execAction("_buildToggleArray",1,arguments)},_updateControls:function(a,c){var b={filter:a.filter,sort:a.sort},d="filter",e=null;this._execAction("_updateControls",0,arguments);a.filter===l&&(b.filter=this._activeFilter);a.sort===l&&(b.sort=this._activeSort);b.filter===this.selectors.target&&(b.filter="all");for(var g=0;2>g;g++){if(e=this.controls.live?f(this.selectors[d]):this["_$"+d+"Buttons"]){var k="[data-"+d+'="'+b[d]+'"]';c&&"filter"===d&&"none"!==b.filter&&""!==b.filter?e.filter(k).addClass(this.controls.activeClass):
|
||||
e.removeClass(this.controls.activeClass).filter(k).addClass(this.controls.activeClass)}d="sort"}this._execAction("_updateControls",1,arguments)},_filter:function(){this._execAction("_filter",0);for(var a=0;a<this._$targets.length;a++){var c=f(this._$targets[a]);c.is(this._activeFilter)?this._$show=this._$show.add(c):this._$hide=this._$hide.add(c)}this._execAction("_filter",1)},_sort:function(){var a=this,c=function(a){a=a.slice();for(var b=a.length,c=b;c--;){var f=parseInt(Math.random()*b),h=a[c];
|
||||
a[c]=a[f];a[f]=h}return a};a._execAction("_sort",0);a._startOrder=[];for(var b=0;b<a._$targets.length;b++)a._startOrder.push(a._$targets[b]);switch(a._newSort[0].sortBy){case "default":a._newOrder=a._origOrder;break;case "random":a._newOrder=c(a._startOrder);break;case "custom":a._newOrder=a._newSort[0].order;break;default:a._newOrder=a._startOrder.concat().sort(function(b,c){return a._compare(b,c)})}a._execAction("_sort",1)},_compare:function(a,c,b){b=b?b:0;var d=this,e=d._newSort[b].order,g=function(a){return a.dataset[d._newSort[b].sortBy]||
|
||||
0},f=isNaN(1*g(a))?g(a).toLowerCase():1*g(a),g=isNaN(1*g(c))?g(c).toLowerCase():1*g(c);return f<g?"asc"===e?-1:1:f>g?"asc"===e?1:-1:f===g&&d._newSort.length>b+1?d._compare(a,c,b+1):0},_printSort:function(a){var c=a?this._startOrder:this._newOrder,b=this._$parent[0].querySelectorAll(this.selectors.target),d=b.length?b[b.length-1].nextElementSibling:null,e=document.createDocumentFragment();this._execAction("_printSort",0,arguments);for(var g=0;g<b.length;g++){var f=b[g],h=f.nextSibling;"absolute"!==
|
||||
f.style.position&&(h&&"#text"===h.nodeName&&this._$parent[0].removeChild(h),this._$parent[0].removeChild(f))}for(g=0;g<c.length;g++)b=c[g],"default"!==this._newSort[0].sortBy||"desc"!==this._newSort[0].order||a?(e.appendChild(b),e.appendChild(document.createTextNode(" "))):(e.insertBefore(b,e.firstChild),e.insertBefore(document.createTextNode(" "),b));d?this._$parent[0].insertBefore(e,d):this._$parent[0].appendChild(e);this._execAction("_printSort",1,arguments)},_parseSort:function(a){for(var c="string"===
|
||||
typeof a?a.split(" "):[a],b=[],d=0;d<c.length;d++){var e="string"===typeof a?c[d].split(":"):["custom",c[d]],e={sortBy:this._helpers._camelCase(e[0]),order:e[1]||"asc"};b.push(e);if("default"===e.sortBy||"random"===e.sortBy)break}return this._execFilter("_parseSort",b,arguments)},_parseEffects:function(){var a=this,c={opacity:"",transformIn:"",transformOut:"",filter:""},b=function(b,c,d){return-1<a.animation.effects.indexOf(b)?c&&(b=a.animation.effects.indexOf(b+"("),-1<b)?(b=a.animation.effects.substring(b),
|
||||
{val:/\(([^)]+)\)/.exec(b)[1]}):!0:!1},d=function(a,d){for(var f=[["scale",".01"],["translateX","20px"],["translateY","20px"],["translateZ","20px"],["rotateX","90deg"],["rotateY","90deg"],["rotateZ","180deg"]],h=0;h<f.length;h++){var m=f[h][0],l=f[h][1],p=d&&"scale"!==m,q=c[a],n;b(m)?(n=m+"(",m=b(m,!0).val||l,p=p?"-"===m.charAt(0)?m.substr(1,m.length):"-"+m:m,n=n+p+") "):n="";c[a]=q+n}};c.opacity=b("fade")?b("fade",!0).val||"0":"1";d("transformIn");a.animation.reverseOut?d("transformOut",!0):c.transformOut=
|
||||
c.transformIn;c.transition={};c.transition=a._getPrefixedCSS("transition","all "+a.animation.duration+"ms "+a.animation.easing+", opacity "+a.animation.duration+"ms linear");a.animation.stagger=b("stagger")?!0:!1;a.animation.staggerDuration=parseInt(b("stagger")?b("stagger",!0).val?b("stagger",!0).val:100:100);return a._execFilter("_parseEffects",c)},_buildState:function(a){var c={};this._execAction("_buildState",0);c={activeFilter:""===this._activeFilter?"none":this._activeFilter,activeSort:a&&this._newSortString?
|
||||
this._newSortString:this._activeSort,fail:!this._$show.length&&""!==this._activeFilter,$targets:this._$targets,$show:this._$show,$hide:this._$hide,totalTargets:this._$targets.length,totalShow:this._$show.length,totalHide:this._$hide.length,display:a&&this._newDisplay?this._newDisplay:this.layout.display};if(a)return this._execFilter("_buildState",c);this._state=c;this._execAction("_buildState",1)},_goMix:function(a){var c=this,b=function(){if(c._chrome&&31===c._chrome){var a=c._$parent[0],b=a.parentElement,
|
||||
e=document.createElement("div"),f=document.createDocumentFragment();b.insertBefore(e,a);f.appendChild(a);b.replaceChild(a,e)}c._setInter();d()},d=function(){var a=window.pageYOffset,b=window.pageXOffset;c._getInterMixData();c._setFinal();c._getFinalMixData();window.pageYOffset!==a&&window.scrollTo(b,a);c._prepTargets();window.requestAnimationFrame?requestAnimationFrame(e):setTimeout(function(){e()},20)},e=function(){c._animateTargets();0===c._targetsBound&&c._cleanUp()},f=c._buildState(!0);c._execAction("_goMix",
|
||||
0,arguments);!c.animation.duration&&(a=!1);c._mixing=!0;c._$container.removeClass(c.layout.containerClassFail);"function"===typeof c.callbacks.onMixStart&&c.callbacks.onMixStart.call(c._domNode,c._state,f,c);c._$container.trigger("mixStart",[c._state,f,c]);c._getOrigMixData();a&&!c._suckMode?window.requestAnimationFrame?requestAnimationFrame(b):b():c._cleanUp();c._execAction("_goMix",1,arguments)},_getTargetData:function(a,c){var b;a.dataset[c+"PosX"]=a.offsetLeft;a.dataset[c+"PosY"]=a.offsetTop;
|
||||
this.animation.animateResizeTargets&&(b=window.getComputedStyle(a),a.dataset[c+"MarginBottom"]=parseInt(b.marginBottom),a.dataset[c+"MarginRight"]=parseInt(b.marginRight),a.dataset[c+"Width"]=a.offsetWidth,a.dataset[c+"Height"]=a.offsetHeight)},_getOrigMixData:function(){var a=this._suckMode?{boxSizing:""}:window.getComputedStyle(this._$parent[0]);this._incPadding="border-box"===(a.boxSizing||a[this._vendor+"BoxSizing"]);this._execAction("_getOrigMixData",0);!this._suckMode&&(this.effects=this._parseEffects());
|
||||
this._$toHide=this._$hide.filter(":visible");this._$toShow=this._$show.filter(":hidden");this._$pre=this._$targets.filter(":visible");this._startHeight=this._incPadding?this._$parent.outerHeight():this._$parent.height();for(a=0;a<this._$pre.length;a++)this._getTargetData(this._$pre[a],"orig");this._execAction("_getOrigMixData",1)},_setInter:function(){this._execAction("_setInter",0);this._changingLayout&&this.animation.animateChangeLayout?(this._$toShow.css("display",this._newDisplay),this._changingClass&&
|
||||
this._$container.removeClass(this.layout.containerClass).addClass(this._newClass)):this._$toShow.css("display",this.layout.display);this._execAction("_setInter",1)},_getInterMixData:function(){this._execAction("_getInterMixData",0);for(var a=0;a<this._$toShow.length;a++){var c=this._$toShow[a];this._getTargetData(c,"inter")}for(a=0;a<this._$pre.length;a++)c=this._$pre[a],this._getTargetData(c,"inter");this._execAction("_getInterMixData",1)},_setFinal:function(){this._execAction("_setFinal",0);this._sorting&&
|
||||
this._printSort();this._$toHide.removeStyle("display");this._changingLayout&&this.animation.animateChangeLayout&&this._$pre.css("display",this._newDisplay);this._execAction("_setFinal",1)},_getFinalMixData:function(){this._execAction("_getFinalMixData",0);for(var a=0;a<this._$toShow.length;a++){var c=this._$toShow[a];this._getTargetData(c,"final")}for(a=0;a<this._$pre.length;a++)c=this._$pre[a],this._getTargetData(c,"final");this._newHeight=this._incPadding?this._$parent.outerHeight():this._$parent.height();
|
||||
this._sorting&&this._printSort(!0);this._$toShow.removeStyle("display");this._$pre.css("display",this.layout.display);this._changingClass&&this.animation.animateChangeLayout&&this._$container.removeClass(this._newClass).addClass(this.layout.containerClass);this._execAction("_getFinalMixData",1)},_prepTargets:function(){var a={_in:this._getPrefixedCSS("transform",this.effects.transformIn),_out:this._getPrefixedCSS("transform",this.effects.transformOut)};this._execAction("_prepTargets",0);this.animation.animateResizeContainer&&
|
||||
this._$parent.css("height",this._startHeight+"px");for(var c=0;c<this._$toShow.length;c++){var b=this._$toShow[c],d=f(b);b.style.opacity=this.effects.opacity;b.style.display=this._changingLayout&&this.animation.animateChangeLayout?this._newDisplay:this.layout.display;d.css(a._in);this.animation.animateResizeTargets&&(b.style.width=b.dataset.finalWidth+"px",b.style.height=b.dataset.finalHeight+"px",b.style.marginRight=-(b.dataset.finalWidth-b.dataset.interWidth)+1*b.dataset.finalMarginRight+"px",b.style.marginBottom=
|
||||
-(b.dataset.finalHeight-b.dataset.interHeight)+1*b.dataset.finalMarginBottom+"px")}for(c=0;c<this._$pre.length;c++)b=this._$pre[c],d=f(b),a=this._getPrefixedCSS("transform","translate("+(b.dataset.origPosX-b.dataset.interPosX)+"px,"+(b.dataset.origPosY-b.dataset.interPosY)+"px)"),d.css(a),this.animation.animateResizeTargets&&(b.style.width=b.dataset.origWidth+"px",b.style.height=b.dataset.origHeight+"px",b.dataset.origWidth-b.dataset.finalWidth&&(b.style.marginRight=-(b.dataset.origWidth-b.dataset.interWidth)+
|
||||
1*b.dataset.origMarginRight+"px"),b.dataset.origHeight-b.dataset.finalHeight&&(b.style.marginBottom=-(b.dataset.origHeight-b.dataset.interHeight)+1*b.dataset.origMarginBottom+"px"));this._execAction("_prepTargets",1)},_animateTargets:function(){var a,c;this._execAction("_animateTargets",0);this._targetsBound=this._targetsDone=0;this._$parent.css(this._getPrefixedCSS("perspective",this.animation.perspectiveDistance+"px")).css(this._getPrefixedCSS("perspective-origin",this.animation.perspectiveOrigin));
|
||||
this.animation.animateResizeContainer&&this._$parent.css(this._getPrefixedCSS("transition","height "+this.animation.duration+"ms ease")).css("height",this._newHeight+"px");for(var b=0;b<this._$toShow.length;b++){var d=this._$toShow[b],e=f(d);a=d.dataset.finalPosX-d.dataset.interPosX;c=d.dataset.finalPosY-d.dataset.interPosY;var g=this._getDelay(b),k={};d.style.opacity="";for(d=0;2>d;d++){var h=0===d?h=this._prefix:"";this._ff&&20>=this._ff&&(k[h+"transition-property"]="all",k[h+"transition-timing-function"]=
|
||||
this.animation.easing+"ms",k[h+"transition-duration"]=this.animation.duration+"ms");k[h+"transition-delay"]=g+"ms";k[h+"transform"]="translate("+a+"px,"+c+"px)"}(this.effects.transform||this.effects.opacity)&&this._bindTargetDone(e);this._ff&&20>=this._ff?e.css(k):e.css(this.effects.transition).css(k)}for(b=0;b<this._$pre.length;b++)d=this._$pre[b],e=f(d),a=d.dataset.finalPosX-d.dataset.interPosX,c=d.dataset.finalPosY-d.dataset.interPosY,g=this._getDelay(b),d.dataset.finalPosX===d.dataset.origPosX&&
|
||||
d.dataset.finalPosY===d.dataset.origPosY||this._bindTargetDone(e),e.css(this._getPrefixedCSS("transition","all "+this.animation.duration+"ms "+this.animation.easing+" "+g+"ms")),e.css(this._getPrefixedCSS("transform","translate("+a+"px,"+c+"px)")),this.animation.animateResizeTargets&&(d.dataset.origWidth-d.dataset.finalWidth&&1*d.dataset.finalWidth&&(d.style.width=d.dataset.finalWidth+"px",d.style.marginRight=-(d.dataset.finalWidth-d.dataset.interWidth)+1*d.dataset.finalMarginRight+"px"),d.dataset.origHeight-
|
||||
d.dataset.finalHeight&&1*d.dataset.finalHeight&&(d.style.height=d.dataset.finalHeight+"px",d.style.marginBottom=-(d.dataset.finalHeight-d.dataset.interHeight)+1*d.dataset.finalMarginBottom+"px"));this._changingClass&&this._$container.removeClass(this.layout.containerClass).addClass(this._newClass);for(b=0;b<this._$toHide.length;b++){d=this._$toHide[b];e=f(d);g=this._getDelay(b);a={};for(d=0;2>d;d++)h=0===d?h=this._prefix:"",a[h+"transition-delay"]=g+"ms",a[h+"transform"]=this.effects.transformOut,
|
||||
a.opacity=this.effects.opacity;e.css(this.effects.transition).css(a);(this.effects.transform||this.effects.opacity)&&this._bindTargetDone(e)}this._execAction("_animateTargets",1)},_bindTargetDone:function(a){var c=this,b=a[0];c._execAction("_bindTargetDone",0,arguments);b.dataset.bound||(b.dataset.bound=!0,c._targetsBound++,a.on("webkitTransitionEnd.mixItUp transitionend.mixItUp",function(d){(-1<d.originalEvent.propertyName.indexOf("transform")||-1<d.originalEvent.propertyName.indexOf("opacity"))&&
|
||||
f(d.originalEvent.target).is(c.selectors.target)&&(a.off(".mixItUp"),delete b.dataset.bound,c._targetDone())}));c._execAction("_bindTargetDone",1,arguments)},_targetDone:function(){this._execAction("_targetDone",0);this._targetsDone++;this._targetsDone===this._targetsBound&&this._cleanUp();this._execAction("_targetDone",1)},_cleanUp:function(){var a=this,c=a.animation.animateResizeTargets?"transform opacity width height margin-bottom margin-right":"transform opacity";unBrake=function(){a._$targets.removeStyle("transition",
|
||||
a._prefix)};a._execAction("_cleanUp",0);a._changingLayout?a._$show.css("display",a._newDisplay):a._$show.css("display",a.layout.display);a._$targets.css(a._brake);a._$targets.removeStyle(c,a._prefix).removeAttr("data-inter-pos-x data-inter-pos-y data-final-pos-x data-final-pos-y data-orig-pos-x data-orig-pos-y data-orig-height data-orig-width data-final-height data-final-width data-inter-width data-inter-height data-orig-margin-right data-orig-margin-bottom data-inter-margin-right data-inter-margin-bottom data-final-margin-right data-final-margin-bottom");
|
||||
a._$hide.removeStyle("display");a._$parent.removeStyle("height transition perspective-distance perspective perspective-origin-x perspective-origin-y perspective-origin perspectiveOrigin",a._prefix);a._sorting&&(a._printSort(),a._activeSort=a._newSortString,a._sorting=!1);a._changingLayout&&(a._changingDisplay&&(a.layout.display=a._newDisplay,a._changingDisplay=!1),a._changingClass&&(a._$parent.removeClass(a.layout.containerClass).addClass(a._newClass),a.layout.containerClass=a._newClass,a._changingClass=
|
||||
!1),a._changingLayout=!1);a._refresh();a._buildState();a._state.fail&&a._$container.addClass(a.layout.containerClassFail);a._$show=f();a._$hide=f();window.requestAnimationFrame&&requestAnimationFrame(unBrake);a._mixing=!1;"function"===typeof a.callbacks._user&&a.callbacks._user.call(a._domNode,a._state,a);"function"===typeof a.callbacks.onMixEnd&&a.callbacks.onMixEnd.call(a._domNode,a._state,a);a._$container.trigger("mixEnd",[a._state,a]);a._state.fail&&("function"===typeof a.callbacks.onMixFail&&
|
||||
a.callbacks.onMixFail.call(a._domNode,a._state,a),a._$container.trigger("mixFail",[a._state,a]));a._loading&&("function"===typeof a.callbacks.onMixLoad&&a.callbacks.onMixLoad.call(a._domNode,a._state,a),a._$container.trigger("mixLoad",[a._state,a]));a._queue.length&&(a._execAction("_queue",0),a.multiMix(a._queue[0][0],a._queue[0][1],a._queue[0][2]),a._queue.splice(0,1));a._execAction("_cleanUp",1);a._loading=!1},_getPrefixedCSS:function(a,c,b){var d={};for(i=0;2>i;i++){var e=0===i?this._prefix:"";
|
||||
b?d[e+a]=e+c:d[e+a]=c}return this._execFilter("_getPrefixedCSS",d,arguments)},_getDelay:function(a){var c="function"===typeof this.animation.staggerSequence?this.animation.staggerSequence.call(this._domNode,a,this._state):a;return this._execFilter("_getDelay",this.animation.stagger?c*this.animation.staggerDuration:0,arguments)},_parseMultiMixArgs:function(a){for(var c={command:null,animate:this.animation.enable,callback:null},b=0;b<a.length;b++){var d=a[b];null!==d&&("object"===typeof d||"string"===
|
||||
typeof d?c.command=d:"boolean"===typeof d?c.animate=d:"function"===typeof d&&(c.callback=d))}return this._execFilter("_parseMultiMixArgs",c,arguments)},_parseInsertArgs:function(a){for(var c={index:0,$object:f(),multiMix:{filter:this._state.activeFilter},callback:null},b=0;b<a.length;b++){var d=a[b];"number"===typeof d?c.index=d:"object"===typeof d&&d instanceof f?c.$object=d:"object"===typeof d&&this._helpers._isElement(d)?c.$object=f(d):"object"===typeof d&&null!==d?c.multiMix=d:"boolean"!==typeof d||
|
||||
d?"function"===typeof d&&(c.callback=d):c.multiMix=!1}return this._execFilter("_parseInsertArgs",c,arguments)},_execAction:function(a,c,b){c=c?"post":"pre";if(!this._actions.isEmptyObject&&this._actions.hasOwnProperty(a))for(var d in this._actions[a][c])this._actions[a][c][d].call(this,b)},_execFilter:function(a,c,b){if(!this._filters.isEmptyObject&&this._filters.hasOwnProperty(a))for(var d in this._filters[a])return this._filters[a][d].call(this,b);else return c},_helpers:{_camelCase:function(a){return a.replace(/-([a-z])/g,
|
||||
function(a){return a[1].toUpperCase()})},_isElement:function(a){return window.HTMLElement?a instanceof HTMLElement:null!==a&&1===a.nodeType&&"string"===a.nodeName}},isMixing:function(){return this._execFilter("isMixing",this._mixing)},filter:function(){var a=this._parseMultiMixArgs(arguments);this._clicking&&(this._toggleString="");this.multiMix({filter:a.command},a.animate,a.callback)},sort:function(){var a=this._parseMultiMixArgs(arguments);this.multiMix({sort:a.command},a.animate,a.callback)},
|
||||
changeLayout:function(){var a=this._parseMultiMixArgs(arguments);this.multiMix({changeLayout:a.command},a.animate,a.callback)},multiMix:function(){var a=this._parseMultiMixArgs(arguments);this._execAction("multiMix",0,arguments);if(this._mixing)this.animation.queue&&this._queue.length<this.animation.queueLimit?(this._queue.push(arguments),this.controls.enable&&!this._clicking&&this._updateControls(a.command),this._execAction("multiMixQueue",1,arguments)):("function"===typeof this.callbacks.onMixBusy&&
|
||||
this.callbacks.onMixBusy.call(this._domNode,this._state,this),this._$container.trigger("mixBusy",[this._state,this]),this._execAction("multiMixBusy",1,arguments));else{this.controls.enable&&!this._clicking&&(this.controls.toggleFilterButtons&&this._buildToggleArray(),this._updateControls(a.command,this.controls.toggleFilterButtons));2>this._queue.length&&(this._clicking=!1);delete this.callbacks._user;a.callback&&(this.callbacks._user=a.callback);var c=a.command.sort,b=a.command.filter,d=a.command.changeLayout;
|
||||
this._refresh();c&&(this._newSort=this._parseSort(c),this._newSortString=c,this._sorting=!0,this._sort());b!==l&&(this._activeFilter=b="all"===b?this.selectors.target:b);this._filter();d&&(this._newDisplay="string"===typeof d?d:d.display||this.layout.display,this._newClass=d.containerClass||"",this._newDisplay!==this.layout.display||this._newClass!==this.layout.containerClass)&&(this._changingLayout=!0,this._changingClass=this._newClass!==this.layout.containerClass,this._changingDisplay=this._newDisplay!==
|
||||
this.layout.display);this._$targets.css(this._brake);this._goMix(a.animate^this.animation.enable?a.animate:this.animation.enable);this._execAction("multiMix",1,arguments)}},insert:function(){var a=this._parseInsertArgs(arguments),c="function"===typeof a.callback?a.callback:null,b=document.createDocumentFragment(),d;this._refresh();d=this._$targets.length?a.index<this._$targets.length||!this._$targets.length?this._$targets[a.index]:this._$targets[this._$targets.length-1].nextElementSibling:this._$parent[0].children[0];
|
||||
this._execAction("insert",0,arguments);if(a.$object){for(var e=0;e<a.$object.length;e++)b.appendChild(a.$object[e]),b.appendChild(document.createTextNode(" "));this._$parent[0].insertBefore(b,d)}this._execAction("insert",1,arguments);"object"===typeof a.multiMix&&this.multiMix(a.multiMix,c)},prepend:function(){var a=this._parseInsertArgs(arguments);this.insert(0,a.$object,a.multiMix,a.callback)},append:function(){var a=this._parseInsertArgs(arguments);this.insert(this._state.totalTargets,a.$object,
|
||||
a.multiMix,a.callback)},getOption:function(a){var c=function(a,c){for(var e=c.split("."),f=e.pop(),k=e.length,h=1,m=e[0]||c;(a=a[m])&&h<k;)m=e[h],h++;if(a!==l)return a[f]!==l?a[f]:a};return a?this._execFilter("getOption",c(this,a),arguments):this},setOptions:function(a){this._execAction("setOptions",0,arguments);"object"===typeof a&&f.extend(!0,this,a);this._execAction("setOptions",1,arguments)},getState:function(){return this._execFilter("getState",this._state,this)},forceRefresh:function(){this._refresh(!1,
|
||||
!0)},destroy:function(a){this._execAction("destroy",0,arguments);this._$body.add(f(this.selectors.sort)).add(f(this.selectors.filter)).off(".mixItUp");for(var c=0;c<this._$targets.length;c++){var b=this._$targets[c];a&&(b.style.display="");delete b.mixParent}this._execAction("destroy",1,arguments);delete f.MixItUp.prototype._instances[this._id]}};f.fn.mixItUp=function(){var a=arguments,c=[],b,d=function(a,b){var c=new f.MixItUp;c._execAction("_instantiate",0,arguments);a.id=a.id?a.id:"MixItUp"+("00000"+
|
||||
(16777216*Math.random()<<0).toString(16)).substr(-6).toUpperCase();c._instances[a.id]||(c._instances[a.id]=c,c._init(a,b));c._execAction("_instantiate",1,arguments)};b=this.each(function(){if(a&&"string"===typeof a[0]){var b=f.MixItUp.prototype._instances[this.id];"isLoaded"===a[0]?c.push(b?!0:!1):(b=b[a[0]](a[1],a[2],a[3]),b!==l&&c.push(b))}else d(this,a[0])});return c.length?1<c.length?c:c[0]:b};f.fn.removeStyle=function(a,c){c=c?c:"";return this.each(function(){for(var b=a.split(" "),d=0;d<b.length;d++)for(var e=
|
||||
0;4>e;e++){switch(e){case 0:var g=b[d];break;case 1:g=f.MixItUp.prototype._helpers._camelCase(g);break;case 2:g=c+b[d];break;case 3:g=f.MixItUp.prototype._helpers._camelCase(c+b[d])}this.style[g]!==l&&"unknown"!==typeof this.style[g]&&0<this.style[g].length&&(this.style[g]="");if(!c&&1===e)break}this.attributes&&this.attributes.style&&this.attributes.style!==l&&""===this.attributes.style.value&&this.attributes.removeNamedItem("style")})}})(jQuery);
|
||||
|
|
|
|||
|
|
@ -13,7 +13,9 @@
|
|||
*
|
||||
*/
|
||||
|
||||
onready(function(){
|
||||
$(document).ready(function(){
|
||||
'use strict';
|
||||
|
||||
var iso8601 = function(s) {
|
||||
s = s.replace(/\.\d\d\d+/,""); // remove milliseconds
|
||||
s = s.replace(/-/,"/").replace(/-/,"/");
|
||||
|
|
@ -36,28 +38,78 @@ onready(function(){
|
|||
return strftime(window.post_date, t, datelocale);
|
||||
};
|
||||
|
||||
function timeDifference(current, previous) {
|
||||
|
||||
var msPerMinute = 60 * 1000;
|
||||
var msPerHour = msPerMinute * 60;
|
||||
var msPerDay = msPerHour * 24;
|
||||
var msPerMonth = msPerDay * 30;
|
||||
var msPerYear = msPerDay * 365;
|
||||
|
||||
var elapsed = current - previous;
|
||||
|
||||
if (elapsed < msPerMinute) {
|
||||
return 'Just now';
|
||||
} else if (elapsed < msPerHour) {
|
||||
return Math.round(elapsed/msPerMinute) + (Math.round(elapsed/msPerMinute)<=1 ? ' minute ago':' minutes ago');
|
||||
} else if (elapsed < msPerDay ) {
|
||||
return Math.round(elapsed/msPerHour ) + (Math.round(elapsed/msPerHour)<=1 ? ' hour ago':' hours ago');
|
||||
} else if (elapsed < msPerMonth) {
|
||||
return Math.round(elapsed/msPerDay) + (Math.round(elapsed/msPerDay)<=1 ? ' day ago':' days ago');
|
||||
} else if (elapsed < msPerYear) {
|
||||
return Math.round(elapsed/msPerMonth) + (Math.round(elapsed/msPerMonth)<=1 ? ' month ago':' months ago');
|
||||
} else {
|
||||
return Math.round(elapsed/msPerYear ) + (Math.round(elapsed/msPerYear)<=1 ? ' year ago':' years ago');
|
||||
}
|
||||
}
|
||||
|
||||
var do_localtime = function(elem) {
|
||||
var times = elem.getElementsByTagName('time');
|
||||
|
||||
var currentTime = Date.now();
|
||||
|
||||
for(var i = 0; i < times.length; i++) {
|
||||
if(typeof times[i].getAttribute('data-local') == 'undefined')
|
||||
continue;
|
||||
|
||||
var t = iso8601(times[i].getAttribute('datetime'));
|
||||
|
||||
|
||||
var t = times[i].getAttribute('datetime');
|
||||
var postTime = new Date(t);
|
||||
|
||||
times[i].setAttribute('data-local', 'true');
|
||||
times[i].innerHTML = dateformat(t);
|
||||
};
|
||||
|
||||
if (!localStorage.show_relative_time || localStorage.show_relative_time === 'false') {
|
||||
times[i].innerHTML = dateformat(iso8601(t));
|
||||
times[i].setAttribute('title', timeDifference(currentTime, postTime.getTime()));
|
||||
} else {
|
||||
times[i].innerHTML = timeDifference(currentTime, postTime.getTime());
|
||||
times[i].setAttribute('title', dateformat(iso8601(t)));
|
||||
}
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
do_localtime(document);
|
||||
|
||||
if (window.jQuery) {
|
||||
if (window.Options && Options.get_tab('general') && window.jQuery) {
|
||||
var interval_id;
|
||||
Options.extend_tab('general', '<label id="show-relative-time"><input type="checkbox">' + _('Show relative time') + '</label>');
|
||||
|
||||
$('#show-relative-time>input').on('change', function() {
|
||||
if (localStorage.show_relative_time === 'true') {
|
||||
localStorage.show_relative_time = 'false';
|
||||
clearInterval(interval_id);
|
||||
} else {
|
||||
localStorage.show_relative_time = 'true';
|
||||
interval_id = setInterval(do_localtime, 30000, document);
|
||||
}
|
||||
// no need to refresh page
|
||||
do_localtime(document);
|
||||
});
|
||||
|
||||
if (localStorage.show_relative_time === 'true') {
|
||||
$('#show-relative-time>input').attr('checked','checked');
|
||||
interval_id = setInterval(do_localtime, 30000, document);
|
||||
}
|
||||
|
||||
// allow to work with auto-reload.js, etc.
|
||||
$(document).on('new_post', function(e, post) {
|
||||
do_localtime(post);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
do_localtime(document);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -11,8 +11,9 @@
|
|||
* //$config['additional_javascript'][] = 'js/options/general.js';
|
||||
* $config['additional_javascript'][] = 'js/no-animated-gif.js';
|
||||
*/
|
||||
|
||||
function unanimate_gif(e) {
|
||||
if ($(e).closest('.thread').children('.thread-hidden').length > 0) return;
|
||||
|
||||
if (active_page === "catalog")
|
||||
var c = $('<canvas class="thread-image"></canvas>');
|
||||
else
|
||||
|
|
@ -34,13 +35,19 @@ function unanimate_gif(e) {
|
|||
$(e).addClass("unanimated").hide();
|
||||
}
|
||||
|
||||
$(function(){
|
||||
|
||||
var gif_finder = 'img.post-image[src$=".gif"], img.thread-image[src$=".gif"]';
|
||||
|
||||
function no_animated_gif() {
|
||||
var anim_gifs = $('img.post-image[src$=".gif"], img.thread-image[src$=".gif"]');
|
||||
var anim_gifs = $(gif_finder);
|
||||
localStorage.no_animated_gif = true;
|
||||
$('#no-animated-gif>a').text(_('Animate GIFs'));
|
||||
$('#no-animated-gif>input').prop('checked', true);
|
||||
|
||||
$.each(anim_gifs, function(i, e) {unanimate_gif(e)} );
|
||||
|
||||
$(document).on('new_post', new_post_handler);
|
||||
}
|
||||
|
||||
function animated_gif() {
|
||||
|
|
@ -49,10 +56,17 @@ function animated_gif() {
|
|||
localStorage.no_animated_gif = false;
|
||||
$('#no-animated-gif>a').text(_('Unanimate GIFs'));
|
||||
$('#no-animated-gif>input').prop('checked', false);
|
||||
|
||||
$(document).off('new_post', new_post_handler);
|
||||
}
|
||||
|
||||
function new_post_handler(e, post) {
|
||||
$(post).find(gif_finder).each(function(k, v) {
|
||||
unanimate_gif(v);
|
||||
});
|
||||
}
|
||||
|
||||
if (active_page == 'thread' || active_page == 'index' || active_page == 'ukko' || active_page == 'catalog') {
|
||||
$(function(){
|
||||
var selector, event;
|
||||
if (window.Options && Options.get_tab('general')) {
|
||||
selector = '#no-animated-gif>input';
|
||||
|
|
@ -75,5 +89,6 @@ if (active_page == 'thread' || active_page == 'index' || active_page == 'ukko' |
|
|||
|
||||
if (localStorage.no_animated_gif === 'true')
|
||||
no_animated_gif();
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
|
|
|||
72
js/options/fav.js
Normal file
72
js/options/fav.js
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
$(document).ready(function(){
|
||||
//Creating functions
|
||||
var generateList = function(){
|
||||
var favStor = [];
|
||||
for(var i=1; i<favorites.length+1; i++){
|
||||
favStor.push($("#sortable > div:nth-child("+i+")").html());
|
||||
}
|
||||
return favStor;
|
||||
} //This will generate a list of boards based off of the list on the screen
|
||||
function removeBoard(boardNumber){
|
||||
favorites.splice(boardNumber, 1);
|
||||
localStorage.favorites = JSON.stringify(favorites);
|
||||
$("#sortable > div:nth-child("+(boardNumber+1)+")").remove();
|
||||
$("#minusList > div:nth-child("+(favorites.length+1)+")").remove();
|
||||
add_favorites();
|
||||
} //This removes a board from favorites, localStorage.favorites and the page
|
||||
function addBoard(){
|
||||
$("#sortable").append("<div>"+($("#plusBox").val())+"</div>");
|
||||
$("#minusList").append( $('<div data-board="'+favorites.length+'" style="cursor: pointer; margin-right: 5px">-</div>').on('click', function(e){removeBoard($(this).data('board'));}) );
|
||||
favorites.push($("#plusBox").val());
|
||||
localStorage.favorites = JSON.stringify(favorites);
|
||||
$("#plusBox").val(""); //Removing text from textbox
|
||||
add_favorites();
|
||||
} //This adds the text inside the textbox to favorites, localStorage.favorites and the page
|
||||
|
||||
var favorites = JSON.parse(localStorage.favorites);
|
||||
Options.add_tab('fav-tab','star',_("Favorites"));
|
||||
|
||||
//Pregenerating list of boards
|
||||
var favList = $('<div id="sortable" style="cursor: pointer; display: inline-block">');
|
||||
for(var i=0; i<favorites.length; i++){
|
||||
favList.append( $('<div>'+favorites[i]+'</div>') );
|
||||
}
|
||||
|
||||
//Creating list of minus symbols to remove unwanted boards
|
||||
var minusList = $('<div id="minusList" style="color: #0000FF; display: inline-block">');
|
||||
for(var i=0; i<favorites.length; i++){
|
||||
minusList.append( $('<div data-board="'+i+'" style="cursor: pointer; margin-right: 5px">-</div>').on('click', function(e){removeBoard($(this).data('board'));}) );
|
||||
}
|
||||
|
||||
//Help message so people understand how sorting boards works
|
||||
$("<span>"+_("Drag the boards to sort them.")+"</span><br><br>").appendTo(Options.get_tab('fav-tab').content);
|
||||
|
||||
//Adding list of boards and minus symbols to remove boards with
|
||||
$(minusList).appendTo(Options.get_tab('fav-tab').content); //Adding the list of minus symbols to the tab
|
||||
$(favList).appendTo(Options.get_tab('fav-tab').content); //Adding the list of favorite boards to the tab
|
||||
|
||||
//Adding spacing and text box to right boards into
|
||||
var addDiv = $("<div id='favs-add-board'>");
|
||||
|
||||
var plusBox = $("<input id=\"plusBox\" type=\"text\">").appendTo(addDiv);
|
||||
plusBox.keydown(function( event ) {
|
||||
if(event.keyCode == 13){
|
||||
$("#plus").click();
|
||||
}
|
||||
});
|
||||
|
||||
//Adding plus symbol to use to add board
|
||||
$("<div id=\"plus\">+</div>").css({
|
||||
cursor: "pointer",
|
||||
color: "#0000FF"
|
||||
}).on('click', function(e){addBoard()}).appendTo(addDiv);
|
||||
|
||||
addDiv.appendTo(Options.get_tab('fav-tab').content); //Adding the plus button
|
||||
|
||||
favList.sortable(); //Making boards with sortable id use the sortable jquery function
|
||||
favList.on('sortstop', function() {
|
||||
favorites = generateList();
|
||||
localStorage.favorites = JSON.stringify(favorites);
|
||||
add_favorites();
|
||||
});
|
||||
});
|
||||
|
|
@ -17,7 +17,7 @@ var textarea = $("<textarea></textarea>").css({
|
|||
"font-size": 12,
|
||||
position: "absolute",
|
||||
top: 35, bottom: 35,
|
||||
width: "calc(100% - 12px)", margin: 0, padding: 0, border: "1px solid black",
|
||||
width: "calc(100% - 20px)", margin: 0, padding: "4px", border: "1px solid black",
|
||||
left: 5, right: 5
|
||||
}).appendTo(tab.content);
|
||||
var submit = $("<input type='button' value='"+_("Update custom CSS")+"'>").css({
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ var textarea = $("<textarea></textarea>").css({
|
|||
"font-size": 12,
|
||||
position: "absolute",
|
||||
top: 35, bottom: 35,
|
||||
width: "calc(100% - 12px)", margin: 0, padding: 0, border: "1px solid black",
|
||||
width: "calc(100% - 20px)", margin: 0, padding: "4px", border: "1px solid black",
|
||||
left: 5, right: 5
|
||||
}).appendTo(tab.content);
|
||||
var submit = $("<input type='button' value='"+_("Update custom Javascript")+"'>").css({
|
||||
|
|
|
|||
852
js/post-filter.js
Normal file
852
js/post-filter.js
Normal file
|
|
@ -0,0 +1,852 @@
|
|||
if (active_page === 'thread' || active_page === 'index' || active_page === 'catalog' || active_page === 'ukko') {
|
||||
$(document).on('menu_ready', function () {
|
||||
'use strict';
|
||||
|
||||
// returns blacklist object from storage
|
||||
function getList() {
|
||||
return JSON.parse(localStorage.postFilter);
|
||||
}
|
||||
|
||||
// stores blacklist into storage and reruns the filter
|
||||
function setList(blacklist) {
|
||||
localStorage.postFilter = JSON.stringify(blacklist);
|
||||
$(document).trigger('filter_page');
|
||||
}
|
||||
|
||||
// unit: seconds
|
||||
function timestamp() {
|
||||
return Math.floor((new Date()).getTime() / 1000);
|
||||
}
|
||||
|
||||
function initList(list, boardId, threadId) {
|
||||
if (typeof list.postFilter[boardId] == 'undefined') {
|
||||
list.postFilter[boardId] = {};
|
||||
list.nextPurge[boardId] = {};
|
||||
}
|
||||
if (typeof list.postFilter[boardId][threadId] == 'undefined') {
|
||||
list.postFilter[boardId][threadId] = [];
|
||||
}
|
||||
list.nextPurge[boardId][threadId] = {timestamp: timestamp(), interval: 86400}; // 86400 seconds == 1 day
|
||||
}
|
||||
|
||||
function addFilter(type, value, useRegex) {
|
||||
var list = getList();
|
||||
var filter = list.generalFilter;
|
||||
var obj = {
|
||||
type: type,
|
||||
value: value,
|
||||
regex: useRegex
|
||||
};
|
||||
|
||||
for (var i=0; i<filter.length; i++) {
|
||||
if (filter[i].type == type && filter[i].value == value && filter[i].regex == useRegex)
|
||||
return;
|
||||
}
|
||||
|
||||
filter.push(obj);
|
||||
setList(list);
|
||||
drawFilterList();
|
||||
}
|
||||
|
||||
function removeFilter(type, value, useRegex) {
|
||||
var list = getList();
|
||||
var filter = list.generalFilter;
|
||||
|
||||
for (var i=0; i<filter.length; i++) {
|
||||
if (filter[i].type == type && filter[i].value == value && filter[i].regex == useRegex) {
|
||||
filter.splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
setList(list);
|
||||
drawFilterList();
|
||||
}
|
||||
|
||||
function nameSpanToString(el) {
|
||||
var s = '';
|
||||
|
||||
$.each($(el).contents(), function(k,v) {
|
||||
if (v.nodeName === 'IMG')
|
||||
s=s+$(v).attr('alt')
|
||||
|
||||
if (v.nodeName === '#text')
|
||||
s=s+v.nodeValue
|
||||
});
|
||||
return s.trim();
|
||||
}
|
||||
|
||||
var blacklist = {
|
||||
add: {
|
||||
post: function (boardId, threadId, postId, hideReplies) {
|
||||
var list = getList();
|
||||
var filter = list.postFilter;
|
||||
|
||||
initList(list, boardId, threadId);
|
||||
|
||||
for (var i in filter[boardId][threadId]) {
|
||||
if (filter[boardId][threadId][i].post == postId) return;
|
||||
}
|
||||
filter[boardId][threadId].push({
|
||||
post: postId,
|
||||
hideReplies: hideReplies
|
||||
});
|
||||
setList(list);
|
||||
},
|
||||
uid: function (boardId, threadId, uniqueId, hideReplies) {
|
||||
var list = getList();
|
||||
var filter = list.postFilter;
|
||||
|
||||
initList(list, boardId, threadId);
|
||||
|
||||
for (var i in filter[boardId][threadId]) {
|
||||
if (filter[boardId][threadId][i].uid == uniqueId) return;
|
||||
}
|
||||
filter[boardId][threadId].push({
|
||||
uid: uniqueId,
|
||||
hideReplies: hideReplies
|
||||
});
|
||||
setList(list);
|
||||
}
|
||||
},
|
||||
remove: {
|
||||
post: function (boardId, threadId, postId) {
|
||||
var list = getList();
|
||||
var filter = list.postFilter;
|
||||
|
||||
// thread already pruned
|
||||
if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
|
||||
return;
|
||||
|
||||
for (var i=0; i<filter[boardId][threadId].length; i++) {
|
||||
if (filter[boardId][threadId][i].post == postId) {
|
||||
filter[boardId][threadId].splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if ($.isEmptyObject(filter[boardId][threadId])) {
|
||||
delete filter[boardId][threadId];
|
||||
delete list.nextPurge[boardId][threadId];
|
||||
|
||||
if ($.isEmptyObject(filter[boardId])) {
|
||||
delete filter[boardId];
|
||||
delete list.nextPurge[boardId];
|
||||
}
|
||||
}
|
||||
setList(list);
|
||||
},
|
||||
uid: function (boardId, threadId, uniqueId) {
|
||||
var list = getList();
|
||||
var filter = list.postFilter;
|
||||
|
||||
// thread already pruned
|
||||
if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
|
||||
return;
|
||||
|
||||
for (var i=0; i<filter[boardId][threadId].length; i++) {
|
||||
if (filter[boardId][threadId][i].uid == uniqueId) {
|
||||
filter[boardId][threadId].splice(i, 1);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if ($.isEmptyObject(filter[boardId][threadId])) {
|
||||
delete filter[boardId][threadId];
|
||||
delete list.nextPurge[boardId][threadId];
|
||||
|
||||
if ($.isEmptyObject(filter[boardId])) {
|
||||
delete filter[boardId];
|
||||
delete list.nextPurge[boardId];
|
||||
}
|
||||
}
|
||||
setList(list);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/*
|
||||
* hide/show the specified thread/post
|
||||
*/
|
||||
function hide(ele) {
|
||||
var $ele = $(ele);
|
||||
|
||||
if ($(ele).data('hidden'))
|
||||
return;
|
||||
|
||||
$(ele).data('hidden', true);
|
||||
if ($ele.hasClass('op')) {
|
||||
$ele.parent().find('.body, .files, .video-container').not($ele.children('.reply').children()).hide();
|
||||
|
||||
// hide thread replies on index view
|
||||
if (active_page == 'index' || active_page == 'ukko') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').hide();
|
||||
} else {
|
||||
// normal posts
|
||||
$ele.children('.body, .files, .video-container').hide();
|
||||
}
|
||||
}
|
||||
function show(ele) {
|
||||
var $ele = $(ele);
|
||||
|
||||
$(ele).data('hidden', false);
|
||||
if ($ele.hasClass('op')) {
|
||||
$ele.parent().find('.body, .files, .video-container').show();
|
||||
if (active_page == 'index') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').show();
|
||||
} else {
|
||||
// normal posts
|
||||
$ele.children('.body, .files, .video-container').show();
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* create filter menu when the button is clicked
|
||||
*/
|
||||
function initPostMenu(pageData) {
|
||||
var Menu = window.Menu;
|
||||
var submenu;
|
||||
Menu.add_item('filter-menu-hide', _('Hide post'));
|
||||
Menu.add_item('filter-menu-unhide', _('Unhide post'));
|
||||
|
||||
submenu = Menu.add_submenu('filter-menu-add', _('Add filter'));
|
||||
submenu.add_item('filter-add-post-plus', _('Post +'), _('Hide post and all replies'));
|
||||
submenu.add_item('filter-add-id', _('ID'));
|
||||
submenu.add_item('filter-add-id-plus', _('ID +'), _('Hide ID and all replies'));
|
||||
submenu.add_item('filter-add-name', _('Name'));
|
||||
submenu.add_item('filter-add-trip', _('Tripcode'));
|
||||
|
||||
submenu = Menu.add_submenu('filter-menu-remove', _('Remove filter'));
|
||||
submenu.add_item('filter-remove-id', _('ID'));
|
||||
submenu.add_item('filter-remove-name', _('Name'));
|
||||
submenu.add_item('filter-remove-trip', _('Tripcode'));
|
||||
|
||||
Menu.onclick(function (e, $buffer) {
|
||||
var ele = e.target.parentElement.parentElement;
|
||||
var $ele = $(ele);
|
||||
|
||||
var threadId = $ele.parent().attr('id').replace('thread_', '');
|
||||
var boardId = $ele.parent().data('board');
|
||||
var postId = $ele.find('.post_no').not('[id]').text();
|
||||
if (pageData.hasUID) {
|
||||
var postUid = $ele.find('.poster_id').text();
|
||||
}
|
||||
|
||||
var postName;
|
||||
var postTrip = '';
|
||||
if (!pageData.forcedAnon) {
|
||||
postName = (typeof $ele.find('.name').contents()[0] == 'undefined') ? '' : nameSpanToString($ele.find('.name')[0]);
|
||||
postTrip = $ele.find('.trip').text();
|
||||
}
|
||||
|
||||
/* display logic and bind click handlers
|
||||
*/
|
||||
|
||||
// unhide button
|
||||
if ($ele.data('hidden')) {
|
||||
$buffer.find('#filter-menu-unhide').click(function () {
|
||||
// if hidden due to post id, remove it from blacklist
|
||||
// otherwise just show this post
|
||||
blacklist.remove.post(boardId, threadId, postId);
|
||||
show(ele);
|
||||
});
|
||||
$buffer.find('#filter-menu-hide').addClass('hidden');
|
||||
} else {
|
||||
$buffer.find('#filter-menu-unhide').addClass('hidden');
|
||||
$buffer.find('#filter-menu-hide').click(function () {
|
||||
blacklist.add.post(boardId, threadId, postId, false);
|
||||
});
|
||||
}
|
||||
|
||||
// post id
|
||||
if (!$ele.data('hiddenByPost')) {
|
||||
$buffer.find('#filter-add-post-plus').click(function () {
|
||||
blacklist.add.post(boardId, threadId, postId, true);
|
||||
});
|
||||
} else {
|
||||
$buffer.find('#filter-add-post-plus').addClass('hidden');
|
||||
}
|
||||
|
||||
// UID
|
||||
if (pageData.hasUID && !$ele.data('hiddenByUid')) {
|
||||
$buffer.find('#filter-add-id').click(function () {
|
||||
blacklist.add.uid(boardId, threadId, postUid, false);
|
||||
});
|
||||
$buffer.find('#filter-add-id-plus').click(function () {
|
||||
blacklist.add.uid(boardId, threadId, postUid, true);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-remove-id').addClass('hidden');
|
||||
} else if (pageData.hasUID) {
|
||||
$buffer.find('#filter-remove-id').click(function () {
|
||||
blacklist.remove.uid(boardId, threadId, postUid);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-add-id').addClass('hidden');
|
||||
$buffer.find('#filter-add-id-plus').addClass('hidden');
|
||||
} else {
|
||||
// board doesn't use UID
|
||||
$buffer.find('#filter-add-id').addClass('hidden');
|
||||
$buffer.find('#filter-add-id-plus').addClass('hidden');
|
||||
$buffer.find('#filter-remove-id').addClass('hidden');
|
||||
}
|
||||
|
||||
// name
|
||||
if (!pageData.forcedAnon && !$ele.data('hiddenByName')) {
|
||||
$buffer.find('#filter-add-name').click(function () {
|
||||
addFilter('name', postName, false);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-remove-name').addClass('hidden');
|
||||
} else if (!pageData.forcedAnon) {
|
||||
$buffer.find('#filter-remove-name').click(function () {
|
||||
removeFilter('name', postName, false);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-add-name').addClass('hidden');
|
||||
} else {
|
||||
// board has forced anon
|
||||
$buffer.find('#filter-remove-name').addClass('hidden');
|
||||
$buffer.find('#filter-add-name').addClass('hidden');
|
||||
}
|
||||
|
||||
// tripcode
|
||||
if (!pageData.forcedAnon && !$ele.data('hiddenByTrip') && postTrip !== '') {
|
||||
$buffer.find('#filter-add-trip').click(function () {
|
||||
addFilter('trip', postTrip, false);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-remove-trip').addClass('hidden');
|
||||
} else if (!pageData.forcedAnon && postTrip !== '') {
|
||||
$buffer.find('#filter-remove-trip').click(function () {
|
||||
removeFilter('trip', postTrip, false);
|
||||
});
|
||||
|
||||
$buffer.find('#filter-add-trip').addClass('hidden');
|
||||
} else {
|
||||
// board has forced anon
|
||||
$buffer.find('#filter-remove-trip').addClass('hidden');
|
||||
$buffer.find('#filter-add-trip').addClass('hidden');
|
||||
}
|
||||
|
||||
/* hide sub menus if all items are hidden
|
||||
*/
|
||||
if (!$buffer.find('#filter-menu-remove > ul').children().not('.hidden').length) {
|
||||
$buffer.find('#filter-menu-remove').addClass('hidden');
|
||||
}
|
||||
if (!$buffer.find('#filter-menu-add > ul').children().not('.hidden').length) {
|
||||
$buffer.find('#filter-menu-add').addClass('hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
* hide/unhide thread on index view
|
||||
*/
|
||||
function quickToggle(ele, threadId, pageData) {
|
||||
/*if ($(ele).find('.hide-thread-link').length)
|
||||
$('.hide-thread-link').remove();*/
|
||||
|
||||
if ($(ele).hasClass('op') && !$(ele).find('.hide-thread-link').length) {
|
||||
$('<a class="hide-thread-link" style="float:left;margin-right:5px" href="javascript:void(0)">[' + ($(ele).data('hidden') ? '+' : '–') + ']</a>')
|
||||
.insertBefore($(ele).find(':not(h2,h2 *):first'))
|
||||
.click(function() {
|
||||
var postId = $(ele).find('.post_no').not('[id]').text();
|
||||
var hidden = $(ele).data('hidden');
|
||||
var boardId = $(ele).parents('.thread').data('board');
|
||||
|
||||
if (hidden) {
|
||||
blacklist.remove.post(boardId, threadId, postId, false);
|
||||
$(this).html('[–]');
|
||||
} else {
|
||||
blacklist.add.post(boardId, threadId, postId, false);
|
||||
$(this).text('[+]');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* determine whether the reply post should be hidden
|
||||
* - applies to all posts on page load or filtering rule change
|
||||
* - apply to new posts on thread updates
|
||||
* - must explicitly set the state of each attributes because filter will reapply to all posts after filtering rule change
|
||||
*/
|
||||
function filter(post, threadId, pageData) {
|
||||
var $post = $(post);
|
||||
|
||||
var list = getList();
|
||||
var postId = $post.find('.post_no').not('[id]').text();
|
||||
var name, trip, uid, subject, comment;
|
||||
var i, length, array, rule, pattern; // temp variables
|
||||
|
||||
var boardId = $post.data('board');
|
||||
if (!boardId) boardId = $post.parents('.thread').data('board');
|
||||
|
||||
var localList = pageData.localList;
|
||||
var noReplyList = pageData.noReplyList;
|
||||
var hasUID = pageData.hasUID;
|
||||
var forcedAnon = pageData.forcedAnon;
|
||||
|
||||
var hasTrip = ($post.find('.trip').length > 0);
|
||||
var hasSub = ($post.find('.subject').length > 0);
|
||||
|
||||
$post.data('hidden', false);
|
||||
$post.data('hiddenByUid', false);
|
||||
$post.data('hiddenByPost', false);
|
||||
$post.data('hiddenByName', false);
|
||||
$post.data('hiddenByTrip', false);
|
||||
$post.data('hiddenBySubject', false);
|
||||
$post.data('hiddenByComment', false);
|
||||
|
||||
// add post with matched UID to localList
|
||||
if (hasUID &&
|
||||
typeof list.postFilter[boardId] != 'undefined' &&
|
||||
typeof list.postFilter[boardId][threadId] != 'undefined') {
|
||||
uid = $post.find('.poster_id').text();
|
||||
array = list.postFilter[boardId][threadId];
|
||||
|
||||
for (i=0; i<array.length; i++) {
|
||||
if (array[i].uid == uid) {
|
||||
$post.data('hiddenByUid', true);
|
||||
localList.push(postId);
|
||||
if (array[i].hideReplies) noReplyList.push(postId);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// match localList
|
||||
if (localList.length) {
|
||||
if ($.inArray(postId, localList) != -1) {
|
||||
if ($post.data('hiddenByUid') !== true) $post.data('hiddenByPost', true);
|
||||
hide(post);
|
||||
}
|
||||
}
|
||||
|
||||
// matches generalFilter
|
||||
if (!forcedAnon)
|
||||
name = (typeof $post.find('.name').contents()[0] == 'undefined') ? '' : nameSpanToString($post.find('.name')[0]);
|
||||
if (!forcedAnon && hasTrip)
|
||||
trip = $post.find('.trip').text();
|
||||
if (hasSub)
|
||||
subject = $post.find('.subject').text();
|
||||
|
||||
array = $post.find('.body').contents().filter(function () {if ($(this).text() !== '') return true;}).toArray();
|
||||
array = $.map(array, function (ele) {
|
||||
return $(ele).text().trim();
|
||||
});
|
||||
comment = array.join(' ');
|
||||
|
||||
|
||||
for (i = 0, length = list.generalFilter.length; i < length; i++) {
|
||||
rule = list.generalFilter[i];
|
||||
|
||||
if (rule.regex) {
|
||||
pattern = new RegExp(rule.value);
|
||||
switch (rule.type) {
|
||||
case 'name':
|
||||
if (!forcedAnon && pattern.test(name)) {
|
||||
$post.data('hiddenByName', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'trip':
|
||||
if (!forcedAnon && hasTrip && pattern.test(trip)) {
|
||||
$post.data('hiddenByTrip', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'sub':
|
||||
if (hasSub && pattern.test(subject)) {
|
||||
$post.data('hiddenBySubject', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'com':
|
||||
if (pattern.test(comment)) {
|
||||
$post.data('hiddenByComment', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
switch (rule.type) {
|
||||
case 'name':
|
||||
if (!forcedAnon && rule.value == name) {
|
||||
$post.data('hiddenByName', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'trip':
|
||||
if (!forcedAnon && hasTrip && rule.value == trip) {
|
||||
$post.data('hiddenByTrip', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'sub':
|
||||
pattern = new RegExp('\\b'+ rule.value+ '\\b');
|
||||
if (hasSub && pattern.test(subject)) {
|
||||
$post.data('hiddenBySubject', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
case 'com':
|
||||
pattern = new RegExp('\\b'+ rule.value+ '\\b');
|
||||
if (pattern.test(comment)) {
|
||||
$post.data('hiddenByComment', true);
|
||||
hide(post);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// check for link to filtered posts
|
||||
$post.find('.body a').not('[rel="nofollow"]').each(function () {
|
||||
var replyId = $(this).text().match(/^>>(\d+)$/);
|
||||
|
||||
if (!replyId)
|
||||
return;
|
||||
|
||||
replyId = replyId[1];
|
||||
if ($.inArray(replyId, noReplyList) != -1) {
|
||||
hide(post);
|
||||
}
|
||||
});
|
||||
|
||||
// post didn't match any filters
|
||||
if (!$post.data('hidden')) {
|
||||
show(post);
|
||||
}
|
||||
}
|
||||
|
||||
/* (re)runs the filter on the entire page
|
||||
*/
|
||||
function filterPage(pageData) {
|
||||
var list = getList();
|
||||
|
||||
if (active_page != 'catalog') {
|
||||
|
||||
// empty the local and no-reply list
|
||||
pageData.localList = [];
|
||||
pageData.noReplyList = [];
|
||||
|
||||
$('.thread').each(function () {
|
||||
var $thread = $(this);
|
||||
// disregard the hidden threads constructed by post-hover.js
|
||||
if ($thread.css('display') == 'none')
|
||||
return;
|
||||
|
||||
var threadId = $thread.attr('id').replace('thread_', '');
|
||||
var boardId = $thread.data('board');
|
||||
var op = $thread.children('.op')[0];
|
||||
var i, array; // temp variables
|
||||
|
||||
// add posts to localList and noReplyList
|
||||
if (typeof list.postFilter[boardId] != 'undefined' && typeof list.postFilter[boardId][threadId] != 'undefined') {
|
||||
array = list.postFilter[boardId][threadId];
|
||||
for (i=0; i<array.length; i++) {
|
||||
if ( typeof array[i].post == 'undefined')
|
||||
continue;
|
||||
|
||||
pageData.localList.push(array[i].post);
|
||||
if (array[i].hideReplies) pageData.noReplyList.push(array[i].post);
|
||||
}
|
||||
}
|
||||
// run filter on OP
|
||||
filter(op, threadId, pageData);
|
||||
quickToggle(op, threadId, pageData);
|
||||
|
||||
// iterate filter over each post
|
||||
if (!$(op).data('hidden') || active_page == 'thread') {
|
||||
$thread.find('.reply').not('.hidden').each(function () {
|
||||
filter(this, threadId, pageData);
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
} else {
|
||||
var postFilter = list.postFilter[pageData.boardId];
|
||||
var $collection = $('.mix');
|
||||
|
||||
if ($.isEmptyObject(postFilter))
|
||||
return;
|
||||
|
||||
// for each thread that has filtering rules
|
||||
// check if filter contains thread OP and remove the thread from catalog
|
||||
$.each(postFilter, function (key, thread) {
|
||||
var threadId = key;
|
||||
$.each(thread, function () {
|
||||
if (this.post == threadId) {
|
||||
$collection.filter('[data-id='+ threadId +']').remove();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function initStyle() {
|
||||
var $ele, cssStyle, cssString;
|
||||
|
||||
$ele = $('<div>').addClass('post reply').hide().appendTo('body');
|
||||
cssStyle = $ele.css(['background-color', 'border-color']);
|
||||
cssStyle.hoverBg = $('body').css('background-color');
|
||||
$ele.remove();
|
||||
|
||||
cssString = '\n/*** Generated by post-filter ***/\n' +
|
||||
'#filter-control input[type=text] {width: 130px;}' +
|
||||
'#filter-control input[type=checkbox] {vertical-align: middle;}' +
|
||||
'#filter-control #clear {float: right;}\n' +
|
||||
'#filter-container {margin-top: 20px; border: 1px solid; height: 270px; overflow: auto;}\n' +
|
||||
'#filter-list {width: 100%; border-collapse: collapse;}\n' +
|
||||
'#filter-list th {text-align: center; height: 20px; font-size: 14px; border-bottom: 1px solid;}\n' +
|
||||
'#filter-list th:nth-child(1) {text-align: center; width: 70px;}\n' +
|
||||
'#filter-list th:nth-child(2) {text-align: left;}\n' +
|
||||
'#filter-list th:nth-child(3) {text-align: center; width: 58px;}\n' +
|
||||
'#filter-list tr:not(#header) {height: 22px;}\n' +
|
||||
'#filter-list tr:nth-child(even) {background-color:rgba(255, 255, 255, 0.5);}\n' +
|
||||
'#filter-list td:nth-child(1) {text-align: center; width: 70px;}\n' +
|
||||
'#filter-list td:nth-child(3) {text-align: center; width: 58px;}\n' +
|
||||
'#confirm {text-align: right; margin-bottom: -18px; padding-top: 2px; font-size: 14px; color: #FF0000;}';
|
||||
|
||||
if (!$('style.generated-css').length) $('<style class="generated-css">').appendTo('head');
|
||||
$('style.generated-css').html($('style.generated-css').html() + cssString);
|
||||
}
|
||||
|
||||
function drawFilterList() {
|
||||
var list = getList().generalFilter;
|
||||
var $ele = $('#filter-list');
|
||||
var $row, i, length, obj, val;
|
||||
|
||||
var typeName = {
|
||||
name: 'name',
|
||||
trip: 'tripcode',
|
||||
sub: 'subject',
|
||||
com: 'comment'
|
||||
};
|
||||
|
||||
$ele.empty();
|
||||
|
||||
$ele.append('<tr id="header"><th>Type</th><th>Content</th><th>Remove</th></tr>');
|
||||
for (i = 0, length = list.length; i < length; i++) {
|
||||
obj = list[i];
|
||||
|
||||
// display formatting
|
||||
val = (obj.regex) ? '/'+ obj.value +'/' : obj.value;
|
||||
|
||||
$row = $('<tr>');
|
||||
$row.append(
|
||||
'<td>'+ typeName[obj.type] +'</td>',
|
||||
'<td>'+ val +'</td>',
|
||||
$('<td>').append(
|
||||
$('<a>').html('X')
|
||||
.addClass('del-btn')
|
||||
.attr('href', '#')
|
||||
.data('type', obj.type)
|
||||
.data('val', obj.value)
|
||||
.data('useRegex', obj.regex)
|
||||
)
|
||||
);
|
||||
$ele.append($row);
|
||||
}
|
||||
}
|
||||
|
||||
function initOptionsPanel() {
|
||||
if (window.Options && !Options.get_tab('filter')) {
|
||||
Options.add_tab('filter', 'list', _('Filters'));
|
||||
Options.extend_tab('filter',
|
||||
'<div id="filter-control">' +
|
||||
'<select>' +
|
||||
'<option value="name">'+_('Name')+'</option>' +
|
||||
'<option value="trip">'+_('Tripcode')+'</option>' +
|
||||
'<option value="sub">'+_('Subject')+'</option>' +
|
||||
'<option value="com">'+_('Comment')+'</option>' +
|
||||
'</select>' +
|
||||
'<input type="text">' +
|
||||
'<input type="checkbox">' +
|
||||
'regex ' +
|
||||
'<button id="set-filter">'+_('Add')+'</button>' +
|
||||
'<button id="clear">'+_('Clear all filters')+'</button>' +
|
||||
'<div id="confirm" class="hidden">' +
|
||||
_('This will clear all filtering rules including hidden posts.')+' <a id="confirm-y" href="#">'+_('yes')+'</a> | <a id="confirm-n" href="#">'+_('no')+'</a>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div id="filter-container"><table id="filter-list"></table></div>'
|
||||
);
|
||||
drawFilterList();
|
||||
|
||||
// control buttons
|
||||
$('#filter-control').on('click', '#set-filter', function () {
|
||||
var type = $('#filter-control select option:selected').val();
|
||||
var value = $('#filter-control input[type=text]').val();
|
||||
var useRegex = $('#filter-control input[type=checkbox]').prop('checked');
|
||||
|
||||
//clear the input form
|
||||
$('#filter-control input[type=text]').val('');
|
||||
|
||||
addFilter(type, value, useRegex);
|
||||
drawFilterList();
|
||||
});
|
||||
$('#filter-control').on('click', '#clear', function () {
|
||||
$('#filter-control #clear').addClass('hidden');
|
||||
$('#filter-control #confirm').removeClass('hidden');
|
||||
});
|
||||
$('#filter-control').on('click', '#confirm-y', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
$('#filter-control #clear').removeClass('hidden');
|
||||
$('#filter-control #confirm').addClass('hidden');
|
||||
setList({
|
||||
generalFilter: [],
|
||||
postFilter: {},
|
||||
nextPurge: {},
|
||||
lastPurge: timestamp()
|
||||
});
|
||||
drawFilterList();
|
||||
});
|
||||
$('#filter-control').on('click', '#confirm-n', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
$('#filter-control #clear').removeClass('hidden');
|
||||
$('#filter-control #confirm').addClass('hidden');
|
||||
});
|
||||
|
||||
|
||||
// remove button
|
||||
$('#filter-list').on('click', '.del-btn', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $ele = $(e.target);
|
||||
var type = $ele.data('type');
|
||||
var val = $ele.data('val');
|
||||
var useRegex = $ele.data('useRegex');
|
||||
|
||||
removeFilter(type, val, useRegex);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* clear out pruned threads
|
||||
*/
|
||||
function purge() {
|
||||
var list = getList();
|
||||
var board, thread, boardId, threadId;
|
||||
var deferred;
|
||||
var requestArray = [];
|
||||
|
||||
var successHandler = function (boardId, threadId) {
|
||||
return function () {
|
||||
// thread still alive, keep it in the list and increase the time between checks.
|
||||
var list = getList();
|
||||
var thread = list.nextPurge[boardId][threadId];
|
||||
|
||||
thread.timestamp = timestamp();
|
||||
thread.interval = Math.floor(thread.interval * 1.5);
|
||||
setList(list);
|
||||
};
|
||||
};
|
||||
var errorHandler = function (boardId, threadId) {
|
||||
return function (xhr) {
|
||||
if (xhr.status == 404) {
|
||||
var list = getList();
|
||||
|
||||
delete list.nextPurge[boardId][threadId];
|
||||
delete list.postFilter[boardId][threadId];
|
||||
if ($.isEmptyObject(list.nextPurge[boardId])) delete list.nextPurge[boardId];
|
||||
if ($.isEmptyObject(list.postFilter[boardId])) delete list.postFilter[boardId];
|
||||
setList(list);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
if ((timestamp() - list.lastPurge) < 86400) // less than 1 day
|
||||
return;
|
||||
|
||||
for (boardId in list.nextPurge) {
|
||||
board = list.nextPurge[boardId];
|
||||
for (threadId in board) {
|
||||
thread = board[threadId];
|
||||
if (timestamp() > (thread.timestamp + thread.interval)) {
|
||||
// check if thread is pruned
|
||||
deferred = $.ajax({
|
||||
cache: false,
|
||||
url: '/'+ boardId +'/res/'+ threadId +'.json',
|
||||
success: successHandler(boardId, threadId),
|
||||
error: errorHandler(boardId, threadId)
|
||||
});
|
||||
requestArray.push(deferred);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// when all requests complete
|
||||
$.when.apply($, requestArray).always(function () {
|
||||
var list = getList();
|
||||
list.lastPurge = timestamp();
|
||||
setList(list);
|
||||
});
|
||||
}
|
||||
|
||||
function init() {
|
||||
if (typeof localStorage.postFilter === 'undefined') {
|
||||
localStorage.postFilter = JSON.stringify({
|
||||
generalFilter: [],
|
||||
postFilter: {},
|
||||
nextPurge: {},
|
||||
lastPurge: timestamp()
|
||||
});
|
||||
}
|
||||
|
||||
var pageData = {
|
||||
boardId: board_name, // get the id from the global variable
|
||||
localList: [], // all the blacklisted post IDs or UIDs that apply to the current page
|
||||
noReplyList: [], // any posts that replies to the contents of this list shall be hidden
|
||||
hasUID: (document.getElementsByClassName('poster_id').length > 0),
|
||||
forcedAnon: ($('th:contains(Name)').length === 0) // tests by looking for the Name label on the reply form
|
||||
};
|
||||
|
||||
initStyle();
|
||||
initOptionsPanel();
|
||||
initPostMenu(pageData);
|
||||
filterPage(pageData);
|
||||
|
||||
// on new posts
|
||||
$(document).on('new_post', function (e, post) {
|
||||
var threadId;
|
||||
|
||||
if ($(post).hasClass('reply')) {
|
||||
threadId = $(post).parents('.thread').attr('id').replace('thread_', '');
|
||||
} else {
|
||||
threadId = $(post).attr('id').replace('thread_', '');
|
||||
post = $(post).children('.op')[0];
|
||||
}
|
||||
|
||||
filter(post, threadId, pageData);
|
||||
quickToggle(post, threadId, pageData);
|
||||
});
|
||||
|
||||
$(document).on('filter_page', function () {
|
||||
filterPage(pageData);
|
||||
});
|
||||
|
||||
// shift+click on catalog to hide thread
|
||||
if (active_page == 'catalog') {
|
||||
$(document).on('click', '.mix', function(e) {
|
||||
if (e.shiftKey) {
|
||||
var threadId = $(this).data('id').toString();
|
||||
var postId = threadId;
|
||||
blacklist.add.post(pageData.boardId, threadId, postId, false);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// clear out the old threads
|
||||
purge();
|
||||
}
|
||||
init();
|
||||
});
|
||||
|
||||
if (typeof window.Menu !== "undefined") {
|
||||
$(document).trigger('menu_ready');
|
||||
}
|
||||
}
|
||||
|
|
@ -54,10 +54,7 @@ onready(function(){
|
|||
hovered_at = {'x': e.pageX, 'y': e.pageY};
|
||||
|
||||
var start_hover = function($link) {
|
||||
if($.contains($post[0], $link[0])) {
|
||||
// link links to itself or to op; ignore
|
||||
}
|
||||
else if($post.is(':visible') &&
|
||||
if ($post.is(':visible') &&
|
||||
$post.offset().top >= $(window).scrollTop() &&
|
||||
$post.offset().top + $post.height() <= $(window).scrollTop() + $(window).height()) {
|
||||
// post is in view
|
||||
|
|
|
|||
211
js/post-menu.js
Normal file
211
js/post-menu.js
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
/*
|
||||
* post-menu.js - adds dropdown menu to posts
|
||||
*
|
||||
* Creates a global Menu object with four public methods:
|
||||
*
|
||||
* Menu.onclick(fnc)
|
||||
* registers a function to be executed after button click, before the menu is displayed
|
||||
* Menu.add_item(id, text[, title])
|
||||
* adds an item to the top level of menu
|
||||
* Menu.add_submenu(id, text)
|
||||
* creates and returns a List object through which to manipulate the content of the submenu
|
||||
* Menu.get_submenu(id)
|
||||
* returns the submenu with the specified id from the top level menu
|
||||
*
|
||||
* The List object contains all the methods from Menu except onclick()
|
||||
*
|
||||
* Example usage:
|
||||
* Menu.add_item('filter-menu-hide', 'Hide post');
|
||||
* Menu.add_item('filter-menu-unhide', 'Unhide post');
|
||||
*
|
||||
* submenu = Menu.add_submenu('filter-menu-add', 'Add filter');
|
||||
* submenu.add_item('filter-add-post-plus', 'Post +', 'Hide post and all replies');
|
||||
* submenu.add_item('filter-add-id', 'ID');
|
||||
*
|
||||
* Usage:
|
||||
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
||||
* $config['additional_javascript'][] = 'js/post-menu.js';
|
||||
*/
|
||||
$(document).ready(function () {
|
||||
|
||||
var List = function (menuId, text) {
|
||||
this.id = menuId;
|
||||
this.text = text;
|
||||
this.items = [];
|
||||
|
||||
this.add_item = function (itemId, text, title) {
|
||||
this.items.push(new Item(itemId, text, title));
|
||||
};
|
||||
this.list_items = function () {
|
||||
var array = [];
|
||||
var i, length, obj, $ele;
|
||||
|
||||
if ($.isEmptyObject(this.items))
|
||||
return;
|
||||
|
||||
length = this.items.length;
|
||||
for (i = 0; i < length; i++) {
|
||||
obj = this.items[i];
|
||||
|
||||
$ele = $('<li>', {id: obj.id}).text(obj.text);
|
||||
if ('title' in obj) $ele.attr('title', obj.title);
|
||||
|
||||
if (obj instanceof Item) {
|
||||
$ele.addClass('post-item');
|
||||
} else {
|
||||
$ele.addClass('post-submenu');
|
||||
|
||||
$ele.prepend(obj.list_items());
|
||||
$ele.append($('<span>', {class: 'post-menu-arrow'}).text('»'));
|
||||
}
|
||||
|
||||
array.push($ele);
|
||||
}
|
||||
|
||||
return $('<ul>').append(array);
|
||||
};
|
||||
this.add_submenu = function (menuId, text) {
|
||||
var ele = new List(menuId, text);
|
||||
this.items.push(ele);
|
||||
return ele;
|
||||
};
|
||||
this.get_submenu = function (menuId) {
|
||||
for (var i = 0; i < this.items.length; i++) {
|
||||
if ((this.items[i] instanceof Item) || this.items[i].id != menuId) continue;
|
||||
return this.items[i];
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var Item = function (itemId, text, title) {
|
||||
this.id = itemId;
|
||||
this.text = text;
|
||||
|
||||
// optional
|
||||
if (typeof title != 'undefined') this.title = title;
|
||||
};
|
||||
|
||||
function buildMenu(e) {
|
||||
var pos = $(e.target).offset();
|
||||
var i, length;
|
||||
|
||||
var $menu = $('<div class="post-menu"></div>').append(mainMenu.list_items());
|
||||
|
||||
// execute registered click handlers
|
||||
length = onclick_callbacks.length;
|
||||
for (i = 0; i < length; i++) {
|
||||
onclick_callbacks[i](e, $menu);
|
||||
}
|
||||
|
||||
// set menu position and append to page
|
||||
$menu.css({top: pos.top, left: pos.left + 20});
|
||||
$('body').append($menu);
|
||||
}
|
||||
|
||||
function addButton(post) {
|
||||
var $ele = $(post);
|
||||
$ele.find('input.delete').after(
|
||||
$('<a>', {href: '#', class: 'post-btn', title: 'Post menu'}).text('▶')
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
/* * * * * * * * * *
|
||||
Public methods
|
||||
* * * * * * * * * */
|
||||
var Menu = {};
|
||||
var mainMenu = new List();
|
||||
var onclick_callbacks = [];
|
||||
|
||||
Menu.onclick = function (fnc) {
|
||||
onclick_callbacks.push(fnc);
|
||||
};
|
||||
|
||||
Menu.add_item = function (itemId, text, title) {
|
||||
mainMenu.add_item(itemId, text, title);
|
||||
};
|
||||
|
||||
Menu.add_submenu = function (menuId, text) {
|
||||
return mainMenu.add_submenu(menuId, text);
|
||||
};
|
||||
|
||||
Menu.get_submenu = function (id) {
|
||||
return mainMenu.get_submenu(id);
|
||||
};
|
||||
|
||||
window.Menu = Menu;
|
||||
|
||||
|
||||
/* * * * * * * *
|
||||
Initialize
|
||||
* * * * * * * */
|
||||
|
||||
/* Styling
|
||||
*/
|
||||
var $ele, cssStyle, cssString;
|
||||
|
||||
$ele = $('<div>').addClass('post reply').hide().appendTo('body');
|
||||
cssStyle = $ele.css(['border-top-color']);
|
||||
cssStyle.hoverBg = $('body').css('background-color');
|
||||
$ele.remove();
|
||||
|
||||
cssString =
|
||||
'\n/*** Generated by post-menu ***/\n' +
|
||||
'.post-menu {position: absolute; font-size: 12px; line-height: 1.3em;}\n' +
|
||||
'.post-menu ul {\n' +
|
||||
' background-color: '+ cssStyle['border-top-color'] +'; border: 1px solid #666;\n' +
|
||||
' list-style: none; padding: 0; margin: 0; white-space: nowrap;\n}\n' +
|
||||
'.post-menu .post-submenu{white-space: normal; width: 90px;}' +
|
||||
'.post-menu .post-submenu>ul{white-space: nowrap; width: auto;}' +
|
||||
'.post-menu li {cursor: pointer; position: relative; padding: 4px 4px; vertical-align: middle;}\n' +
|
||||
'.post-menu li:hover {background-color: '+ cssStyle.hoverBg +';}\n' +
|
||||
'.post-menu ul ul {display: none; position: absolute;}\n' +
|
||||
'.post-menu li:hover>ul {display: block; left: 100%; margin-top: -3px;}\n' +
|
||||
'.post-menu-arrow {float: right; margin-left: 10px;}\n' +
|
||||
'.post-menu.hidden, .post-menu .hidden {display: none;}\n' +
|
||||
'.post-btn {transition: transform 0.1s; width: 15px; text-align: center; font-size: 10pt; opacity: 0.8; text-decoration: none; margin: -6px 0px 0px -5px !important; display: inline-block;}\n' +
|
||||
'.post-btn:hover {opacity: 1;}\n' +
|
||||
'.post-btn-open {transform: rotate(90deg);}\n';
|
||||
|
||||
if (!$('style.generated-css').length) $('<style class="generated-css">').appendTo('head');
|
||||
$('style.generated-css').html($('style.generated-css').html() + cssString);
|
||||
|
||||
/* Add buttons
|
||||
*/
|
||||
$('.reply:not(.hidden), .thread>.op').each(function () {
|
||||
addButton(this);
|
||||
});
|
||||
|
||||
/* event handlers
|
||||
*/
|
||||
$('form[name=postcontrols]').on('click', '.post-btn', function (e) {
|
||||
e.preventDefault();
|
||||
var post = e.target.parentElement.parentElement;
|
||||
$('.post-menu').remove();
|
||||
|
||||
if ($(e.target).hasClass('post-btn-open')) {
|
||||
$('.post-btn-open').removeClass('post-btn-open');
|
||||
} else {
|
||||
// close previous button
|
||||
$('.post-btn-open').removeClass('post-btn-open');
|
||||
$(post).find('.post-btn').addClass('post-btn-open');
|
||||
|
||||
buildMenu(e);
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', function (e){
|
||||
if ($(e.target).hasClass('post-btn') || $(e.target).hasClass('post-submenu'))
|
||||
return;
|
||||
|
||||
$('.post-menu').remove();
|
||||
$('.post-btn-open').removeClass('post-btn-open');
|
||||
});
|
||||
|
||||
// on new posts
|
||||
$(document).on('new_post', function (e, post) {
|
||||
addButton(post);
|
||||
});
|
||||
|
||||
$(document).trigger('menu_ready');
|
||||
});
|
||||
|
|
@ -283,7 +283,7 @@
|
|||
$postForm.find('br').remove();
|
||||
$postForm.find('table').prepend('<tr><th colspan="2">\
|
||||
<span class="handle">\
|
||||
<a class="close-btn" href="javascript:void(0)">X</a>\
|
||||
<a class="close-btn" href="javascript:void(0)">×</a>\
|
||||
' + _('Quick Reply') + '\
|
||||
</span>\
|
||||
</th></tr>');
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ var update_own = function() {
|
|||
|
||||
if (posts[board] && posts[board].indexOf(id) !== -1) { // Own post!
|
||||
$(this).addClass('you');
|
||||
$(this).find('span.name').first().append(' '+_('(You)'));
|
||||
$(this).find('span.name').first().append(' <span class="own_post">'+_('(You)')+'</span>');
|
||||
}
|
||||
|
||||
// Update references
|
||||
|
|
|
|||
|
|
@ -28,10 +28,10 @@ watchlist.render = function(reset) {
|
|||
JSON.parse(localStorage.watchlist).forEach(function(e, i) {
|
||||
//look at line 69, that's what (e) is here.
|
||||
threads.push('<div class="watchlist-inner" id="watchlist-'+i+'">' +
|
||||
'<span>Board: '+e[0]+'</span> ' +
|
||||
'<span>Thread: '+'<a href="'+e[3]+'">'+e[1]+'</a></span> ' +
|
||||
'<span>Replies: '+e[2]+'</span> ' +
|
||||
'<a class="watchlist-remove">[Unwatch]</a>'+
|
||||
'<span>/'+e[0]+'/ - ' +
|
||||
'<a href="'+e[3]+'">'+e[1].replace("thread_", _("Thread #"))+'</a>' +
|
||||
' ('+e[2]+') </span>' +
|
||||
'<a class="watchlist-remove">X</a>'+
|
||||
'</div>');
|
||||
});
|
||||
if ($('#watchlist').length) {
|
||||
|
|
@ -40,17 +40,15 @@ watchlist.render = function(reset) {
|
|||
$('#watchlist').append(threads.join(''));
|
||||
} else {
|
||||
//If the watchlist has not yet been rendered, create it.
|
||||
$('form[name="post"]').before(
|
||||
var menuStyle = getComputedStyle($('.boardlist')[0]);
|
||||
$((active_page == 'ukko') ? 'hr:first' : (active_page == 'catalog') ? 'body>span:first' : 'form[name="post"]').before(
|
||||
$('<div id="watchlist">'+
|
||||
'<div class="watchlist-controls">'+
|
||||
'<span><a id="clearList">[Clear List]</a></span> '+
|
||||
'<span><a id="clearGhosts">[Clear Ghosts]</a></span>'+
|
||||
'<span><a id="clearList">['+_('Clear List')+']</a></span> '+
|
||||
'<span><a id="clearGhosts">['+_('Clear Ghosts')+']</a></span>'+
|
||||
'</div>'+
|
||||
threads.join('')+
|
||||
'</div>').css({
|
||||
background: $('.reply').css('background'),
|
||||
borderColor : $('.reply').css('border-color')
|
||||
}));
|
||||
'</div>').css("background-color", menuStyle.backgroundColor).css("border", menuStyle.borderBottomWidth+" "+menuStyle.borderBottomStyle+" "+menuStyle.borderBottomColor));
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
|
@ -62,6 +60,8 @@ watchlist.render = function(reset) {
|
|||
watchlist.add = function(sel) {
|
||||
var threadName, threadInfo;
|
||||
|
||||
var board_name = $(sel).parents('.thread').data('board');
|
||||
|
||||
if (active_page === 'thread') {
|
||||
if ($('.subject').length){
|
||||
//If a subject is given, use the first 20 characters as the thread name.
|
||||
|
|
@ -72,7 +72,7 @@ watchlist.add = function(sel) {
|
|||
//board name, thread name as defined above, current amount of posts, thread url
|
||||
threadInfo = [board_name, threadName, $('.post').length, location.href];
|
||||
|
||||
} else if (active_page === 'index') {
|
||||
} else if (active_page === 'index' || active_page === 'ukko') {
|
||||
|
||||
var postCount;
|
||||
//Figure out the post count.
|
||||
|
|
@ -81,8 +81,8 @@ watchlist.add = function(sel) {
|
|||
} else {
|
||||
postCount = $(sel).parents('.op').siblings('.post').length+1;
|
||||
}
|
||||
//Grab the reply link.
|
||||
var threadLink = $(sel).siblings('a:contains("[Reply]")').attr('href');
|
||||
//Grab the reply link.;
|
||||
var threadLink = $(sel).siblings('a:not(.watchThread)').last().attr('href');
|
||||
//Figure out the thread name. If anon, use the thread id.
|
||||
if ($(sel).parent().find('.subject').length) {
|
||||
threadName = $(sel).parent().find('.subject').text().substring(0,20);
|
||||
|
|
@ -144,16 +144,21 @@ watchlist.exists = function(sel) {
|
|||
};
|
||||
|
||||
$(document).ready(function(){
|
||||
if (!(active_page == 'thread' || active_page == 'index' || active_page == 'catalog' || active_page == 'ukko')) {
|
||||
return;
|
||||
}
|
||||
|
||||
//Append the watchlist toggle button.
|
||||
$('.boardlist').append('<span>[ <a id="watchlist-toggle">watchlist</a> ]</span>');
|
||||
$('.boardlist').append('<span>[ <a class="watchlist-toggle" href="#">'+_('watchlist')+'</a> ]</span>');
|
||||
//Append a watch thread button after every OP.
|
||||
$('.op>.intro').append('<a class="watchThread">[Watch Thread]</a>');
|
||||
$('.op>.intro').append('<a class="watchThread" href="#">['+_('Watch Thread')+']</a>');
|
||||
|
||||
//Draw the watchlist, hidden.
|
||||
watchlist.render();
|
||||
|
||||
//Show or hide the watchlist.
|
||||
$('#watchlist-toggle').on('click', function(e) {
|
||||
$('.watchlist-toggle').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
//if ctrl+click, reset the watchlist.
|
||||
if (e.ctrlKey) {
|
||||
watchlist.render(true);
|
||||
|
|
@ -167,7 +172,8 @@ $(document).ready(function(){
|
|||
|
||||
//Trigger the watchlist add function.
|
||||
//The selector is passed as an argument in case the page is not a thread.
|
||||
$('.watchThread').on('click', function() {
|
||||
$('.watchThread').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
watchlist.add(this).render();
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ $(document).ready(function(){
|
|||
$('<style type="text/css"> img.hidden{ opacity: 0.1; background: grey; border: 1px solid #000; } </style>').appendTo($('head'));
|
||||
|
||||
var hideImage = function() {
|
||||
if ($(this).parent()[0].dataset.expanded == 'true') {
|
||||
if ($(this).parent().data('expanded') == 'true') {
|
||||
$(this).parent().click();
|
||||
}
|
||||
$(this)
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue