☰

Gelbooru KonaStyle

Changed gelbooru.com main theme to dark theme, similar to konachan style.

27.01.2015 itibariyledir. En son verisyonu görün.

  1. // ==UserScript==
  2. // @name         Gelbooru KonaStyle
  3. // @namespace    http://Aestellar.homepage/
  4. // @version      0.1
  5. // @description  Changed gelbooru.com main theme to dark theme, similar to konachan style.
  6. // @author       Aestellar
  7. // @match       *://gelbooru.com/*
  8. // @resource    gelbooruCss1 https://userstyles.org/styles/109424/gelbooru-konastyle.css
  9.  
  10. // @run-at      document-start
  11.  
  12. // ==/UserScript==
  13. (function(){
  14.     var win = window;
  15.     var ls = localStorage;
  16.     if(!!!win){
  17.         console.log(win + "Failed to load window object");
  18.         return;
  19.     }
  20.     
  21.     if(win.self != win.top){
  22.         return;
  23.     }
  24.     
  25.     var css = GM_getResourceText ("gelbooruCss1");
  26.     addStyle(css);
  27.     document.addEventListener("DOMContentLoaded",updateUI, false);
  28.     
  29.     function loadPrereq(){
  30.         var hrefVar = win.location.href;
  31.         if(/(htt[ps]:\/\/gelbooru\.com[\/]*)$/.test(hrefVar)){
  32.             document.body.className = 'main-page';
  33.         }
  34.         var t = document.createElement('d');
  35.         //Font awesome support Don't work with @requ
  36.         t.innerHTML = '<link rel="stylesheet" type="text/css" media="screen" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css" />';
  37.         t = t.children[0];
  38.         document.head.appendChild(t);
  39.     }
  40.     
  41.     function checkLastVisit(){
  42.         var timer = 7200000;
  43.         var lastVisit = parseInt(ls.getItem('lastVisit'));
  44.         var prevVisit = parseInt(ls.getItem('preLastVisit'));
  45.         
  46.         var currentVisit = new Date().valueOf();
  47.         if ((!lastVisit)||(!prevVisit)) {
  48.             updateLastVisit();      
  49.         }
  50.         if ((lastVisit + timer) < currentVisit) {
  51.             updateLastVisit();
  52.         }
  53.     }
  54.     
  55.     function updateLastVisit(){
  56.         var posts = 'http://gelbooru.com/index.php?page=post&s=list&tags=all';
  57.         handleXHRDoc(posts, function(doc){
  58.             var lastIdElt = doc.getElementsByClassName('thumb')[0];
  59.             var lastID = lastIdElt.getAttribute('id');
  60.             lastID = lastID.replace('s', '');
  61.             
  62.             if (!!ls.getItem('lastVisit')) {
  63.                 ls.setItem('preLastVisit',ls.getItem('lastVisit')); 
  64.             }
  65.             else{
  66.                 ls.setItem('preLastVisit',new Date().valueOf()); 
  67.             }
  68.             if (ls.getItem('lastImageId')) {
  69.                 ls.setItem('preImageId',ls.getItem('lastImageId'));
  70.             }
  71.             else{
  72.                 ls.setItem('preImageId',lastID);
  73.             }
  74.             
  75.             localStorage.setItem('lastVisit',new Date().valueOf());
  76.             localStorage.setItem('lastImageId', lastID);
  77.         });
  78.     }
  79.     
  80.     function getLastVisit(){
  81.         var t = localStorage.getItem('preLastVisit');
  82.         return parseInt(t);
  83.     }
  84.     
  85.     function getLastImageId(){
  86.         var t = localStorage.getItem('preImageId');
  87.         return parseInt(t);
  88.     }
  89.     
  90.     function submit(e){
  91.         var textElt = _$('#stags')||_$('#tags');
  92.         text = textElt.value;     
  93.         console.log(text);
  94.         text = applySearchFilters(text);
  95.         textElt.value = text;
  96.     }
  97.     
  98.     function applySearchFilters(text)
  99.     {
  100.         if (ls.getItem('onlyNewSearch')==='true') {
  101.             if (!!getLastImageId()) {
  102.                 text+=' id:>' + getLastImageId() + ' ';
  103.             };
  104.         };
  105.         return text;
  106.     }
  107.  
  108.     function replaceSubmit(){
  109.         var form = _$('.sidebar3 form');
  110.         form.onsubmit = submit;
  111.     }
  112.     
  113.     
  114.     
  115.     
  116.     function updateUI(){       
  117.         loadPrereq();
  118.         checkLastVisit();
  119.         replaceSubmit();   
  120.         updateNav();
  121.     }                
  122.     
  123.     function updateNav() {
  124.         var navBar = _$('#navbar');
  125.         var navBtn = document.createElement("li");
  126.         navBtn.classList.add('collapse-button');        
  127.         navBar.insertBefore(navBtn, navBar.firstChild);
  128.         
  129.         var sett = {name:'navCollapse', glyphOff:'fa fa-minus-square-o', glyphOn:'fa fa-plus-square-o', callbackOff:showNav, callbackOn:hideNav};
  130.         var collapseBtn = makeToggleButton(navBtn,sett);
  131.         makeUserNavBar();
  132.         
  133.         
  134.         
  135.         function hideNav(btn) {
  136.             var li, i;
  137.             for (i = 0; i < navBar.children.length; ++i) {
  138.                 li = navBar.children[i];
  139.                 if (!((hasClass(li, 'current-page'))
  140.                       || (hasClass(li, 'collapse-button')))) {
  141.                     li.style.display = 'none';
  142.                 }
  143.             }
  144.             var subNav = document.getElementById('subnavbar');
  145.             if(!!subNav){
  146.                 subNav.style.display = 'none';
  147.             }
  148.         }
  149.         function showNav(btn) {
  150.             var li, i;
  151.             for (i = 0; i < navBar.children.length; ++i) {
  152.                 li = navBar.children[i];
  153.                 if (!((hasClass(li, 'current-page'))
  154.                       || (hasClass(li, 'collapse-button')))) {
  155.                     li.style.display = 'inline-block';
  156.                 }
  157.             }
  158.             var subNav = document.getElementById('subnavbar');
  159.             if(!!subNav){
  160.                 subNav.style.display = 'block';
  161.             }
  162.         }
  163.     }    
  164.     
  165.     function makeUserNavBar()
  166.     {
  167.         var userBar = document.createElement('ul');
  168.         userBar.className = 'flat-list';
  169.         userBar.setAttribute('id', 'usernavbar');
  170.         var navBar = _$('#navbar'); 
  171.         var navParent = navBar.parentNode;
  172.         navParent.appendChild(userBar);
  173.         var fitBtn = document.createElement("li");
  174.         userBar.appendChild(fitBtn);
  175.         var imageFit = makeToggleButton(fitBtn, {name:'fitImage',
  176.                                                  glyphOff:'fa fa-compress',
  177.                                                  glyphOn:'fa fa-expand',
  178.                                                  callbackOff:fit,
  179.                                                  callbackOn:fit});
  180.         var img = _$('#image');
  181.         function fit(){
  182.             
  183.             var img = _$('#image');
  184.             if (img === undefined) {             
  185.                 return;
  186.             }
  187.             img.removeAttribute('width');
  188.             
  189.             img.removeAttribute('height');
  190.             if ((localStorage.getItem('fitImage')==='true')) {
  191.                 //img.setAttribute('max-width','100%');  
  192.                 img.style.maxWidth = '100%';         
  193.             }
  194.             else{
  195.                 img.style.maxWidth = '';
  196.                 //img.removeAttribute('max-width');
  197.             }
  198.         }
  199.         
  200.         if(!!img){
  201.             img.addEventListener('load', fit, false);          
  202.         }
  203.         
  204.         var advSearch = document.createElement('div');
  205.         advSearch.innerHTML = '<div id = "adv-search">\
  206.         <span>Advanced Search: </span>\
  207.         <span id = "only-new" style = "padding-right:3px;">Only new image </span>\
  208.         </div>';
  209.         advSearch = advSearch.firstChild;
  210.         userBar.appendChild(advSearch);
  211.         var onlyNew = document.getElementById('only-new');
  212.  
  213.         makeToggleButton(onlyNew, {name:'onlyNewSearch',
  214.                                      glyphOff:'fa fa-square-o',
  215.                                      glyphOn:'fa fa-check-square-o',
  216.                                      callbackOff:null,
  217.                                      callbackOn:null});
  218.         
  219.  
  220.  
  221.         
  222.     }   
  223.     
  224.     function makeAdvSearchPane()
  225.     {
  226.  
  227.     }
  228.  
  229.     function makeToggleButton(elem, settings){
  230.         var btn = new ButtonToggle(settings);
  231.         btn.bindElement(elem);
  232.         btn.load();
  233.         elem.addEventListener('click', btn.handlerClick, false);
  234.         return btn;
  235.     }   
  236.     
  237.     function ButtonToggle(settings) {
  238.         var self = this;
  239.         this.name = settings.name;
  240.         
  241.         this.active = false;
  242.         this.bindedElt = null;
  243.         this.glyphElt = document.createElement('i');
  244.         this.bindElement = function (elem) {
  245.             self.bindedElt = elem;
  246.             if (self.bindedElt.length > 0) {
  247.                 elem.insertChildBefore(self.glyphElt, elem.FirstChild);
  248.             }
  249.             else {
  250.                 elem.appendChild(self.glyphElt);
  251.             }
  252.         };
  253.         
  254.         this.glyphOn = settings.glyphOn;
  255.         this.glyphOff = settings.glyphOff;
  256.         this.callbackOn = settings.callbackOn;
  257.         this.callbackOff = settings.callbackOff;
  258.         this.save = function () {
  259.             localStorage.setItem(self.name, self.active);
  260.         };
  261.         this.load = function () {
  262.             var t = localStorage.getItem(self.name);
  263.             if (t === 'true') {
  264.                 self.setActive(true);
  265.             }
  266.             else {
  267.                 self.setActive(false);
  268.             }
  269.         };
  270.         this.handlerClick = function (e) {
  271.             if (self.active) {
  272.                 self.setActive(false);
  273.             }
  274.             
  275.             else {
  276.                 self.setActive(true);
  277.             }
  278.         };
  279.         
  280.         this.setActive = function (val) {
  281.             val = !!val;
  282.             self.active = val;
  283.             self.save(val);
  284.             
  285.             if (val) {
  286.                 if (!!self.bindedElt) {
  287.                     self.bindedElt.classList.add('active');                    
  288.                     self.glyphElt.className = self.glyphOn;
  289.                 }
  290.                 
  291.                 if (!!self.callbackOn) {
  292.                     self.callbackOn(self);
  293.                 }
  294.             }
  295.             
  296.             else {
  297.                 if (!!self.bindedElt) {
  298.                     self.bindedElt.classList.remove('active');
  299.                     self.glyphElt.className = self.glyphOff;
  300.                 }
  301.                 
  302.                 if (!!self.callbackOff) {
  303.                     self.callbackOff(self);
  304.                 }
  305.             }
  306.         };
  307.     }            
  308. })();
  309.  
  310. function handleXHRDoc(reqString, callback){
  311.     var doc = document.implementation.createHTMLDocument("example");
  312.     
  313.     var xmlhttp = new XMLHttpRequest();
  314.     xmlhttp.open('GET', reqString, true);
  315.     xmlhttp.send(null);
  316.     xmlhttp.onreadystatechange = handle;
  317.     
  318.     function handle(){              
  319.         if (xmlhttp.readyState == 4) {
  320.             if(xmlhttp.status == 200) {
  321.                 doc.documentElement.innerHTML = xmlhttp.responseText;
  322.                 console.log(doc);
  323.                 callback(doc);
  324.             }
  325.             
  326.             else{
  327.                 console.log('Error xhr of ' + reqString);
  328.             }
  329.         }
  330.     }    
  331. }
  332.  
  333.  
  334. //from http://stackoverflow.com/questions/2246901/how-can-i-use-jquery-in-greasemonkey-scripts-in-google-chrome
  335. function load(a, b, c) {
  336.     var d;
  337.     d = document.createElement("script"), d.setAttribute("src", a), b !== null && d.addEventListener("load", b), c !== null && d.addEventListener("error", c), document.body.appendChild(d);
  338.     return d;
  339. } 
  340. function execute(a) {
  341.     var b, c;
  342.     typeof a == "function" ? b = "(" + a + ")();" : b = a, c = document.createElement("script"), c.textContent = b, document.body.appendChild(c);
  343.     return c;
  344. }
  345. function loadAndExecute(a, b) {
  346.     return load(a, function () {
  347.         return execute(b);
  348.     });
  349. }
  350. //
  351. function _$(selector){
  352.     return document.querySelectorAll(selector)[0];
  353. }
  354.  
  355.  
  356.  
  357. function hasClass(elem, name) {
  358.     if (!!elem) {
  359.         if (!!elem.classList) {
  360.             if (elem.classList.contains(name)) {
  361.                 return true;
  362.             }
  363.         }
  364.     }
  365.     return false;
  366. }    
  367.  
  368. function addStyle(css){
  369.     if (typeof GM_addStyle != "undefined") {
  370.         GM_addStyle(css);
  371.     } else if (typeof PRO_addStyle != "undefined") {
  372.         PRO_addStyle(css);
  373.     } else if (typeof addStyle != "undefined") {
  374.         addStyle(css);
  375.     } else {
  376.         var node = document.createElement("style");
  377.         node.type = "text/css";
  378.         node.appendChild(document.createTextNode(css));
  379.         var heads = document.getElementsByTagName("head");
  380.         if (heads.length > 0) {
  381.             heads[0].appendChild(node); 
  382.         } else {
  383.             // no head yet, stick it whereever
  384.             document.documentElement.appendChild(node);
  385.         }
  386.     }   
  387. }