mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-30 02:32:42 +01:00
Show a tooltip about code coverage
Summary: - Show a tip in the margin about what coverage colors mean. - Highlight the line when mousing over coverage. - Randomly change the colors to different colors. - Fix a bug with "show more" that I introduced with the other coverage diff (oops!) Test Plan: Moused over coverage things. Reviewers: tuomaspelkonen, btrahan Reviewed By: tuomaspelkonen CC: aran, epriestley Maniphest Tasks: T965 Differential Revision: https://secure.phabricator.com/D1874
This commit is contained in:
parent
ac09345083
commit
b537d1ec01
5 changed files with 157 additions and 90 deletions
|
@ -172,7 +172,7 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'differential-changeset-view-css' =>
|
||||
array(
|
||||
'uri' => '/res/45e4ad43/rsrc/css/application/differential/changeset-view.css',
|
||||
'uri' => '/res/4d6b4fc5/rsrc/css/application/differential/changeset-view.css',
|
||||
'type' => 'css',
|
||||
'requires' =>
|
||||
array(
|
||||
|
@ -585,7 +585,7 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'javelin-behavior-differential-populate' =>
|
||||
array(
|
||||
'uri' => '/res/3c430bff/rsrc/js/application/differential/behavior-populate.js',
|
||||
'uri' => '/res/8ea8cb57/rsrc/js/application/differential/behavior-populate.js',
|
||||
'type' => 'js',
|
||||
'requires' =>
|
||||
array(
|
||||
|
@ -593,6 +593,8 @@ celerity_register_resource_map(array(
|
|||
1 => 'javelin-workflow',
|
||||
2 => 'javelin-util',
|
||||
3 => 'javelin-dom',
|
||||
4 => 'javelin-stratcom',
|
||||
5 => 'phabricator-tooltip',
|
||||
),
|
||||
'disk' => '/rsrc/js/application/differential/behavior-populate.js',
|
||||
),
|
||||
|
@ -610,7 +612,7 @@ celerity_register_resource_map(array(
|
|||
),
|
||||
'javelin-behavior-differential-show-more' =>
|
||||
array(
|
||||
'uri' => '/res/68a8e485/rsrc/js/application/differential/behavior-show-more.js',
|
||||
'uri' => '/res/e92c5272/rsrc/js/application/differential/behavior-show-more.js',
|
||||
'type' => 'js',
|
||||
'requires' =>
|
||||
array(
|
||||
|
@ -1951,58 +1953,7 @@ celerity_register_resource_map(array(
|
|||
), array(
|
||||
'packages' =>
|
||||
array(
|
||||
'2af849fb' =>
|
||||
array(
|
||||
'name' => 'typeahead.pkg.js',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'javelin-typeahead',
|
||||
1 => 'javelin-typeahead-normalizer',
|
||||
2 => 'javelin-typeahead-source',
|
||||
3 => 'javelin-typeahead-preloaded-source',
|
||||
4 => 'javelin-typeahead-ondemand-source',
|
||||
5 => 'javelin-tokenizer',
|
||||
6 => 'javelin-behavior-aphront-basic-tokenizer',
|
||||
),
|
||||
'uri' => '/res/pkg/2af849fb/typeahead.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
31583232 =>
|
||||
array(
|
||||
'name' => 'maniphest.pkg.css',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'maniphest-task-summary-css',
|
||||
1 => 'maniphest-transaction-detail-css',
|
||||
2 => 'maniphest-task-detail-css',
|
||||
3 => 'aphront-attached-file-view-css',
|
||||
),
|
||||
'uri' => '/res/pkg/31583232/maniphest.pkg.css',
|
||||
'type' => 'css',
|
||||
),
|
||||
95944588 =>
|
||||
array(
|
||||
'name' => 'core.pkg.js',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'javelin-mask',
|
||||
1 => 'javelin-workflow',
|
||||
2 => 'javelin-behavior-workflow',
|
||||
3 => 'javelin-behavior-aphront-form-disable-on-submit',
|
||||
4 => 'phabricator-keyboard-shortcut-manager',
|
||||
5 => 'phabricator-keyboard-shortcut',
|
||||
6 => 'javelin-behavior-phabricator-keyboard-shortcuts',
|
||||
7 => 'javelin-behavior-refresh-csrf',
|
||||
8 => 'javelin-behavior-phabricator-watch-anchor',
|
||||
9 => 'javelin-behavior-phabricator-autofocus',
|
||||
10 => 'phabricator-paste-file-upload',
|
||||
11 => 'phabricator-menu-item',
|
||||
12 => 'phabricator-dropdown-menu',
|
||||
),
|
||||
'uri' => '/res/pkg/95944588/core.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
'400e80d0' =>
|
||||
'25a70a0c' =>
|
||||
array(
|
||||
'name' => 'differential.pkg.css',
|
||||
'symbols' =>
|
||||
|
@ -2020,9 +1971,25 @@ celerity_register_resource_map(array(
|
|||
10 => 'phabricator-content-source-view-css',
|
||||
11 => 'differential-local-commits-view-css',
|
||||
),
|
||||
'uri' => '/res/pkg/400e80d0/differential.pkg.css',
|
||||
'uri' => '/res/pkg/25a70a0c/differential.pkg.css',
|
||||
'type' => 'css',
|
||||
),
|
||||
'2af849fb' =>
|
||||
array(
|
||||
'name' => 'typeahead.pkg.js',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'javelin-typeahead',
|
||||
1 => 'javelin-typeahead-normalizer',
|
||||
2 => 'javelin-typeahead-source',
|
||||
3 => 'javelin-typeahead-preloaded-source',
|
||||
4 => 'javelin-typeahead-ondemand-source',
|
||||
5 => 'javelin-tokenizer',
|
||||
6 => 'javelin-behavior-aphront-basic-tokenizer',
|
||||
),
|
||||
'uri' => '/res/pkg/2af849fb/typeahead.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
'4fbae2af' =>
|
||||
array(
|
||||
'name' => 'javelin.pkg.js',
|
||||
|
@ -2093,7 +2060,7 @@ celerity_register_resource_map(array(
|
|||
'uri' => '/res/pkg/86fc0b0c/maniphest.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
'ffca9dae' =>
|
||||
'd87369d5' =>
|
||||
array(
|
||||
'name' => 'differential.pkg.js',
|
||||
'symbols' =>
|
||||
|
@ -2116,7 +2083,42 @@ celerity_register_resource_map(array(
|
|||
15 => 'javelin-behavior-differential-dropdown-menus',
|
||||
16 => 'javelin-behavior-buoyant',
|
||||
),
|
||||
'uri' => '/res/pkg/ffca9dae/differential.pkg.js',
|
||||
'uri' => '/res/pkg/d87369d5/differential.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
31583232 =>
|
||||
array(
|
||||
'name' => 'maniphest.pkg.css',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'maniphest-task-summary-css',
|
||||
1 => 'maniphest-transaction-detail-css',
|
||||
2 => 'maniphest-task-detail-css',
|
||||
3 => 'aphront-attached-file-view-css',
|
||||
),
|
||||
'uri' => '/res/pkg/31583232/maniphest.pkg.css',
|
||||
'type' => 'css',
|
||||
),
|
||||
95944588 =>
|
||||
array(
|
||||
'name' => 'core.pkg.js',
|
||||
'symbols' =>
|
||||
array(
|
||||
0 => 'javelin-mask',
|
||||
1 => 'javelin-workflow',
|
||||
2 => 'javelin-behavior-workflow',
|
||||
3 => 'javelin-behavior-aphront-form-disable-on-submit',
|
||||
4 => 'phabricator-keyboard-shortcut-manager',
|
||||
5 => 'phabricator-keyboard-shortcut',
|
||||
6 => 'javelin-behavior-phabricator-keyboard-shortcuts',
|
||||
7 => 'javelin-behavior-refresh-csrf',
|
||||
8 => 'javelin-behavior-phabricator-watch-anchor',
|
||||
9 => 'javelin-behavior-phabricator-autofocus',
|
||||
10 => 'phabricator-paste-file-upload',
|
||||
11 => 'phabricator-menu-item',
|
||||
12 => 'phabricator-dropdown-menu',
|
||||
),
|
||||
'uri' => '/res/pkg/95944588/core.pkg.js',
|
||||
'type' => 'js',
|
||||
),
|
||||
),
|
||||
|
@ -2126,7 +2128,7 @@ celerity_register_resource_map(array(
|
|||
'aphront-crumbs-view-css' => '78e8854e',
|
||||
'aphront-dialog-view-css' => '78e8854e',
|
||||
'aphront-form-view-css' => '78e8854e',
|
||||
'aphront-headsup-action-list-view-css' => '400e80d0',
|
||||
'aphront-headsup-action-list-view-css' => '25a70a0c',
|
||||
'aphront-list-filter-view-css' => '78e8854e',
|
||||
'aphront-pager-view-css' => '78e8854e',
|
||||
'aphront-panel-view-css' => '78e8854e',
|
||||
|
@ -2134,40 +2136,40 @@ celerity_register_resource_map(array(
|
|||
'aphront-table-view-css' => '78e8854e',
|
||||
'aphront-tokenizer-control-css' => '78e8854e',
|
||||
'aphront-typeahead-control-css' => '78e8854e',
|
||||
'differential-changeset-view-css' => '400e80d0',
|
||||
'differential-core-view-css' => '400e80d0',
|
||||
'differential-inline-comment-editor' => 'ffca9dae',
|
||||
'differential-local-commits-view-css' => '400e80d0',
|
||||
'differential-revision-add-comment-css' => '400e80d0',
|
||||
'differential-revision-comment-css' => '400e80d0',
|
||||
'differential-revision-comment-list-css' => '400e80d0',
|
||||
'differential-revision-detail-css' => '400e80d0',
|
||||
'differential-revision-history-css' => '400e80d0',
|
||||
'differential-table-of-contents-css' => '400e80d0',
|
||||
'differential-changeset-view-css' => '25a70a0c',
|
||||
'differential-core-view-css' => '25a70a0c',
|
||||
'differential-inline-comment-editor' => 'd87369d5',
|
||||
'differential-local-commits-view-css' => '25a70a0c',
|
||||
'differential-revision-add-comment-css' => '25a70a0c',
|
||||
'differential-revision-comment-css' => '25a70a0c',
|
||||
'differential-revision-comment-list-css' => '25a70a0c',
|
||||
'differential-revision-detail-css' => '25a70a0c',
|
||||
'differential-revision-history-css' => '25a70a0c',
|
||||
'differential-table-of-contents-css' => '25a70a0c',
|
||||
'diffusion-commit-view-css' => '61f9d480',
|
||||
'javelin-behavior' => '4fbae2af',
|
||||
'javelin-behavior-aphront-basic-tokenizer' => '2af849fb',
|
||||
'javelin-behavior-aphront-drag-and-drop' => 'ffca9dae',
|
||||
'javelin-behavior-aphront-drag-and-drop-textarea' => 'ffca9dae',
|
||||
'javelin-behavior-aphront-drag-and-drop' => 'd87369d5',
|
||||
'javelin-behavior-aphront-drag-and-drop-textarea' => 'd87369d5',
|
||||
'javelin-behavior-aphront-form-disable-on-submit' => '95944588',
|
||||
'javelin-behavior-buoyant' => 'ffca9dae',
|
||||
'javelin-behavior-differential-accept-with-errors' => 'ffca9dae',
|
||||
'javelin-behavior-differential-add-reviewers-and-ccs' => 'ffca9dae',
|
||||
'javelin-behavior-differential-comment-jump' => 'ffca9dae',
|
||||
'javelin-behavior-differential-diff-radios' => 'ffca9dae',
|
||||
'javelin-behavior-differential-dropdown-menus' => 'ffca9dae',
|
||||
'javelin-behavior-differential-edit-inline-comments' => 'ffca9dae',
|
||||
'javelin-behavior-differential-feedback-preview' => 'ffca9dae',
|
||||
'javelin-behavior-differential-keyboard-navigation' => 'ffca9dae',
|
||||
'javelin-behavior-differential-populate' => 'ffca9dae',
|
||||
'javelin-behavior-differential-show-more' => 'ffca9dae',
|
||||
'javelin-behavior-buoyant' => 'd87369d5',
|
||||
'javelin-behavior-differential-accept-with-errors' => 'd87369d5',
|
||||
'javelin-behavior-differential-add-reviewers-and-ccs' => 'd87369d5',
|
||||
'javelin-behavior-differential-comment-jump' => 'd87369d5',
|
||||
'javelin-behavior-differential-diff-radios' => 'd87369d5',
|
||||
'javelin-behavior-differential-dropdown-menus' => 'd87369d5',
|
||||
'javelin-behavior-differential-edit-inline-comments' => 'd87369d5',
|
||||
'javelin-behavior-differential-feedback-preview' => 'd87369d5',
|
||||
'javelin-behavior-differential-keyboard-navigation' => 'd87369d5',
|
||||
'javelin-behavior-differential-populate' => 'd87369d5',
|
||||
'javelin-behavior-differential-show-more' => 'd87369d5',
|
||||
'javelin-behavior-maniphest-batch-selector' => '86fc0b0c',
|
||||
'javelin-behavior-maniphest-transaction-controls' => '86fc0b0c',
|
||||
'javelin-behavior-maniphest-transaction-expand' => '86fc0b0c',
|
||||
'javelin-behavior-maniphest-transaction-preview' => '86fc0b0c',
|
||||
'javelin-behavior-phabricator-autofocus' => '95944588',
|
||||
'javelin-behavior-phabricator-keyboard-shortcuts' => '95944588',
|
||||
'javelin-behavior-phabricator-object-selector' => 'ffca9dae',
|
||||
'javelin-behavior-phabricator-object-selector' => 'd87369d5',
|
||||
'javelin-behavior-phabricator-watch-anchor' => '95944588',
|
||||
'javelin-behavior-refresh-csrf' => '95944588',
|
||||
'javelin-behavior-workflow' => '95944588',
|
||||
|
@ -2192,20 +2194,20 @@ celerity_register_resource_map(array(
|
|||
'maniphest-task-summary-css' => '31583232',
|
||||
'maniphest-transaction-detail-css' => '31583232',
|
||||
'phabricator-app-buttons-css' => '78e8854e',
|
||||
'phabricator-content-source-view-css' => '400e80d0',
|
||||
'phabricator-content-source-view-css' => '25a70a0c',
|
||||
'phabricator-core-buttons-css' => '78e8854e',
|
||||
'phabricator-core-css' => '78e8854e',
|
||||
'phabricator-directory-css' => '78e8854e',
|
||||
'phabricator-drag-and-drop-file-upload' => 'ffca9dae',
|
||||
'phabricator-drag-and-drop-file-upload' => 'd87369d5',
|
||||
'phabricator-dropdown-menu' => '95944588',
|
||||
'phabricator-jump-nav' => '78e8854e',
|
||||
'phabricator-keyboard-shortcut' => '95944588',
|
||||
'phabricator-keyboard-shortcut-manager' => '95944588',
|
||||
'phabricator-menu-item' => '95944588',
|
||||
'phabricator-object-selector-css' => '400e80d0',
|
||||
'phabricator-object-selector-css' => '25a70a0c',
|
||||
'phabricator-paste-file-upload' => '95944588',
|
||||
'phabricator-remarkup-css' => '78e8854e',
|
||||
'phabricator-shaped-request' => 'ffca9dae',
|
||||
'phabricator-shaped-request' => 'd87369d5',
|
||||
'phabricator-standard-page-view' => '78e8854e',
|
||||
'phabricator-transaction-view-css' => '78e8854e',
|
||||
'syntax-highlighting-css' => '78e8854e',
|
||||
|
|
|
@ -191,6 +191,8 @@ class DifferentialChangesetListView extends AphrontView {
|
|||
$mapping[$uniq_id] = $ref;
|
||||
}
|
||||
|
||||
require_celerity_resource('aphront-tooltip-css');
|
||||
|
||||
Javelin::initBehavior('differential-populate', array(
|
||||
'registry' => $mapping,
|
||||
'whitespace' => $this->whitespace,
|
||||
|
|
|
@ -81,11 +81,11 @@
|
|||
}
|
||||
|
||||
td.cov-U {
|
||||
background: #dd3300;
|
||||
background: #dd8866;
|
||||
}
|
||||
|
||||
td.cov-C {
|
||||
background: #0066ff;
|
||||
background: #66bbff;
|
||||
}
|
||||
|
||||
td.cov-N {
|
||||
|
@ -96,6 +96,18 @@ td.cov-X {
|
|||
background: #aa00aa;
|
||||
}
|
||||
|
||||
.differential-diff td.source-cov-C {
|
||||
background: #cceeff;
|
||||
}
|
||||
|
||||
.differential-diff td.source-cov-U {
|
||||
background: #ffbb99;
|
||||
}
|
||||
|
||||
.differential-diff td.source-cov-N {
|
||||
background: #f3f6ff;
|
||||
}
|
||||
|
||||
.differential-diff td.show-more,
|
||||
.differential-diff td.differential-shield {
|
||||
background: #ffffee;
|
||||
|
|
|
@ -4,6 +4,8 @@
|
|||
* javelin-workflow
|
||||
* javelin-util
|
||||
* javelin-dom
|
||||
* javelin-stratcom
|
||||
* phabricator-tooltip
|
||||
*/
|
||||
|
||||
JX.behavior('differential-populate', function(config) {
|
||||
|
@ -32,4 +34,53 @@ JX.behavior('differential-populate', function(config) {
|
|||
.start();
|
||||
}
|
||||
|
||||
var highlighted = null;
|
||||
var highlight_class = null;
|
||||
|
||||
JX.Stratcom.listen(
|
||||
['mouseover', 'mouseout'],
|
||||
['differential-changeset', 'tag:td'],
|
||||
function(e) {
|
||||
var t = e.getTarget();
|
||||
|
||||
// NOTE: Using className is not best practice, but the diff UI is perf
|
||||
// sensitive.
|
||||
if (!t.className.match(/cov/)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (e.getType() == 'mouseout') {
|
||||
JX.Tooltip.hide();
|
||||
if (highlighted) {
|
||||
JX.DOM.alterClass(highlighted, highlight_class, false);
|
||||
highlighted = null;
|
||||
}
|
||||
} else {
|
||||
highlight_class = null;
|
||||
var msg;
|
||||
if (t.className.match(/cov-C/)) {
|
||||
msg = 'Covered';
|
||||
highlight_class = 'source-cov-C';
|
||||
} else if (t.className.match(/cov-U/)) {
|
||||
msg = 'Not Covered';
|
||||
highlight_class = 'source-cov-U';
|
||||
} else if (t.className.match(/cov-N/)) {
|
||||
msg = 'Not Executable';
|
||||
highlight_class = 'source-cov-N';
|
||||
}
|
||||
|
||||
if (msg) {
|
||||
JX.Tooltip.show(t, 120, 'E', msg);
|
||||
}
|
||||
|
||||
if (highlight_class) {
|
||||
highlighted = t.previousSibling;
|
||||
JX.DOM.alterClass(highlighted, highlight_class, true);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
JX.behavior('differential-show-more', function(config) {
|
||||
|
||||
function onresponse(context, response) {
|
||||
var div = JX.$N('div', {}, JX.$H(response));
|
||||
var div = JX.$N('div', {}, JX.$H(response.changeset));
|
||||
var root = context.parentNode;
|
||||
copyRows(root, div, context);
|
||||
root.removeChild(context);
|
||||
|
|
Loading…
Reference in a new issue