Mark untrusted certificates as such in Linux UI.

chrome/browser/resources/options/certificate_tree.js

 // Copyright (c) 2010 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.
 
 cr.define('options', function() {
   const Tree = cr.ui.Tree;
   const TreeItem = cr.ui.TreeItem;
 
   /**
    * Creates a new tree item for certificate data.
    * @param {Object=} data Data used to create a certificate tree item.
    * @constructor
    * @extends {TreeItem}
    */
   function CertificateTreeItem(data) {
     // TODO(mattm): other columns
     var treeItem = new TreeItem({
       label: data.name,
       data: data
     });
     treeItem.__proto__ = CertificateTreeItem.prototype;
 
     if (data.icon) {
       treeItem.icon = data.icon;
     }
 
+    if (data.untrusted) {
+      var badge = document.createElement('span')
+      badge.textContent = (new LocalStrings()).getString("badgeUntrusted");

[mattm, 2011/06/29 01:12:07]

localStrings.getString

[agl, 2011/06/29 14:31:11]

Done.

+      badge.style.backgroundColor = 'pink'
+      badge.style.border = '1px solid red'
+      badge.style.borderRadius = '3px'
+      badge.style.marginLeft = '3px'
+      badge.style.paddingLeft = '1px'
+      badge.style.paddingRight = '1px'

[mattm, 2011/06/29 01:12:07]

Create a certificate_tree.css and put the style stuff there, then set the
element's class.  (Include the css from
chrome/browser/resources/options/options.html, next to the
certificate_manager.css one.)

[agl, 2011/06/29 14:31:11]

Done.

+      treeItem.labelElement.appendChild(badge)

[mattm, 2011/06/29 01:12:07]

From a UI perspective I wonder if it would look better with the badge before the
cert name instead of after it?  Or maybe  a red strike-through?  Well, I don't
really want to bikeshed on the UI details, just with a long cert name the
appended badge might require horizontal scrolling to see.

[agl, 2011/06/29 14:31:11]

I agree that there's a danger that a long cert name could push the badge past
the right edge. I've moved the badge to the beginning.

+    }
+
     return treeItem;
   }
 
   CertificateTreeItem.prototype = {
     __proto__: TreeItem.prototype,
 
     /**
      * The tree path id/.
      * @type {string}
      */
@@ skipping 74 matching lines @@
 
       cr.dispatchSimpleEvent(this, 'change');
     },
   };
 
   return {
     CertificatesTree: CertificatesTree
   };
 });