Show gray background in change-list for not applicable labels
Change-Id: Iafa00d98d09c95bfa5bd44c7b0de7e8c5569820f
This commit is contained in:
@@ -60,6 +60,9 @@ limitations under the License.
|
|||||||
.u-red {
|
.u-red {
|
||||||
color: #D32F2F;
|
color: #D32F2F;
|
||||||
}
|
}
|
||||||
|
.u-gray-background {
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<style include="gr-change-list-styles"></style>
|
<style include="gr-change-list-styles"></style>
|
||||||
<span class="cell keyboard">
|
<span class="cell keyboard">
|
||||||
|
|||||||
@@ -72,7 +72,7 @@
|
|||||||
|
|
||||||
_computeLabelTitle: function(change, labelName) {
|
_computeLabelTitle: function(change, labelName) {
|
||||||
var label = change.labels[labelName];
|
var label = change.labels[labelName];
|
||||||
if (!label) { return labelName; }
|
if (!label) { return 'Label not applicable'; }
|
||||||
var significantLabel = label.rejected || label.approved ||
|
var significantLabel = label.rejected || label.approved ||
|
||||||
label.disliked || label.recommended;
|
label.disliked || label.recommended;
|
||||||
if (significantLabel && significantLabel.name) {
|
if (significantLabel && significantLabel.name) {
|
||||||
@@ -102,6 +102,8 @@
|
|||||||
if (label.rejected) {
|
if (label.rejected) {
|
||||||
classes['u-red'] = true;
|
classes['u-red'] = true;
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
classes['u-gray-background'] = true;
|
||||||
}
|
}
|
||||||
return Object.keys(classes).sort().join(' ');
|
return Object.keys(classes).sort().join(' ');
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -51,9 +51,10 @@ limitations under the License.
|
|||||||
assert.equal(element._computeChangeStatusString({status: 'DRAFT'}),
|
assert.equal(element._computeChangeStatusString({status: 'DRAFT'}),
|
||||||
'Draft');
|
'Draft');
|
||||||
|
|
||||||
assert.equal(element._computeLabelClass({labels: {}}), 'cell label');
|
assert.equal(element._computeLabelClass({labels: {}}),
|
||||||
|
'cell label u-gray-background');
|
||||||
assert.equal(element._computeLabelClass(
|
assert.equal(element._computeLabelClass(
|
||||||
{labels: {}}, 'Verified'), 'cell label');
|
{labels: {}}, 'Verified'), 'cell label u-gray-background');
|
||||||
assert.equal(element._computeLabelClass(
|
assert.equal(element._computeLabelClass(
|
||||||
{labels: {Verified: {approved: true, value: 1}}}, 'Verified'),
|
{labels: {Verified: {approved: true, value: 1}}}, 'Verified'),
|
||||||
'cell label u-green u-monospace');
|
'cell label u-green u-monospace');
|
||||||
@@ -66,12 +67,18 @@ limitations under the License.
|
|||||||
assert.equal(element._computeLabelClass(
|
assert.equal(element._computeLabelClass(
|
||||||
{labels: {'Code-Review': {value: -1}}}, 'Code-Review'),
|
{labels: {'Code-Review': {value: -1}}}, 'Code-Review'),
|
||||||
'cell label u-monospace u-red');
|
'cell label u-monospace u-red');
|
||||||
|
assert.equal(element._computeLabelClass(
|
||||||
|
{labels: {'Code-Review': {value: -1}}}, 'Verified'),
|
||||||
|
'cell label u-gray-background');
|
||||||
|
|
||||||
assert.equal(element._computeLabelTitle({labels: {}}, 'Verified'),
|
assert.equal(element._computeLabelTitle({labels: {}}, 'Verified'),
|
||||||
'Verified');
|
'Label not applicable');
|
||||||
assert.equal(element._computeLabelTitle(
|
assert.equal(element._computeLabelTitle(
|
||||||
{labels: {Verified: {approved: {name: 'Diffy'}}}}, 'Verified'),
|
{labels: {Verified: {approved: {name: 'Diffy'}}}}, 'Verified'),
|
||||||
'Verified\nby Diffy');
|
'Verified\nby Diffy');
|
||||||
|
assert.equal(element._computeLabelTitle(
|
||||||
|
{labels: {Verified: {approved: {name: 'Diffy'}}}}, 'Code-Review'),
|
||||||
|
'Label not applicable');
|
||||||
assert.equal(element._computeLabelTitle(
|
assert.equal(element._computeLabelTitle(
|
||||||
{labels: {Verified: {rejected: {name: 'Diffy'}}}}, 'Verified'),
|
{labels: {Verified: {rejected: {name: 'Diffy'}}}}, 'Verified'),
|
||||||
'Verified\nby Diffy');
|
'Verified\nby Diffy');
|
||||||
|
|||||||
Reference in New Issue
Block a user