blob: f8e7b61d13b8c182522054c2ccf7037d9398e84f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
// Copyright (c) 2012 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 */ var ListItem = cr.ui.ListItem;
/** @const */ var Grid = cr.ui.Grid;
/** @const */ var ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
/**
* Creates a new profile icon grid item.
* @param {Object} iconURL The profile icon URL.
* @constructor
* @extends {cr.ui.GridItem}
*/
function ProfilesIconGridItem(iconURL) {
var el = cr.doc.createElement('span');
el.iconURL_ = iconURL;
ProfilesIconGridItem.decorate(el);
return el;
}
/**
* Decorates an element as a profile grid item.
* @param {!HTMLElement} el The element to decorate.
*/
ProfilesIconGridItem.decorate = function(el) {
el.__proto__ = ProfilesIconGridItem.prototype;
el.decorate();
};
ProfilesIconGridItem.prototype = {
__proto__: ListItem.prototype,
/** @override */
decorate: function() {
ListItem.prototype.decorate.call(this);
var imageEl = cr.doc.createElement('img');
imageEl.className = 'profile-icon';
imageEl.style.content = getProfileAvatarIcon(this.iconURL_);
this.appendChild(imageEl);
this.className = 'profile-icon-grid-item';
},
};
var ProfilesIconGrid = cr.ui.define('grid');
ProfilesIconGrid.prototype = {
__proto__: Grid.prototype,
/** @override */
decorate: function() {
Grid.prototype.decorate.call(this);
this.selectionModel = new ListSingleSelectionModel();
},
/** @override */
createItem: function(iconURL) {
return new ProfilesIconGridItem(iconURL);
},
};
return {
ProfilesIconGrid: ProfilesIconGrid
};
});
|
