☰

Proxer-Subs/Scans -- UserScript

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

  1. // ==UserScript==
  2. // @name         Proxer-Subs/Scans -- UserScript
  3. // @namespace    
  4. // @version      1.5.4
  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.     buildGroups(inner,a,wrapper,div);
  104.     
  105.     //setStyle of Buttons
  106.     var color = "";
  107.     var setStyle = function () {  
  108.         for (var i = 0; i < 4; i++) {
  109.             if (color === "gray") {
  110.                 var buttons = document.getElementsByClassName('scriptButton');
  111.                 for (var j = 0; j < buttons.length; j++) {
  112.                     buttons[j].style.backgroundColor = "#5E5E5E";
  113.                     buttons[j].style.borderColor = "#FFF";
  114.                 };
  115.             }else if (color === "black") {
  116.                 var buttons = document.getElementsByClassName('scriptButton');
  117.                 for (var j = 0; j < buttons.length; j++) {
  118.                     buttons[j].style.backgroundColor = "#000";
  119.                     buttons[j].style.borderColor = "#FFF";
  120.                 };
  121.             }else if (color === "old_blue") {
  122.                 var buttons = document.getElementsByClassName('scriptButton');
  123.                 for (var j = 0; j < buttons.length; j++) {
  124.                     buttons[j].style.backgroundColor = "#F3FBFF";
  125.                     buttons[j].style.borderColor = "#000";
  126.                 };
  127.             }else{
  128.                 var buttons = document.getElementsByClassName('scriptButton');
  129.                 for (var j = 0; j < buttons.length; j++) {
  130.                     buttons[j].style.backgroundColor = "#F3FBFF";
  131.                     buttons[j].style.borderColor = "#000";
  132.                 };
  133.             };
  134.         };
  135.     };
  136.         
  137.     //Read Cookie
  138.     var name = "style=";
  139.     var cookieCheck = function () {
  140.         var ca = document.cookie.split(';');
  141.         for (var i = 0; i < ca.length; i++) {
  142.             var c = ca[i];
  143.             while (c.charAt(0) === " ") {
  144.                 c = c.substring(1);
  145.             };
  146.             if (c.indexOf(name) == 0) {
  147.                 color = c.substring(name.length,c.length);
  148.                 setStyle();
  149.             };
  150.         };
  151.         if (color === "") {
  152.             cookieCheck();
  153.         };
  154.     };
  155.     cookieCheck();
  156.     
  157. };
  158.  
  159. //Gruppiere Einträge
  160. var buildGroups = function (inner,a,wrapper,div) {
  161.     var projects = [];
  162.     var z = 0;
  163.     inner.getElementsByTagName('h3')[0].innerHTML = "Projekte";
  164.     for (var i = 0; i < a.length; i++) {
  165.         var num = a[i].match(/\d+/g);
  166.         var int = num[num.length-1];
  167.         if (int > 99) {
  168.             int = 2;
  169.         } else if (int > 9) {
  170.             int = 1;
  171.         } else {
  172.             int = 0;
  173.         };
  174.         a[i] = a[i].substring(0,a[i].length-2-int);
  175.         if (projects.length === 0) {
  176.             projects[z] = a[i];
  177.             z++;
  178.         }else{
  179.             var x = 0;
  180.             for (var j = 0; j < projects.length; j++) {
  181.                 if (a[i] !== projects[j]) {
  182.                     x++;
  183.                 };
  184.                 if (x === projects.length) {
  185.                     projects[z] = a[i];
  186.                     z++;
  187.                 };
  188.             };
  189.         };
  190.     };
  191.     
  192.     for (var i = 0; i < projects.length; i++) {
  193.         var br = document.createElement('br');
  194.         var hr = document.createElement('hr');
  195.         var pButton = document.createElement('span');
  196.         var img = document.createElement('img');
  197.         
  198.         //Set Image Attributes
  199.         img.setAttribute ("class","scriptButton");
  200.         img.setAttribute ("id","showProjectState"+i);
  201.         img.setAttribute ("style","display: inline; position: relative; top: 10px; left: 5px;");
  202.         
  203.         pButton.setAttribute ("class","scriptButton");
  204.         pButton.setAttribute ("id","projectButton"+i);
  205.         pButton.setAttribute ("style","cursor: pointer; display: inline;");
  206.         pButton.innerHTML = projects[i].substring(0,projects[i].length-16);
  207.         
  208.         wrapper.appendChild(pButton);
  209.         wrapper.appendChild(img);
  210.         wrapper.appendChild(hr);
  211.         wrapper.appendChild(br);
  212.         
  213.         var x = 0;
  214.         for (var j = 0; j < div.length; j++) {
  215.             var newDiv = document.getElementById('divID'+j);
  216.             var a = newDiv.getElementsByTagName('a')[0].innerHTML;
  217.             var num = a.match(/\d+/g);
  218.             var int = num[num.length-1];
  219.             if (int > 99) {
  220.                 int = 2;
  221.             } else if (int > 9) {
  222.                 int = 1;
  223.             } else {
  224.                 int = 0;
  225.             };
  226.             a = a.substring(0,a.length-2-int);
  227.             if (a === projects[i]) {
  228.                 if (newDiv.getElementsByClassName('nextState').length !== 0 || newDiv.getElementsByClassName('prevState').length !== 0) {
  229.                     x = 1;
  230.                 };
  231.                 newDiv.style.display = "none";
  232.                 newDiv.setAttribute("class","project"+i);
  233.                 wrapper.insertBefore(newDiv,pButton);
  234.             };
  235.         };
  236.         
  237.         if (x === 1) {
  238.             img.src = "/images/misc/offlineicon.png";
  239.         }else{
  240.             img.src = "/images/misc/onlineicon.png";
  241.         };
  242.         
  243.         document.getElementById('projectButton'+i).addEventListener("click",function () {
  244.             showHideProject(this.id);
  245.         })
  246.     };
  247. };
  248.  
  249. //Zeige/Verstecke eine Tabelle
  250. var showHide = function (id) {
  251.     var i = id.substring(10);
  252.     var button = document.getElementById(id);
  253.     if (table[i].style.display === "none") {
  254.         table[i].style.display = "inline";
  255.         var br = document.createElement('br');
  256.         button.innerHTML = "Tabelle ausblenden";
  257.         button.style.left = "0px";
  258.         button.parentNode.insertBefore(br,button)
  259.         document.getElementById("showState"+i).style.display = "none";
  260.     }else{
  261.         table[i].style.display = "none";
  262.         var parent = button.parentNode;
  263.         var br = parent.getElementsByTagName('br');
  264.         br = br[br.length-2];
  265.         button.innerHTML = "Tabelle anzeigen";
  266.         button.style.left = "10px";
  267.         parent.removeChild(br);
  268.         document.getElementById("showState"+i).style.display = "inline";
  269.     };
  270. };
  271.  
  272. //Zeige/Verstecke gruppierte Projekte
  273. var showHideProject = function (id) {
  274.     var i = id.substring(13);
  275.     var wrapper = document.getElementById('releaseWrapper');
  276.     var contents = wrapper.getElementsByClassName('project'+i);
  277.     for (var j = 0; j < contents.length; j++) {
  278.         if (contents[j].style.display === "none") {
  279.             contents[j].style.display = "block";
  280.             document.getElementById('projectButton'+i).style.borderWidth = "3px";
  281.         }else{
  282.             contents[j].style.display = "none";
  283.             document.getElementById('projectButton'+i).style.borderWidth = "1px";
  284.         };
  285.     };
  286. };