cbecb73ac1
On screens < 90em (approximately 1600px with default font size) wide,
the `Owner`, `Branch`, `Assignee`, and `Project` sections should
overflow with ellipses.
`Project` is handled as a special case -- because most long project
names usually resemble a directory structure, they are truncated to just
the last two parts of the path, with ellipsees appearing before the
leading slash.
Bug: Issue 4552
Change-Id: Icf882cbcecb741fb9e46141a1fa88f5987a3e674
(cherry picked from commit e420236caa)
126 lines
3.3 KiB
JavaScript
126 lines
3.3 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,
|
|
},
|
|
|
|
/** @type {?} */
|
|
change: Object,
|
|
changeURL: {
|
|
type: String,
|
|
computed: '_computeChangeURL(change)',
|
|
},
|
|
showStar: {
|
|
type: Boolean,
|
|
value: false,
|
|
},
|
|
showNumber: Boolean,
|
|
},
|
|
|
|
behaviors: [
|
|
Gerrit.BaseUrlBehavior,
|
|
Gerrit.ChangeTableBehavior,
|
|
Gerrit.PathListBehavior,
|
|
Gerrit.RESTClientBehavior,
|
|
Gerrit.URLEncodingBehavior,
|
|
],
|
|
|
|
_computeChangeURL(change) {
|
|
return Gerrit.Nav.getUrlForChange(change);
|
|
},
|
|
|
|
_computeLabelTitle(change, labelName) {
|
|
const label = change.labels[labelName];
|
|
if (!label) { return 'Label not applicable'; }
|
|
const significantLabel = label.rejected || label.approved ||
|
|
label.disliked || label.recommended;
|
|
if (significantLabel && significantLabel.name) {
|
|
return labelName + '\nby ' + significantLabel.name;
|
|
}
|
|
return labelName;
|
|
},
|
|
|
|
_computeLabelClass(change, labelName) {
|
|
const label = change.labels[labelName];
|
|
// Mimic a Set.
|
|
const 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(change, labelName) {
|
|
const 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(project) {
|
|
return Gerrit.Nav.getUrlForProject(project, true);
|
|
},
|
|
|
|
_computeProjectBranchURL(change) {
|
|
return Gerrit.Nav.getUrlForBranch(change.branch, change.project);
|
|
},
|
|
|
|
_computeTopicURL(change) {
|
|
if (!change.topic) { return ''; }
|
|
return Gerrit.Nav.getUrlForTopic(change.topic);
|
|
},
|
|
|
|
_computeTruncatedProject(project) {
|
|
if (!project) { return ''; }
|
|
return this.truncatePath(project, 2);
|
|
},
|
|
});
|
|
})();
|