blob: 0ae778c5ea9e32e72dbcfc0975f887e400d0e0da (
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
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
|
<link rel="stylesheet" href="css/samples.css" />
<script jscontent="search_data"></script>
<script src="js/sample_search.js"></script>
<script type="text/prerenderjs">
/**
* The following code is executed before the jstemplate in this file is
* rendered, meaning it can modify template data by changing the pageData
* window variable. See api_page_generator.js for more information.
*
* Adds the samples manifest data + API modules.
*/
pageData.samples = samples;
pageData.api_mapping = apiMapping;
pageData.api_modules = [];
schema.forEach(function(mod) {
if (mod.nodoc) {
return;
}
if (mod.namespace.indexOf('experimental') != -1) {
return;
}
pageData.api_modules.push('chrome.' + mod.namespace);
});
pageData.api_modules.push('chrome.experimental');
pageData.api_modules.sort();
var search_data = {};
samples.forEach(function(sample) {
search_data[sample.id] = sample.search_string;
// Change the API calls data to be a mapping of calls to URLs for
// simpler template rendering.
var api_calls = sample.api_calls.slice();
sample.api_calls = [];
api_calls.sort();
for (var i = 0; i < api_calls.length; i++) {
sample.api_calls.push({
'call': api_calls[i],
'url': apiMapping[api_calls[i]]
});
}
// Change the sample files list to be a mapping of relative paths to URLs
// for simpler template rendering.
var source_files = sample.source_files.slice();
sample.source_files = [];
source_files.sort();
for (var i = 0; i < source_files.length; i++) {
sample.source_files.push({
'file': source_files[i],
'url': sample.path + source_files[i]
});
}
});
// The search data should be injected as executable JavaScript, so assign
// a template value which will store the data as a page global.
pageData.search_data = "var search_data = " +
JSON.stringify(search_data, null, 2) + ";\n";
</script>
<div id="controls">
<div id="searchbox" class="controlbox">
<strong>Filter by keyword:</strong>
<input autofocus type="search" type="text" id="searchinput" placeholder="Type to search" onkeyup="filterSamples();" />
<a id="clearlink" href="javascript:void(0);" onclick="clearFilter();" style="display: none;">clear</a>
</div>
<div id="filterbox" class="controlbox">
<strong>Filter by API:</strong>
<span jseval="$total=api_modules.length">
<span jsselect="api_modules" >
<a href="javascript:void(0);" jsvalues="onclick:'setFilter(\'' + $this + '\', this)'" jscontent="$this"></a><span jsdisplay="$index != $total - 1">, </span>
</span>
</span>
</div>
</div>
<div jsselect="samples" jsvalues="id:id" class="sample">
<img jsdisplay="icon != null" class="icon" jsvalues="src:path + icon" />
<img jsdisplay="icon == null" class="icon" src="images/sample-default-icon.png" />
<h2 class="name">
<a jscontent="name" jsvalues="href:'#'+$this.id"></a>
<span jsdisplay="packaged_app">(packaged app)</span>
</h2>
<p jsdisplay="features.length > 0" class="metadata features" jseval="$total=features.length">Uses
<span jsselect="features">
<strong jscontent="$this"></strong><span jsdisplay="$index < $total - 2 && $total > 2">, </span>
<span jsdisplay="$index == $total - 2 && $total > 1" > and</span>
</span>
</p>
<p jscontent="description"></p>
<div jsdisplay="api_calls.length > 0" class="apicalls"><strong>Calls:</strong>
<ul>
<li jsselect="api_calls">
<code><a jsvalues="href:$this.url" jscontent="$this.call"></a></code>
</li>
</ul>
</div>
<div jsdisplay="source_files.length > 0" class="sourcefiles"><strong>Source files:</strong>
<ul>
<li jsselect="source_files">
<code><a jsvalues="href:$this.url" jscontent="$this.file" target="_blank"></a></code>
</li>
</ul>
</div>
<div>
<a jsvalues="href:$this.zip_path">Download source</a>
<!-- Only show the Install CRX link if a CRX file is provided -->
<span jsdisplay="$this.crx_path != null">
- <a jsvalues="href:$this.crx_path">Install extension</a>
</span>
</div>
</div>
<div id="noresults" style="display:none">
Sorry, no results were found.
</div>
|
