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
|
// 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.
// require: cr.js
cr.define('chrome.sync', function() {
var currSearchId = 0;
/**
* Runs a search with the given query.
*
* @param {string} query The query to do the search with.
* @param {Array.<{id: string, title: string, isFolder: boolean}>}
* callback The callback called with the search results; not
* called if doSearch() is called again while the search is
* running.
*/
var doSearch = function(query, callback) {
var searchId = ++currSearchId;
chrome.sync.findNodesContainingString(query, function(ids) {
if (currSearchId != searchId) {
return;
}
chrome.sync.getNodeSummariesById(ids, function(nodeSummaries) {
if (currSearchId != searchId) {
return;
}
callback(nodeSummaries);
});
});
};
/**
* Decorates the various search controls.
*
* @param {!HTMLInputElement} queryControl The <input> object of
* type=search where the user types in his query.
* @param {!HTMLElement} statusControl The <span> object display the
* search status.
* @param {!HTMLElement} listControl The <list> object which holds
* the list of returned results.
* @param {!HTMLPreElement} detailsControl The <pre> object which
* holds the details of the selected result.
*/
function decorateSearchControls(queryControl, statusControl,
resultsControl, detailsControl) {
var resultsDataModel = new cr.ui.ArrayDataModel([]);
// Decorate search box.
queryControl.onsearch = function() {
var query = queryControl.value;
statusControl.textContent = '';
resultsDataModel.splice(0, resultsDataModel.length);
if (!query) {
return;
}
statusControl.textContent = 'Searching for ' + query + '...';
var timer = chrome.sync.makeTimer();
doSearch(query, function(nodeSummaries) {
statusControl.textContent =
'Found ' + nodeSummaries.length + ' nodes in '
+ timer.elapsedSeconds + 's';
// TODO(akalin): Write a nicer list display.
for (var i = 0; i < nodeSummaries.length; ++i) {
nodeSummaries[i].toString = function() {
return this.title;
}.bind(nodeSummaries[i]);
}
resultsDataModel.push.apply(resultsDataModel, nodeSummaries);
// Workaround for http://crbug.com/83452 .
resultsControl.redraw();
});
};
queryControl.value = '';
// Decorate results list.
cr.ui.List.decorate(resultsControl);
resultsControl.dataModel = resultsDataModel;
resultsControl.selectionModel.addEventListener('change', function(event) {
detailsControl.textContent = '';
var selected = resultsControl.selectedItem;
if (selected) {
chrome.sync.getNodeDetailsById([selected.id], function(nodeDetails) {
var selectedNodeDetails = nodeDetails[0] || null;
if (selectedNodeDetails) {
detailsControl.textContent =
JSON.stringify(selectedNodeDetails, null, 2);
}
});
}
});
}
return {
decorateSearchControls: decorateSearchControls
};
});
|
