Widen Code Container and Hide Whitespace (GitHub)

Adds buttons to allow you to widen the container when viewing files and hide whitespace when viewing pull request diffs

Per 23-01-2016. Zie de nieuwste versie.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name        Widen Code Container and Hide Whitespace (GitHub)
// @namespace   chriskim06
// @description Adds buttons to allow you to widen the container when viewing files and hide whitespace when viewing pull request diffs
// @include     https://github.com/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @version     1.2.9
// @grant       none
// @locale      en
// ==/UserScript==

this.$ = this.jQuery = jQuery.noConflict(true);

$(function() {
    
  if ($('#user-links').length) {
    
    // Add buttons in the header navbar
    $('#user-links').prepend('<li class="header-nav-item"><a href="javascript:void(0)" id="hide-whitespace-button" class="header-nav-link tooltipped tooltipped-s" aria-label="Hide whitespace" onclick="return false;"><span class="octicon octicon-circle-slash"></span></a></li>');
    $('#user-links').prepend('<li class="header-nav-item"><a href="javascript:void(0)" id="code-widen-button" class="header-nav-link tooltipped tooltipped-s" aria-label="Widen code container" onclick="return false;"><span class="octicon octicon-mirror "></span></a></li>');
    
    // Toggle code container width on click
    $('#code-widen-button').click(function(e) {
      e.preventDefault();
      if ($('#files').length || $('.repository-content').find('.file').length) {
        if ($('#toc').find('.btn-group > a:nth-child(2)').hasClass('selected')) {
          return;
        }
        var container = $('.container.new-discussion-timeline.experiment-repo-nav');
        var expanded = $(window).width() * 0.9;
        if (container.width() < expanded) {
          container.css('width', expanded + 'px');
        } else {
          container.css('width', '980px');
        }
      }
      $(this).blur();
    });
    
    // Toggle page with ?w=1 appended to the url to show/hide whitespace
    $('#hide-whitespace-button').click(function(e) {
      e.preventDefault();
      var url = window.location.href;
      if ($('#files').length) {
        if (url.endsWith('?w=1')) {
          window.location.href = url.slice(0, -4);
        } else {
          window.location.href = url + '?w=1';
        }
      }
      $(this).blur();
    });
    
    // Reset container width on pull request pages if you leave the diff tab
    if ($('.tabnav-tab.js-pull-request-tab:last').hasClass('selected')) {
      $('.tabnav-tab.js-pull-request-tab:not(:last)').each(function() {
        $(this).click(function(e) {
          var container = $('.container.new-discussion-timeline.experiment-repo-nav');
          var expanded = $(window).width() * 0.9;
          if (container.width() >= expanded) {
            container.css('width', '980px');
          }
        });
      });
    }
  }
  
});