Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 cr.define('options', function() { | 5 cr.define('options', function() { |
| 6 /** @const */ var Tree = cr.ui.Tree; | 6 /** @const */ var Tree = cr.ui.Tree; |
| 7 /** @const */ var TreeItem = cr.ui.TreeItem; | 7 /** @const */ var TreeItem = cr.ui.TreeItem; |
| 8 | 8 |
| 9 /** | 9 /** |
| 10 * Creates a new tree folder for certificate data. | |
| 11 * @param {Object=} data Data used to create a certificate tree folder. | |
| 12 * @constructor | |
| 13 * @extends {TreeItem} | |
| 14 */ | |
| 15 function CertificateTreeFolder(data) { | |
| 16 data.isCert = false; | |
| 17 var treeFolder = new TreeItem({ | |
| 18 label: data.name, | |
| 19 data: data | |
| 20 }); | |
| 21 treeFolder.__proto__ = CertificateTreeFolder.prototype; | |
| 22 | |
| 23 if (data.icon) { | |
| 24 treeFolder.icon = data.icon; | |
| 25 } | |
|
Evan Stade
2012/07/13 06:28:21
no curlies. In fact I don't think you even need th
mattm
2012/07/13 20:06:28
done
| |
| 26 | |
| 27 return treeFolder; | |
| 28 } | |
| 29 | |
| 30 CertificateTreeFolder.prototype = { | |
| 31 __proto__: TreeItem.prototype, | |
| 32 | |
| 33 /** | |
| 34 * The tree path id/. | |
| 35 * @type {string} | |
| 36 */ | |
| 37 get pathId() { | |
| 38 return this.data.id; | |
| 39 } | |
| 40 }; | |
| 41 | |
| 42 /** | |
| 10 * Creates a new tree item for certificate data. | 43 * Creates a new tree item for certificate data. |
| 11 * @param {Object=} data Data used to create a certificate tree item. | 44 * @param {Object=} data Data used to create a certificate tree item. |
| 12 * @constructor | 45 * @constructor |
| 13 * @extends {TreeItem} | 46 * @extends {TreeItem} |
| 14 */ | 47 */ |
| 15 function CertificateTreeItem(data) { | 48 function CertificateTreeItem(data) { |
| 49 data.isCert = true; | |
| 16 // TODO(mattm): other columns | 50 // TODO(mattm): other columns |
| 17 var treeItem = new TreeItem({ | 51 var treeItem = new TreeItem({ |
| 18 label: data.name, | 52 label: data.name, |
| 19 data: data | 53 data: data |
| 20 }); | 54 }); |
| 21 treeItem.__proto__ = CertificateTreeItem.prototype; | 55 treeItem.__proto__ = CertificateTreeItem.prototype; |
| 22 | 56 |
| 23 if (data.icon) { | 57 if (data.icon) { |
| 24 treeItem.icon = data.icon; | 58 treeItem.icon = data.icon; |
| 25 } | 59 } |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 36 } | 70 } |
| 37 | 71 |
| 38 CertificateTreeItem.prototype = { | 72 CertificateTreeItem.prototype = { |
| 39 __proto__: TreeItem.prototype, | 73 __proto__: TreeItem.prototype, |
| 40 | 74 |
| 41 /** | 75 /** |
| 42 * The tree path id/. | 76 * The tree path id/. |
| 43 * @type {string} | 77 * @type {string} |
| 44 */ | 78 */ |
| 45 get pathId() { | 79 get pathId() { |
| 46 var parent = this.parentItem; | 80 return this.parentItem.pathId + ',' + this.data.id; |
| 47 if (parent && parent instanceof CertificateTreeItem) { | |
| 48 return parent.pathId + ',' + this.data.id; | |
| 49 } else { | |
| 50 return this.data.id; | |
| 51 } | |
| 52 } | 81 } |
| 53 }; | 82 }; |
| 54 | 83 |
| 55 /** | 84 /** |
| 56 * Creates a new cookies tree. | 85 * Creates a new cookies tree. |
| 57 * @param {Object=} opt_propertyBag Optional properties. | 86 * @param {Object=} opt_propertyBag Optional properties. |
| 58 * @constructor | 87 * @constructor |
| 59 * @extends {Tree} | 88 * @extends {Tree} |
| 60 */ | 89 */ |
| 61 var CertificatesTree = cr.ui.define('tree'); | 90 var CertificatesTree = cr.ui.define('tree'); |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 98 * Populate the tree. | 127 * Populate the tree. |
| 99 * @param {Array} nodesData Nodes data array. | 128 * @param {Array} nodesData Nodes data array. |
| 100 */ | 129 */ |
| 101 populate: function(nodesData) { | 130 populate: function(nodesData) { |
| 102 this.clear(); | 131 this.clear(); |
| 103 | 132 |
| 104 for (var i = 0; i < nodesData.length; ++i) { | 133 for (var i = 0; i < nodesData.length; ++i) { |
| 105 var subnodes = nodesData[i]['subnodes']; | 134 var subnodes = nodesData[i]['subnodes']; |
| 106 delete nodesData[i]['subnodes']; | 135 delete nodesData[i]['subnodes']; |
| 107 | 136 |
| 108 var item = new CertificateTreeItem(nodesData[i]); | 137 var item = new CertificateTreeFolder(nodesData[i]); |
| 109 this.addAt(item, i); | 138 this.addAt(item, i); |
| 110 | 139 |
| 111 for (var j = 0; j < subnodes.length; ++j) { | 140 for (var j = 0; j < subnodes.length; ++j) { |
| 112 var subitem = new CertificateTreeItem(subnodes[j]); | 141 var subitem = new CertificateTreeItem(subnodes[j]); |
| 113 item.addAt(subitem, j); | 142 item.addAt(subitem, j); |
| 114 } | 143 } |
| 115 // Make tree expanded by default. | 144 // Make tree expanded by default. |
| 116 item.expanded = true; | 145 item.expanded = true; |
| 117 } | 146 } |
| 118 | 147 |
| 119 cr.dispatchSimpleEvent(this, 'change'); | 148 cr.dispatchSimpleEvent(this, 'change'); |
| 120 }, | 149 }, |
| 121 }; | 150 }; |
| 122 | 151 |
| 123 return { | 152 return { |
| 124 CertificatesTree: CertificatesTree | 153 CertificatesTree: CertificatesTree |
| 125 }; | 154 }; |
| 126 }); | 155 }); |
| 127 | 156 |
| OLD | NEW |