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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
// 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.
/**
* @fileoverview The recently closed menu: button, model data, and menu.
*/
cr.define('ntp', function() {
'use strict';
/**
* Returns the text used for a recently closed window.
* @param {number} numTabs Number of tabs in the window.
* @return {string} The text to use.
*/
function formatTabsText(numTabs) {
if (numTabs == 1)
return loadTimeData.getString('closedwindowsingle');
return loadTimeData.getStringF('closedwindowmultiple', numTabs);
}
var Menu = cr.ui.Menu;
var MenuItem = cr.ui.MenuItem;
var MenuButton = cr.ui.MenuButton;
var RecentMenuButton = cr.ui.define('button');
RecentMenuButton.prototype = {
__proto__: MenuButton.prototype,
decorate: function() {
MenuButton.prototype.decorate.call(this);
this.menu = new Menu;
cr.ui.decorate(this.menu, Menu);
this.menu.classList.add('footer-menu');
document.body.appendChild(this.menu);
this.needsRebuild_ = true;
this.anchorType = cr.ui.AnchorType.ABOVE;
this.invertLeftRight = true;
},
/**
* Shows the menu, first rebuilding it if necessary.
* TODO(estade): the right of the menu should align with the right of the
* button.
* @override
*/
showMenu: function(shouldSetFocus) {
if (this.needsRebuild_) {
this.menu.textContent = '';
this.dataItems_.forEach(this.addItem_, this);
this.needsRebuild_ = false;
}
MenuButton.prototype.showMenu.apply(this, arguments);
},
/**
* Sets the menu model data.
* @param {Array} dataItems Array of objects that describe the apps.
*/
set dataItems(dataItems) {
this.dataItems_ = dataItems;
this.needsRebuild_ = true;
this.hidden = !dataItems.length;
},
/**
* Adds an app to the menu.
* @param {Object} data An object encapsulating all data about the app.
* @private
*/
addItem_: function(data) {
var isWindow = data.type == 'window';
var a = this.ownerDocument.createElement('a');
a.className = 'footer-menu-item';
if (isWindow) {
a.href = '';
a.classList.add('recent-window');
a.textContent = formatTabsText(data.tabs.length);
a.title = data.tabs.map(function(tab) { return tab.title; }).join('\n');
} else {
a.href = data.url;
a.style.backgroundImage = getFaviconImageSet(data.url);
a.textContent = data.title;
}
function onActivated(e) {
ntp.logTimeToClick('RecentlyClosed');
chrome.send('recordAppLaunchByURL',
[encodeURIComponent(data.url),
ntp.APP_LAUNCH.NTP_RECENTLY_CLOSED]);
var index = Array.prototype.indexOf.call(a.parentNode.children, a);
var orig = e.originalEvent;
var button = 0;
if (orig instanceof MouseEvent)
button = orig.button;
var params = [data.sessionId,
index,
button,
orig.altKey,
orig.ctrlKey,
orig.metaKey,
orig.shiftKey];
chrome.send('reopenTab', params);
e.preventDefault();
e.stopPropagation();
}
a.addEventListener('activate', onActivated);
a.addEventListener('click', function(e) { e.preventDefault(); });
this.menu.appendChild(a);
cr.ui.decorate(a, MenuItem);
},
};
return {
RecentMenuButton: RecentMenuButton,
};
});
|
