Improve tooltip of label columns in change list
Display account name of most significant label when available in addition to label name. Change-Id: Iaca7d5079328b766c6ca9d4230352634bfdecd80
This commit is contained in:
		
				
					committed by
					
						
						Dave Borowitz
					
				
			
			
				
	
			
			
			
						parent
						
							71cff028d2
						
					
				
				
					commit
					f6226a0b77
				
			@@ -76,9 +76,9 @@ limitations under the License.
 | 
			
		||||
      <span class="u-green"><span>+</span>[[change.insertions]]</span>,
 | 
			
		||||
      <span class="u-red"><span>-</span>[[change.deletions]]</span>
 | 
			
		||||
    </span>
 | 
			
		||||
    <span title="Code-Review"
 | 
			
		||||
    <span title$="[[_computeLabelTitle(change.labels.Code_Review, 'Code-Review')]]"
 | 
			
		||||
        class$="[[_computeLabelClass(change.labels.Code_Review)]]">[[_computeLabelValue(change.labels.Code_Review)]]</span>
 | 
			
		||||
    <span title="Verified"
 | 
			
		||||
    <span title$="[[_computeLabelTitle(change.labels.Verified, 'Verified')]]"
 | 
			
		||||
        class$="[[_computeLabelClass(change.labels.Verified)]]">[[_computeLabelValue(change.labels.Verified)]]</span>
 | 
			
		||||
  </template>
 | 
			
		||||
  <script>
 | 
			
		||||
@@ -125,6 +125,16 @@ limitations under the License.
 | 
			
		||||
        return '';
 | 
			
		||||
      },
 | 
			
		||||
 | 
			
		||||
      _computeLabelTitle: function(label, labelName) {
 | 
			
		||||
        if (!label) { return labelName; }
 | 
			
		||||
        var significantLabel = label.rejected || label.approved
 | 
			
		||||
            || label.disliked || label.recommended;
 | 
			
		||||
        if (significantLabel && significantLabel.name) {
 | 
			
		||||
          return labelName + '\nby ' + significantLabel.name;
 | 
			
		||||
        }
 | 
			
		||||
        return labelName;
 | 
			
		||||
      },
 | 
			
		||||
 | 
			
		||||
      _computeLabelClass: function(label) {
 | 
			
		||||
        // Mimic a Set.
 | 
			
		||||
        var classes = {
 | 
			
		||||
 
 | 
			
		||||
@@ -63,6 +63,36 @@ limitations under the License.
 | 
			
		||||
      assert.equal(element._computeLabelClass({value: -1}),
 | 
			
		||||
          'cell label u-monospace u-red');
 | 
			
		||||
 | 
			
		||||
      assert.equal(element._computeLabelTitle({}, 'Verified'), 'Verified');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {approved: {name: 'Diffy'}}, 'Verified'),
 | 
			
		||||
          'Verified\nby Diffy');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {rejected: {name: 'Diffy'}}, 'Verified'),
 | 
			
		||||
          'Verified\nby Diffy');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {disliked: {name: 'Diffy'}, value: -1}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Diffy');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {recommended: {name: 'Diffy'}, value: 1}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Diffy');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {recommended: {name: 'Diffy'},
 | 
			
		||||
          rejected: {name: 'Admin'}}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Admin');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {approved: {name: 'Diffy'},
 | 
			
		||||
          rejected: {name: 'Admin'}}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Admin');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {recommended: {name: 'Diffy'},
 | 
			
		||||
          disliked: {name: 'Admin'}, value: -1}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Admin');
 | 
			
		||||
      assert.equal(element._computeLabelTitle(
 | 
			
		||||
          {approved: {name: 'Diffy'},
 | 
			
		||||
          disliked: {name: 'Admin'}, value: -1}, 'Code-Review'),
 | 
			
		||||
          'Code-Review\nby Diffy');
 | 
			
		||||
 | 
			
		||||
      assert.equal(element._computeLabelValue(), '');
 | 
			
		||||
      assert.equal(element._computeLabelValue({}), '');
 | 
			
		||||
      assert.equal(element._computeLabelValue({approved: true, value: 1}),
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user