main.js
220 lines
| 6.4 KiB
| application/javascript
|
JavascriptLexer
|
r332 | /* | ||
@licstart The following is the entire license notice for the | ||||
JavaScript code in this page. | ||||
Copyright (C) 2013 neko259 | ||||
The JavaScript code in this page is free software: you can | ||||
redistribute it and/or modify it under the terms of the GNU | ||||
General Public License (GNU GPL) as published by the Free Software | ||||
Foundation, either version 3 of the License, or (at your option) | ||||
any later version. The code is distributed WITHOUT ANY WARRANTY; | ||||
without even the implied warranty of MERCHANTABILITY or FITNESS | ||||
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. | ||||
As additional permission under GNU GPL version 3 section 7, you | ||||
may distribute non-source (e.g., minimized or compacted) forms of | ||||
that code without the copy of the GNU GPL normally required by | ||||
section 4, provided you include this license notice and a URL | ||||
through which recipients can access the Corresponding Source. | ||||
@licend The above is the entire license notice | ||||
for the JavaScript code in this page. | ||||
*/ | ||||
|
r1432 | var ITEM_VOLUME_LEVEL = 'volumeLevel'; | ||
|
r1817 | var IMAGE_TYPES = ['png', 'jpg', 'jpeg', 'bmp']; | ||
|
r1340 | |||
|
r653 | /** | ||
* An email is a hidden file to prevent spam bots from posting. It has to be | ||||
* hidden. | ||||
*/ | ||||
function hideEmailFromForm() { | ||||
$('.form-email').parent().parent().hide(); | ||||
} | ||||
|
r703 | /** | ||
* Highlight code blocks with code highlighter | ||||
*/ | ||||
|
r709 | function highlightCode(node) { | ||
node.find('pre code').each(function(i, e) { | ||||
|
r703 | hljs.highlightBlock(e); | ||
}); | ||||
} | ||||
|
r1463 | function updateFavPosts(data) { | ||
|
r1340 | var includePostBody = $('#fav-panel').is(":visible"); | ||
|
r1463 | |||
var allNewPostCount = 0; | ||||
|
r1340 | if (includePostBody) { | ||
|
r1463 | var favoriteThreadPanel = $('#fav-panel'); | ||
favoriteThreadPanel.empty(); | ||||
|
r1340 | } | ||
|
r1463 | |||
$.each($.parseJSON(data), function (_, dict) { | ||||
var newPostCount = dict.new_post_count; | ||||
allNewPostCount += newPostCount; | ||||
|
r1340 | |||
|
r1463 | if (includePostBody) { | ||
var favThreadNode = $('<div class="post"></div>'); | ||||
favThreadNode.append($(dict.post_url)); | ||||
favThreadNode.append(' '); | ||||
favThreadNode.append($('<span class="title">' + dict.title + '</span>')); | ||||
if (newPostCount > 0) { | ||||
favThreadNode.append(' (<a href="' + dict.newest_post_link + '">+' + newPostCount + "</a>)"); | ||||
|
r1340 | } | ||
|
r1463 | favoriteThreadPanel.append(favThreadNode); | ||
|
r1340 | |||
|
r1463 | addRefLinkPreview(favThreadNode[0]); | ||
} | ||||
}); | ||||
|
r1340 | |||
|
r1463 | var newPostCountNode = $('#new-fav-post-count'); | ||
if (allNewPostCount > 0) { | ||||
newPostCountNode.text('(+' + allNewPostCount + ')'); | ||||
newPostCountNode.show(); | ||||
} else { | ||||
newPostCountNode.hide(); | ||||
} | ||||
|
r1340 | } | ||
function initFavPanel() { | ||||
|
r1463 | var favPanelButton = $('#fav-panel-btn'); | ||
|
r1465 | if (favPanelButton.length > 0 && typeof SharedWorker != 'undefined') { | ||
|
r1463 | var worker = new SharedWorker($('body').attr('data-update-script')); | ||
worker.port.onmessage = function(e) { | ||||
updateFavPosts(e.data); | ||||
}; | ||||
|
r1466 | worker.onerror = function(event){ | ||
throw new Error(event.message + " (" + event.filename + ":" + event.lineno + ")"); | ||||
|
r1464 | }; | ||
|
r1463 | worker.port.start(); | ||
$(favPanelButton).click(function() { | ||||
var favPanel = $('#fav-panel'); | ||||
favPanel.toggle(); | ||||
worker.port.postMessage({ includePostBody: favPanel.is(':visible')}); | ||||
|
r1340 | |||
|
r1341 | return false; | ||
}); | ||||
|
r1340 | |||
|
r1341 | $(document).on('keyup.removepic', function(e) { | ||
if(e.which === 27) { | ||||
$('#fav-panel').hide(); | ||||
} | ||||
}); | ||||
} | ||||
|
r1340 | } | ||
|
r1432 | function setVolumeLevel(level) { | ||
localStorage.setItem(ITEM_VOLUME_LEVEL, level); | ||||
} | ||||
function getVolumeLevel() { | ||||
var level = localStorage.getItem(ITEM_VOLUME_LEVEL); | ||||
if (level == null) { | ||||
level = 1.0; | ||||
} | ||||
return level | ||||
} | ||||
function processVolumeUser(node) { | ||||
r1639 | if (!window.localStorage) return; | |||
|
r1432 | node.prop("volume", getVolumeLevel()); | ||
node.on('volumechange', function(event) { | ||||
setVolumeLevel(event.target.volume); | ||||
$("video,audio").prop("volume", getVolumeLevel()); | ||||
}); | ||||
} | ||||
/** | ||||
* Add all scripts than need to work on post, when the post is added to the | ||||
* document. | ||||
*/ | ||||
function addScriptsToPost(post) { | ||||
addRefLinkPreview(post[0]); | ||||
highlightCode(post); | ||||
processVolumeUser(post.find("video,audio")); | ||||
} | ||||
r1639 | /** | |||
* Fix compatibility issues with some rare browsers | ||||
*/ | ||||
function compatibilityCrutches() { | ||||
if (window.operamini) { | ||||
$('#form textarea').each(function() { this.placeholder = ''; }); | ||||
} | ||||
} | ||||
|
r1817 | function addContextMenu() { | ||
$.contextMenu({ | ||||
selector: '.file-menu', | ||||
trigger: 'left', | ||||
build: function($trigger, e) { | ||||
var fileSearchUrl = $trigger.data('search-url'); | ||||
var isImage = IMAGE_TYPES.indexOf($trigger.data('type')) > -1; | ||||
var hasUrl = fileSearchUrl.length > 0; | ||||
return { | ||||
items: { | ||||
duplicates: { | ||||
name: gettext('Duplicates search'), | ||||
callback: function(key, opts) { | ||||
window.location = '/feed/?image_hash=' + $trigger.data('hash'); | ||||
} | ||||
}, | ||||
google: { | ||||
name: 'Google', | ||||
visible: isImage && hasUrl, | ||||
callback: function(key, opts) { | ||||
window.location = 'https://www.google.com/searchbyimage?image_url=' + fileSearchUrl; | ||||
} | ||||
}, | ||||
iqdb: { | ||||
name: 'IQDB', | ||||
visible: isImage && hasUrl, | ||||
callback: function(key, opts) { | ||||
window.location = 'http://iqdb.org/?url=' + fileSearchUrl; | ||||
} | ||||
}, | ||||
tineye: { | ||||
name: 'TinEye', | ||||
visible: isImage && hasUrl, | ||||
callback: function(key, opts) { | ||||
window.location = 'http://tineye.com/search?url=' + fileSearchUrl; | ||||
} | ||||
} | ||||
}, | ||||
}; | ||||
} | ||||
}); | ||||
} | ||||
|
r54 | $( document ).ready(function() { | ||
|
r653 | hideEmailFromForm(); | ||
|
r54 | $("a[href='#top']").click(function() { | ||
$("html, body").animate({ scrollTop: 0 }, "slow"); | ||||
return false; | ||||
}); | ||||
|
r63 | |||
|
r270 | addImgPreview(); | ||
|
r272 | |||
|
r352 | addRefLinkPreview(); | ||
|
r703 | |||
|
r709 | highlightCode($(document)); | ||
|
r1340 | |||
initFavPanel(); | ||||
|
r1432 | |||
var volumeUsers = $("video,audio"); | ||||
processVolumeUser(volumeUsers); | ||||
r1639 | ||||
|
r1817 | addContextMenu(); | ||
r1639 | compatibilityCrutches(); | |||
|
r228 | }); | ||