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
|
// 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.
// require: cr.js
cr.define('chrome.sync', function() {
var currSearchId = 0;
/**
* Runs a search with the given query.
*
* @param {string} query The regex to do the search with.
* @param {function} 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;
try {
var regex = new RegExp(query);
chrome.sync.getAllNodes(query, function(allNodes) {
if (currSearchId != searchId) {
return;
}
callback(allNodes.filter(function(elem) {
return regex.test(JSON.stringify(elem, null, 2));
}), null);
});
} catch (err) {
// Sometimes the provided regex is invalid. This and other errors will
// be caught and handled here.
callback([], err);
}
};
/**
* 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 + '...';
queryControl.removeAttribute('error');
var timer = chrome.sync.makeTimer();
doSearch(query, function(nodes, error) {
if (error) {
statusControl.textContent = 'Error: ' + error;
queryControl.setAttribute('error');
} else {
statusControl.textContent =
'Found ' + nodes.length + ' nodes in ' +
timer.elapsedSeconds + 's';
queryControl.removeAttribute('error');
// TODO(akalin): Write a nicer list display.
for (var i = 0; i < nodes.length; ++i) {
nodes[i].toString = function() {
return this.NON_UNIQUE_NAME;
};
}
resultsDataModel.push.apply(resultsDataModel, nodes);
// 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) {
detailsControl.textContent = JSON.stringify(selected, null, 2);
}
});
}
return {
decorateSearchControls: decorateSearchControls
};
});
|
