☰

Gelbooru KonaStyle

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

2015/01/27のページです。最新版はこちら。

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