Collapsable Diffs (GitHub)

Adds a button that allows you to collapse an individual diff in a pull request

目前為 2015-12-19 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        Collapsable Diffs (GitHub)
// @namespace   chriskim06
// @description Adds a button that allows you to collapse an individual diff in a pull request
// @include     https://github.com/*/*/pull/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @version     1.3.1
// @grant       none
// @locale      en
// ==/UserScript==

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

$(function() {
  function collapsable() {
    if ($('#diff').length) {
      var expanded = '<a class="octicon-btn custom-collapsable" href="javascript:void(0)" onclick="return false;"><span class="octicon octicon-triangle-down "></span></a>';
      $('#diff').find('#files > div[id^="diff-"]').each(function() {
        var diff = $(this);
        diff.find('.file-info').prepend(expanded);
        var area = diff.children('.data.highlight.blob-wrapper');
        diff.find('.octicon-btn.custom-collapsable').on('click', function() {
          var icon = $(this).children(':first');
          if (icon.hasClass('octicon-triangle-down')) {
            icon.attr('class', 'octicon octicon-triangle-right');
          } else {
            icon.attr('class', 'octicon octicon-triangle-down');
          }
          area.slideToggle('fast');
        });
      });
    }
  }
  
  collapsable();
  
  window.$(document).on('pjax:end', function() {
    collapsable();
  });
});