Files
gerrit/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.js
Kasper Nilsson ea6830676d Add visual cue to assigned changes in dashboard
Changes in which you are the assignee are now indicated by a colorized
entry in the change dashboard. Unselected changes in which you are the
assignee are colored #fcfad6; selected changes in which you are the
assignee are colored #fcfaa6.

Also removes some unused properties in change-list-item.

Feature: Issue 5229
Change-Id: I2d0947ce7996a8ad3e7f9a1cb1d3623d05a2ade3
2017-01-13 16:47:55 -08:00

115 lines
3.1 KiB
JavaScript

// Copyright (C) 2016 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
(function() {
'use strict';
Polymer({
is: 'gr-change-list-item',
properties: {
visibleChangeTableColumns: Array,
labelNames: {
type: Array,
},
change: Object,
changeURL: {
type: String,
computed: '_computeChangeURL(change._number)',
},
showStar: {
type: Boolean,
value: false,
},
},
behaviors: [
Gerrit.ChangeTableBehavior,
Gerrit.RESTClientBehavior,
Gerrit.URLEncodingBehavior,
],
_computeChangeURL: function(changeNum) {
if (!changeNum) { return ''; }
return '/c/' + changeNum + '/';
},
_computeLabelTitle: function(change, labelName) {
var label = change.labels[labelName];
if (!label) { return 'Label not applicable'; }
var significantLabel = label.rejected || label.approved ||
label.disliked || label.recommended;
if (significantLabel && significantLabel.name) {
return labelName + '\nby ' + significantLabel.name;
}
return labelName;
},
_computeLabelClass: function(change, labelName) {
var label = change.labels[labelName];
// Mimic a Set.
var classes = {
'cell': true,
'label': true,
};
if (label) {
if (label.approved) {
classes['u-green'] = true;
}
if (label.value == 1) {
classes['u-monospace'] = true;
classes['u-green'] = true;
} else if (label.value == -1) {
classes['u-monospace'] = true;
classes['u-red'] = true;
}
if (label.rejected) {
classes['u-red'] = true;
}
} else {
classes['u-gray-background'] = true;
}
return Object.keys(classes).sort().join(' ');
},
_computeLabelValue: function(change, labelName) {
var label = change.labels[labelName];
if (!label) { return ''; }
if (label.approved) {
return '✓';
}
if (label.rejected) {
return '✕';
}
if (label.value > 0) {
return '+' + label.value;
}
if (label.value < 0) {
return label.value;
}
return '';
},
_computeProjectURL: function(project) {
return '/q/status:open+project:' +
this.encodeURL(project, false);
},
_computeProjectBranchURL: function(project, branch) {
// @see Issue 4255.
return this._computeProjectURL(project) +
'+branch:' + this.encodeURL(branch, false);
},
});
})();