Implement easy GPU feature status summary.

chrome/browser/resources/gpu_internals/info_view.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 
 /**
  * @fileoverview This view displays information on the current GPU
  * hardware.  Its primary usefulness is to allow users to copy-paste
  * their data in an easy to read format for bug reports.
  */
@@ skipping 72 matching lines @@
           {
             description: 'Software rendering list version',
             value: this.clientInfo_.blacklist_version
           }]);
       } else {
         this.setText_('client-info', '... loading...');
       }
 
       // GPU info, basic
       var diagnostics = this.querySelector('.diagnostics');
-      var blacklistedIndicator = this.querySelector('.blacklisted-indicator');
+      var featureStatusList = this.querySelector('.feature-status-list');
+      var problemsDiv = this.querySelector('.problems-div');
+      var problemsList = this.querySelector('.problems-list');
       var gpuInfo = browserBridge.gpuInfo;
+      var i;
       if (gpuInfo) {
-        if (gpuInfo.blacklistingReasons) {
-          blacklistedIndicator.hidden = false;
-          // Not using jstemplate here because we need to manipulate
-          // href on the fly
-          var reasonsEl = blacklistedIndicator.querySelector(
-              '.blacklisted-reasons');
-          reasonsEl.textContent = '';
-          for (var i = 0; i < gpuInfo.blacklistingReasons.length; i++) {
-            var reason = gpuInfo.blacklistingReasons[i];
+        // Not using jstemplate here for blacklist status because we construct
+        // href from data, which jstemplate can't seem to do.
+        if (gpuInfo.blacklistStatus) {
+          console.log(JSON.stringify(gpuInfo.blacklistStatus));
+          // feature status list
+          featureStatusList.textContent = '';
+          for (i = 0; i < gpuInfo.blacklistStatus.featureStatus.length;
+               i++) {
+            var feature = gpuInfo.blacklistStatus.featureStatus[i];
+            var featureEl = document.createElement('li');
 
-            var reasonEl = document.createElement('li');
+            var nameEl = document.createElement('span');
+            nameEl.textContent = feature.name + ': ';
+            featureEl.appendChild(nameEl);
 
-            // Description of issue
-            var desc = document.createElement('a');
-            desc.textContent = reason.description;
-            reasonEl.appendChild(desc);
+            var statusEl = document.createElement('span');
+            statusEl.textContent = feature.enabled ? 'enabled' : 'disabled';
+            if (feature.enabled)
+              statusEl.className = 'feature-enabled';
+            else
+              statusEl.className = 'feature-disabled';
+            featureEl.appendChild(statusEl);
 
-            // Spacing ':' element
-            if (reason.cr_bugs.length + reason.webkit_bugs.length > 0) {
-              var tmp = document.createElement('span');
-              tmp.textContent = '  ';
-              reasonEl.appendChild(tmp);
+            featureStatusList.appendChild(featureEl);
+          }
+
+          // problems list
+          if (gpuInfo.blacklistStatus.problems.length) {
+            problemsDiv.hidden = false;
+            problemsList.textContent = '';
+            for (i = 0; i < gpuInfo.blacklistStatus.problems.length; i++) {
+              var problem = gpuInfo.blacklistStatus.problems[i];
+              var problemEl = this.createProblemEl_(problem);
+              problemsList.appendChild(problemEl);
             }
+          } else {
+            problemsDiv.hidden = true;
+          }
 
-            var nreasons = 0;
-            var j;
-            // cr_bugs
-            for (j = 0; j < reason.cr_bugs.length; ++j) {
-              if (nreasons > 0) {
-                var tmp = document.createElement('span');
-                tmp.textContent = ', ';
-                reasonEl.appendChild(tmp);
-              }
-
-              var link = document.createElement('a');
-              var bugid = parseInt(reason.cr_bugs[j]);
-              link.textContent = bugid;
-              link.href = 'http://crbug.com/' + bugid;
-              reasonEl.appendChild(link);
-              nreasons++;
-            }
-
-            for (j = 0; j < reason.webkit_bugs.length; ++j) {
-              if (nreasons > 0) {
-                var tmp = document.createElement('span');
-                tmp.textContent = ', ';
-                reasonEl.appendChild(tmp);
-              }
-
-              var link = document.createElement('a');
-              var bugid = parseInt(reason.webkit_bugs[j]);
-              link.textContent = bugid;
-
-              link.href = 'https://bugs.webkit.org/show_bug.cgi?id=' + bugid;
-              reasonEl.appendChild(link);
-              nreasons++;
-            }
-
-            reasonsEl.appendChild(reasonEl);
-          }
         } else {
-          blacklistedIndicator.hidden = true;
+          featureStatusList.textContent = '';
+          problemsList.hidden = true;
         }
         this.setTable_('basic-info', gpuInfo.basic_info);
 
         if (gpuInfo.diagnostics) {
           diagnostics.hidden = false;
           this.setTable_('diagnostics-table', gpuInfo.diagnostics);
         } else {
           diagnostics.hidden = true;
         }
       } else {
-        blacklistedIndicator.hidden = true;
         this.setText_('basic-info', '... loading ...');
         diagnostics.hidden = true;
+        featureStatusList.textContent = '';
+        problemsDiv.hidden = true;
       }
 
       // Log messages
       if (!browserBridge.debugMode) {
         jstProcess(new JsEvalContext({values: this.logMessages_}),
                    document.getElementById('log-messages'));
       }
     },
 
+    createProblemEl_: function(problem) {
+      var problemEl;
+      problemEl = document.createElement('li');
+
+      // Description of issue
+      var desc = document.createElement('a');
+      desc.textContent = problem.description;
+      problemEl.appendChild(desc);
+
+      // Spacing ':' element
+      if (problem.crBugs.length + problem.webkitBugs.length > 0) {
+        var tmp = document.createElement('span');
+        tmp.textContent = '  ';
+        problemEl.appendChild(tmp);
+      }
+
+      var nbugs = 0;
+      var j;
+
+      // crBugs
+      for (j = 0; j < problem.crBugs.length; ++j) {
+        if (nbugs > 0) {
+          var tmp = document.createElement('span');
+          tmp.textContent = ', ';
+          problemEl.appendChild(tmp);
+        }
+
+        var link = document.createElement('a');
+        var bugid = parseInt(problem.crBugs[j]);
+        link.textContent = bugid;
+        link.href = 'http://crbug.com/' + bugid;
+        problemEl.appendChild(link);
+        nbugs++;
+      }
+
+      for (j = 0; j < problem.webkitBugs.length; ++j) {
+        if (nbugs > 0) {
+          var tmp = document.createElement('span');
+          tmp.textContent = ', ';
+          problemEl.appendChild(tmp);
+        }
+
+        var link = document.createElement('a');
+        var bugid = parseInt(problem.webkitBugs[j]);
+        link.textContent = bugid;
+
+        link.href = 'https://bugs.webkit.org/show_bug.cgi?id=' + bugid;
+        problemEl.appendChild(link);
+        nbugs++;
+      }
+
+      return problemEl;
+    },
+
     setText_: function(outputElementId, text) {
       var peg = document.getElementById(outputElementId);
       peg.innerText = text;
     },
 
     setTable_: function(outputElementId, inputData) {
       var template = jstGetTemplate('info-view-table-template');
       jstProcess(new JsEvalContext({value: inputData}),
                  template);
 
       var peg = document.getElementById(outputElementId);
       if (!peg)
         throw new Error('Node ' + outputElementId + ' not found');
 
       peg.innerHTML = '';
       peg.appendChild(template);
     }
   };
 
   return {
     InfoView: InfoView
   };
 });