Collapsable Diffs (GitHub)

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

当前为 2015-12-19 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 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
// @grant       none
// @locale      en
// ==/UserScript==

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

$(function() {
  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() {
      $(this).find('.file-info').prepend(expanded);
      var area = $(this).children('.data.highlight.blob-wrapper');
      $('.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');
      });
    });
  }
});