You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
445 lines
12 KiB
445 lines
12 KiB
function setupVideoObject(){
|
|
return {
|
|
target: null,
|
|
gifUrl: null,
|
|
name: null,
|
|
permalink: null
|
|
};
|
|
}
|
|
|
|
|
|
function getSettings( setting ){
|
|
var value = chrome.storage.sync.get( setting, function(obj){
|
|
settings = obj;
|
|
initExtension();
|
|
});
|
|
}
|
|
|
|
function setLilikLogo(){
|
|
jQuery(" header#top-nav a.logo").css({
|
|
"background-image": "url("+chrome.extension.getURL("assets/logo100.png")+")",
|
|
"background-repeat": "no-repeat",
|
|
"background-size": "30px 30px"
|
|
|
|
});
|
|
}
|
|
|
|
|
|
//roll out long post in home page:
|
|
function setLongPostListener(){
|
|
if( settings.long_post_visualization == "Sidebar" && settings.long_post_visualization_enabler){
|
|
|
|
jQuery("#list-view-2").on( "click", ".badge-evt.post-read-more", function( event ) {
|
|
event.preventDefault();
|
|
|
|
post = jQuery(event.target);
|
|
|
|
var sidebar = jQuery("#sidebar-content-mod");
|
|
sidebar.removeClass("closed");
|
|
sidebar.html("<img>");
|
|
|
|
var image = jQuery("#sidebar-content-mod img");
|
|
|
|
jQuery.get( post.attr('href'), function(content) {
|
|
image.attr("src", jQuery(content).find('.badge-item-img').attr("src"));
|
|
});
|
|
|
|
});
|
|
|
|
jQuery(document).on('scroll', function(){
|
|
closeSidebar();
|
|
});
|
|
|
|
}
|
|
if( settings.long_post_visualization == "Inline" && settings.long_post_visualization_enabler){
|
|
|
|
jQuery("#list-view-2").on( "click", ".badge-evt.post-read-more", function( event ) {
|
|
event.preventDefault();
|
|
|
|
post = jQuery(event.target);
|
|
|
|
|
|
var image = post.parents('article').find("img");
|
|
|
|
jQuery.get( post.attr('href'), function(content) {
|
|
image.attr("src", jQuery(content).find('.badge-item-img').attr("src"));
|
|
});
|
|
$(window).bind('scroll', post.parents('article').first(), function(event){
|
|
console.log(event);
|
|
console.log(event.data.offset());
|
|
if($(window).scrollTop() > (event.data.offset().top + event.data.height())) {
|
|
console.log('out');
|
|
$(window).unbind('scroll');
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
jQuery(document).on('scroll', function(){
|
|
closeSidebar();
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function closeSidebar(){
|
|
var sidebar = jQuery("#sidebar-content-mod");
|
|
if( !sidebar.hasClass('closed') ){
|
|
sidebar.addClass('closed');
|
|
}
|
|
}
|
|
|
|
function setupSidebar(){
|
|
if( !jQuery("#sidebar-content-mod").length ){
|
|
|
|
jQuery("#container").after("<div id='sidebar-content-mod' class='closed'></div>");
|
|
var menuHeight = jQuery("#top-nav").height();
|
|
$('html').keydown(function(e){
|
|
var sidebar = jQuery("#sidebar-content-mod");
|
|
if (sidebar.is(':visible')){
|
|
switch (e.keyCode){
|
|
case 38:
|
|
sidebar.scrollTop(sidebar.scrollTop()-20);
|
|
e.preventDefault();
|
|
break;
|
|
case 40:
|
|
sidebar.scrollTop(sidebar.scrollTop()+20);
|
|
e.preventDefault();
|
|
break;
|
|
}
|
|
var img = sidebar.find('img');
|
|
console.log(img.height(), -img.offset().top + parseInt(sidebar.css('top'),10));
|
|
if(img.height() <= -img.offset().top + parseInt(sidebar.css('top'),10)){
|
|
closeSidebar();
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
var pageHeight = jQuery(window).height();
|
|
jQuery("#sidebar-content-mod").css({"height": pageHeight, top: menuHeight});
|
|
|
|
}
|
|
|
|
//clean wake up overlay
|
|
function cleanWakeUp(){
|
|
if (settings.disable_wakeup_enabler) {
|
|
executeScriptOnPage('GAG.Configs._configs.configs.idlePopupIdleTime = 2147483647; clearTimeout(GAG.PageController._idlePopupTimer);');
|
|
}
|
|
}
|
|
|
|
//set a listener to videos right click
|
|
function setVideoListener(){
|
|
|
|
jQuery(".main-wrap").on('contextmenu', "video", function(e) {
|
|
currentVideo.target = jQuery(event.target);
|
|
currentVideo.gifUrl = currentVideo.target.parent().data("image");
|
|
currentVideo.name = currentVideo.target.parents("article").find("h2").text().trim() + ".gif";
|
|
});
|
|
|
|
jQuery(".main-wrap").on('contextmenu', "a", function(e) {
|
|
currentVideo.target = jQuery(event.target);
|
|
var previous = currentVideo.target.parents("article").prev();
|
|
var id = currentVideo.target.parents("article").data("entry-id");
|
|
|
|
if (previous.length > 0){
|
|
id = previous.data("entry-id");
|
|
}
|
|
currentVideo.permalink = [location.protocol, '//', location.host, location.pathname].join('') + "?id=" + id;
|
|
|
|
if (currentVideo.permalink == undefined){
|
|
console.log("Warning: unable to find the permalink for this post")
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function setOnNewNodeListener(){
|
|
jQuery(".main-wrap").on("DOMNodeInserted", function(e) {
|
|
if ( !updatingDom ){
|
|
updatingDom = true;
|
|
var element = jQuery(e.target);
|
|
showNSFWPost(element);
|
|
showVideoControls(element);
|
|
updatingDom = false;
|
|
}
|
|
});
|
|
}
|
|
function setOnWindowResizeListener(){
|
|
jQuery(window).on('resize', function(){
|
|
setupSidebar();
|
|
});
|
|
}
|
|
|
|
//download url
|
|
function downloadURI(uri, name){
|
|
|
|
var link = document.createElement("a");
|
|
link.download = name;
|
|
link.href = uri;
|
|
link.click();
|
|
}
|
|
|
|
function enableSoftTransitions( element ){
|
|
|
|
jQuery(element).addClass("softTransitions");
|
|
|
|
}
|
|
|
|
//night mode
|
|
function nightMode(){
|
|
if( hasComments())
|
|
setInvertCommentImages();
|
|
|
|
if( isNightTime() && settings.night_mode_enabler ){
|
|
toggleNight("on");
|
|
}
|
|
|
|
}
|
|
|
|
function isNightTime(){
|
|
|
|
var nightHour = 19;
|
|
var morningHour = 7;
|
|
if( typeof settings.night_mode_starting_hour != "undefined" ){
|
|
nightHour = settings.night_mode_starting_hour;
|
|
}
|
|
if( typeof settings.night_mode_ending_hour != "undefined"){
|
|
morningHour = settings.night_mode_ending_hour;
|
|
}
|
|
|
|
// if( getSetting("night_mode_starting_hour") ){
|
|
// nightHour = getSetting("night_mode_starting_hour");
|
|
// console.log(nightHour);
|
|
// }
|
|
|
|
var date = new Date();
|
|
var hours = date.getHours();
|
|
if( hours >= nightHour || hours <= morningHour)
|
|
return true;
|
|
else
|
|
return false;
|
|
}
|
|
function hasComments(){
|
|
return jQuery("#gcomment-widget-jsid-comment-sys").length;
|
|
}
|
|
|
|
function toggleNight( command ){
|
|
|
|
nightClass = "night";
|
|
var container = jQuery('#container');
|
|
var sectionHeader = jQuery('section.section-header');
|
|
|
|
if( hasComments())
|
|
var commentPosts = frames['gcomment-widget-jsid-comment-sys'].document.getElementsByClassName("post-comment")[0];
|
|
|
|
|
|
if( command ){
|
|
switch( command ){
|
|
case 'on':
|
|
container.addClass( nightClass );
|
|
sectionHeader.addClass( nightClass );
|
|
if( hasComments())
|
|
addClass( commentPosts, nightClass );
|
|
break;
|
|
case 'off':
|
|
container.removeClass( nightClass );
|
|
sectionHeader.removeClass( nightClass );
|
|
if( hasComments())
|
|
removeClass( commentPosts, nightClass );
|
|
|
|
break;
|
|
}
|
|
}else{
|
|
|
|
if( container.hasClass( nightClass ) ){
|
|
toggleNight("off");
|
|
}else{
|
|
toggleNight("on");
|
|
}
|
|
}
|
|
}
|
|
|
|
function setInvertCommentImages(){
|
|
// jQuery( "img", frames['gcomment-widget-jsid-comment-sys'].document ).css({"-webkit-filter" : "invert(100%)"});
|
|
|
|
var cssLink = document.createElement("link")
|
|
cssLink.href = chrome.extension.getURL("style.css");
|
|
cssLink.rel = "stylesheet";
|
|
cssLink.type = "text/css";
|
|
frames['gcomment-widget-jsid-comment-sys'].document.body.appendChild(cssLink);
|
|
|
|
}
|
|
|
|
function showNSFWPost(e){
|
|
if (e == undefined ){
|
|
jQuery(".badge-nsfw-entry-cover").each(function() {
|
|
showNSFWPost(jQuery(this));
|
|
});
|
|
}else{
|
|
e.find(".badge-nsfw-entry-cover").addBack(".badge-nsfw-entry-cover").each(function() {
|
|
var tmp = jQuery(this);
|
|
tmp.addClass("lilik-deobfuscated");
|
|
var imageSource = "http://img-9gag-fun.9cache.com/photo/" + tmp.parents("article").data("entry-id") + "_460s.jpg";
|
|
// TODO: isn't enough a string instead of a jquery object?
|
|
tmp.html( jQuery('<img/>', { src: imageSource } ));
|
|
//TODO: show NSFW gif
|
|
// tmp.find('img').hide();
|
|
// var video = jQuery('<video preload="auto" poster="http://img-9gag-fun.9cache.com/photo/' + tmp.parents("article").data("entry-id") + '_460s.jpg" loop/>');
|
|
// if (!tmp.hasClass("badge-evt")){
|
|
// video.width("600px");
|
|
// }else{
|
|
// video.width("500px");
|
|
// }
|
|
// tmp.addClass("badge-animated-cover badge-track badge-track-no-follow");
|
|
// divvo = jQuery('<div/>').addClass("badge-animated-container-animated");
|
|
// divvo.append(video);
|
|
// divvo.append('<div class="badge-animated-container-static gif-post presenting">\
|
|
// <img class="badge-item-img" src="http://img-9gag-fun.9cache.com/photo/aw7VWyQ_460s.jpg" alt="No diving zone" style="visibility: hidden;">\
|
|
// <span class="play badge-gif-play badge-auto-clicked">GIF</span>\
|
|
// </div>');
|
|
// tmp.append(divvo);
|
|
// video.append('<source/>').error(function() {
|
|
// // video not found, restore img
|
|
// video.parents('div.badge-animated-container-animated').remove();
|
|
// tmp.find('img').show();
|
|
// tmp.removeClass("badge-animated-cover badge-track badge-track-no-follow");
|
|
// if (!tmp.hasClass("badge-evt")){
|
|
// tmp.click(function(e){e.preventDefault();});
|
|
// tmp.addClass("badge-post-zoom zoomable").removeClass("badge-nsfw-entry-cover");
|
|
// }
|
|
// }).attr('src', 'http://img-9gag-fun.9cache.com/photo/' + tmp.parents("article").data("entry-id") + '_460sv.mp4', 'type', 'video/mp4');
|
|
// video.click(function(){
|
|
// if (this.paused == false) {
|
|
// this.pause();
|
|
// } else {
|
|
// this.play();
|
|
// }
|
|
// });
|
|
// divvo.click(function(e){
|
|
// e.stopPropagation();
|
|
// e.preventDefault();}
|
|
// );
|
|
});
|
|
}
|
|
}
|
|
|
|
function showNSFW(e){
|
|
if ( !jQuery("#jsid-upload-menu").not(".lilik-deobfuscated").is(":visible") && settings.nsfw_enabler){
|
|
showNSFWPost(e);
|
|
}
|
|
}
|
|
|
|
function showVideoControls(e){
|
|
if ( settings.video_controls_enabler ){
|
|
showVideoControlsPost(e);
|
|
}
|
|
}
|
|
|
|
function showVideoControlsPost(e){
|
|
if (e == undefined ){
|
|
jQuery("video").each(function() {
|
|
showVideoControlsPost(jQuery(this));
|
|
});
|
|
}else{
|
|
e.each(function() {
|
|
jQuery(this).find("video").addBack("video").on('play', function(event) {
|
|
setTimeout(function(element){jQuery(element).find("video").addBack("video").attr('controls',true);}, 2000, event.target);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
function toogleZoom(){
|
|
// TODO: comment and rewrite ammodo
|
|
if (settings.toogle_zoom_enabler) {
|
|
$('html').keydown(function(e){
|
|
switch (e.keyCode){
|
|
case 74:
|
|
case 75:
|
|
case 90:
|
|
if (jQuery("#jsid-modal-post-zoom").is(':visible')){
|
|
executeScriptOnPage('jQuery("a.badge-overlay-close.close-button").click();');
|
|
}else if (e.keyCode == 90){
|
|
var a = jQuery('article.badge-in-view.badge-in-view-focus').first().find('a').first();
|
|
//a.click(function(e){e.preventDefault();});
|
|
a.addClass("badge-post-zoom zoomable");
|
|
executeScriptOnPage('jQuery("article.badge-in-view.badge-in-view-focus").first().find("a").first().click()');
|
|
a.removeClass("badge-post-zoom zoomable");
|
|
}
|
|
break;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
//init everything
|
|
|
|
jQuery(document).ready(function() {
|
|
updatingDom = false;
|
|
getSettings();
|
|
});
|
|
|
|
function initExtension(){
|
|
showNSFW();
|
|
showVideoControls()
|
|
|
|
setOnNewNodeListener();
|
|
setOnWindowResizeListener();
|
|
setLongPostListener();
|
|
toogleZoom();
|
|
|
|
cleanWakeUp();
|
|
|
|
// TODO: this object is not in the right place:
|
|
currentVideo = setupVideoObject();
|
|
setVideoListener();
|
|
|
|
enableSoftTransitions(jQuery("#container"));
|
|
|
|
setupSidebar();
|
|
|
|
nightMode();
|
|
setLilikLogo();
|
|
|
|
console.log("9gag Mod Successfully Loaded!");
|
|
}
|
|
chrome.extension.onMessage.addListener(
|
|
function(request, sender, sendResponse) {
|
|
switch (request.command){
|
|
case "copyGifUrl":
|
|
sendResponse({ url: currentVideo.gifUrl });
|
|
break;
|
|
case "copyPostPermalink":
|
|
sendResponse({ url: currentVideo.permalink });
|
|
break;
|
|
case "downloadGif":
|
|
downloadURI( currentVideo.gifUrl , currentVideo.name);
|
|
break;
|
|
}
|
|
}
|
|
);
|
|
|
|
// javascript utils to manipulate classes:
|
|
// necessary to hack the comments css
|
|
|
|
function hasClass(ele,cls) {
|
|
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
|
|
}
|
|
function addClass(ele,cls) {
|
|
if (!this.hasClass(ele,cls)) ele.className += " "+cls;
|
|
}
|
|
function removeClass(ele,cls) {
|
|
if (hasClass(ele,cls)) {
|
|
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
|
|
ele.className=ele.className.replace(reg,' ');
|
|
}
|
|
}
|
|
|
|
function executeScriptOnPage(code){
|
|
var s = document.createElement('script');
|
|
s.type = "text/javascript";
|
|
s.textContent = code;
|
|
(document.head||document.documentElement).appendChild(s);
|
|
}
|