☰

Proxer-Subs/Scans -- UserScript

Dieses Script verbessert die User-Freundlichkeit der "Meine-Projekte" Liste

目前為 2015-07-21 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Proxer-Subs/Scans -- UserScript
  3. // @namespace    
  4. // @version      1.5.2
  5. // @description  Dieses Script verbessert die User-Freundlichkeit der "Meine-Projekte" Liste
  6. // @author       Dominik Bissinger alias Nihongasuki
  7. // @include      http://proxer.me/*
  8. // @include      https://proxer.me/*
  9. // @include      http://www.proxer.me/*
  10. // @include      https://www.proxer.me/*        
  11. // @run-at       document-start
  12. // ==/UserScript==
  13.  
  14. //Run main after page load and add Eventlistener for AJAX Events
  15. document.addEventListener('DOMContentLoaded', function(event) {
  16.     $(document).ajaxSuccess (function () {
  17.         main();
  18.     });
  19.     main();
  20. });
  21.  
  22. //Main Funktion
  23. var table = [];
  24. var main = function () {
  25.     //Check if correct Location to run
  26.     if (window.location.href.indexOf('subs?s=my') === -1 || window.location.href.indexOf('forum') > -1) {return;};
  27.     //Check if Tool already ran
  28.     if (document.getElementsByClassName('scriptButton').length !== 0) {return;};
  29.     
  30.     //create new Style Element to set the buttons general Style
  31.     var style = document.createElement('style');
  32.     style.innerHTML = "\
  33.     .scriptButton {\
  34.         height: 20px; \
  35.         border-style: solid;\
  36.         border-width: 1px; \
  37.         padding: 5px; \
  38.         border-radius: 10px;\
  39.     }\
  40.     ";
  41.     document.head.appendChild(style);
  42.     
  43.     //get importat Elements and create Variables
  44.     var inner = document.getElementsByClassName('inner')[0];
  45.     var div = inner.getElementsByTagName('div');
  46.     table = [];
  47.     var a = [];
  48.     
  49.     //create Wrapper (for easier programming)
  50.     var wrapper = document.createElement('span');
  51.     wrapper.setAttribute ("id","releaseWrapper");
  52.     inner.insertBefore(wrapper,div[0]);
  53.     
  54.     //loop through all Entries
  55.     for (var i = 0; i < div.length; i++) {
  56.         //move div into wrapper
  57.         wrapper.appendChild(div[i]);
  58.         
  59.         //give div ID
  60.         div[i].setAttribute("id","divID"+i)
  61.         
  62.         //get Links InnerHTML
  63.         a[i] = div[i].getElementsByTagName('a')[0].innerHTML;
  64.         
  65.         //Remove Table
  66.         table[i] = div[i].getElementsByTagName('table')[0];
  67.         table[i].style.display = "none";
  68.         
  69.         //Create Button and Image
  70.         var hr = div[i].getElementsByTagName('hr')[0];
  71.         var br = document.createElement('br');
  72.         var newSpan = document.createElement('span');
  73.         var img = document.createElement('img');
  74.         
  75.         //Set Image Attributes
  76.         img.setAttribute ("class","scriptButton");
  77.         img.setAttribute ("id","showState"+i);
  78.         img.setAttribute ("style","display: inline; position: relative; top: 10px; left: 15px;");
  79.         if (div[i].getElementsByClassName('nextState').length !== 0 || div[i].getElementsByClassName('prevState').length !== 0) {
  80.             img.src = "/images/misc/offlineicon.png";
  81.         }else{
  82.             img.src = "/images/misc/onlineicon.png";
  83.         };
  84.         
  85.         //set Button Attributes
  86.         newSpan.setAttribute ("class","scriptButton");
  87.         newSpan.setAttribute ("id","hideButton"+i);
  88.         newSpan.setAttribute ("style","cursor: pointer; display: inline; position: relative; left: 10px;");
  89.         newSpan.innerHTML = "Tabelle anzeigen";
  90.         
  91.         //add Button and Image to Page
  92.         div[i].insertBefore(newSpan,hr);
  93.         div[i].insertBefore(img,hr);
  94.         div[i].appendChild(br);
  95.         
  96.         //addEventListeners
  97.         document.getElementById('hideButton'+i).addEventListener("click",function () {
  98.             showHide(this.id);
  99.         })
  100.     };
  101.     
  102.     //Create Groups by Project
  103.     var projects = [];
  104.     var z = 0;
  105.     inner.getElementsByTagName('h3')[0].innerHTML = "Projekte";
  106.     for (var i = 0; i < a.length; i++) {
  107.         a[i] = a[i].substring(0,a[i].length-2);
  108.         if (projects.length === 0) {
  109.             projects[z] = a[i];
  110.             z++;
  111.         }else{
  112.             var x = 0;
  113.             for (var j = 0; j < projects.length; j++) {
  114.                 if (a[i] !== projects[j]) {
  115.                     x++;
  116.                 };
  117.                 if (x === projects.length) {
  118.                     projects[z] = a[i];
  119.                     z++;
  120.                 };
  121.             };
  122.         };
  123.     };
  124.     
  125.     for (var i = 0; i < projects.length; i++) {
  126.         var br = document.createElement('br');
  127.         var hr = document.createElement('hr');
  128.         var pButton = document.createElement('span');
  129.         var img = document.createElement('img');
  130.         
  131.         //Set Image Attributes
  132.         img.setAttribute ("class","scriptButton");
  133.         img.setAttribute ("id","showProjectState"+i);
  134.         img.setAttribute ("style","display: inline; position: relative; top: 10px; left: 5px;");
  135.         
  136.         pButton.setAttribute ("class","scriptButton");
  137.         pButton.setAttribute ("id","projectButton"+i);
  138.         pButton.setAttribute ("style","cursor: pointer; display: inline;");
  139.         pButton.innerHTML = projects[i].substring(0,projects[i].length-16);
  140.         
  141.         wrapper.appendChild(pButton);
  142.         wrapper.appendChild(img);
  143.         wrapper.appendChild(hr);
  144.         wrapper.appendChild(br);
  145.         
  146.         var x = 0;
  147.         for (var j = 0; j < div.length; j++) {
  148.             var newDiv = document.getElementById('divID'+j);
  149.             var a = newDiv.getElementsByTagName('a')[0].innerHTML;
  150.             a = a.substring(0,a.length-2);
  151.             if (a === projects[i]) {
  152.                 if (newDiv.getElementsByClassName('nextState').length !== 0 || newDiv.getElementsByClassName('prevState').length !== 0) {
  153.                     x = 1;
  154.                 };
  155.                 newDiv.style.display = "none";
  156.                 newDiv.setAttribute("class","project"+i);
  157.                 wrapper.insertBefore(newDiv,pButton);
  158.             };
  159.         };
  160.         
  161.         if (x === 1) {
  162.             img.src = "/images/misc/offlineicon.png";
  163.         }else{
  164.             img.src = "/images/misc/onlineicon.png";
  165.         };
  166.         
  167.         document.getElementById('projectButton'+i).addEventListener("click",function () {
  168.             showHideProject(this.id);
  169.         })
  170.     };
  171.     
  172.     //setStyle of Buttons
  173.     var color = "";
  174.     var setStyle = function () {  
  175.         for (var i = 0; i < 4; i++) {
  176.             if (color === "gray") {
  177.                 var buttons = document.getElementsByClassName('scriptButton');
  178.                 for (var j = 0; j < buttons.length; j++) {
  179.                     buttons[j].style.backgroundColor = "#5E5E5E";
  180.                     buttons[j].style.borderColor = "#FFF";
  181.                 };
  182.             }else if (color === "black") {
  183.                 var buttons = document.getElementsByClassName('scriptButton');
  184.                 for (var j = 0; j < buttons.length; j++) {
  185.                     buttons[j].style.backgroundColor = "#000";
  186.                     buttons[j].style.borderColor = "#FFF";
  187.                 };
  188.             }else if (color === "old_blue") {
  189.                 var buttons = document.getElementsByClassName('scriptButton');
  190.                 for (var j = 0; j < buttons.length; j++) {
  191.                     buttons[j].style.backgroundColor = "#F3FBFF";
  192.                     buttons[j].style.borderColor = "#000";
  193.                 };
  194.             }else{
  195.                 var buttons = document.getElementsByClassName('scriptButton');
  196.                 for (var j = 0; j < buttons.length; j++) {
  197.                     buttons[j].style.backgroundColor = "#F3FBFF";
  198.                     buttons[j].style.borderColor = "#000";
  199.                 };
  200.             };
  201.         };
  202.     };
  203.         
  204.     //Read Cookie
  205.     var name = "style=";
  206.     var cookieCheck = function () {
  207.         var ca = document.cookie.split(';');
  208.         for (var i = 0; i < ca.length; i++) {
  209.             var c = ca[i];
  210.             while (c.charAt(0) === " ") {
  211.                 c = c.substring(1);
  212.             };
  213.             if (c.indexOf(name) == 0) {
  214.                 color = c.substring(name.length,c.length);
  215.                 setStyle();
  216.             };
  217.         };
  218.         if (color === "") {
  219.             cookieCheck();
  220.         };
  221.     };
  222.     cookieCheck();
  223.     
  224. };
  225.  
  226. //Zeige/Verstecke eine Tabelle
  227. var showHide = function (id) {
  228.     var i = id.substring(10);
  229.     if (table[i].style.display === "none") {
  230.         table[i].style.display = "inline";
  231.         document.getElementById(id).innerHTML = "Tabelle ausblenden";
  232.         document.getElementById(id).style.left = "0px";
  233.         document.getElementById("showState"+i).style.display = "none";
  234.     }else{
  235.         table[i].style.display = "none";
  236.         document.getElementById(id).innerHTML = "Tabelle anzeigen";
  237.         document.getElementById(id).style.left = "10px";
  238.         document.getElementById("showState"+i).style.display = "inline";
  239.     };
  240. };
  241.  
  242. //Zeige/Verstecke gruppierte Projekte
  243. var showHideProject = function (id) {
  244.     var i = id.substring(13);
  245.     var wrapper = document.getElementById('releaseWrapper');
  246.     var contents = wrapper.getElementsByClassName('project'+i);
  247.     for (var j = 0; j < contents.length; j++) {
  248.         if (contents[j].style.display === "none") {
  249.             contents[j].style.display = "block";
  250.             document.getElementById('projectButton'+i).style.borderWidth = "3px";
  251.         }else{
  252.             contents[j].style.display = "none";
  253.             document.getElementById('projectButton'+i).style.borderWidth = "1px";
  254.         };
  255.     };
  256. };