Index: chrome/common/extensions/docs/server2/templates/public/samples.html |
diff --git a/chrome/common/extensions/docs/server2/templates/public/samples.html b/chrome/common/extensions/docs/server2/templates/public/samples.html |
index 6feacf2ec7a3195a25c0c7f4eae5505746b03a48..9d8dc961843712186a8db98f65e506a923ab255e 100644 |
--- a/chrome/common/extensions/docs/server2/templates/public/samples.html |
+++ b/chrome/common/extensions/docs/server2/templates/public/samples.html |
@@ -2,18 +2,39 @@ |
<html> |
<head> |
{{+partials.header_head}} |
+ <link href="{{static}}/css/samples.css" rel="stylesheet" type="text/css"> |
</head> |
<body> |
{{+partials.header_body}} |
<div id="gc-container"> |
{{+partials.sidenav}} |
<div id="gc-pagecontent"> |
- <h1>Samples</h1> |
+ <h1 class="page_title">Samples</h1> |
+ <div id="controls"> |
+ <table class="controlbox"> |
+ <tr> |
+ <td class="label">Filter by keyword:</td> |
+ <td><input autofocus type="search" id="search_input" placeholder="Type to search"></td> |
+ </tr> |
+ <tr> |
+ <td class="label">Filter by API:</td> |
+ <td> |
+ <div id="api_filter_items"> |
+ {{#api_list.chrome}} |
+ <span><a href="javascript:void(0)">{{name}}</a>{{^last}} | {{/}}</span> |
+ {{/}} |
+ </div> |
+ </td> |
+ </tr> |
+ </table> |
+ </div> |
{{#samples.samples}} |
+ <div class="sample" tags="{{#api_calls}}{{name}} {{/}}"> |
+ <img class="icon" src="{{icon}}"> |
<h2><a href="{{path}}.zip">{{name}}</a></h2> |
{{description}} |
<div> |
- <strong>Calls:</strong> |
+ <span class="label">Calls:</span> |
<ul> |
{{#api_calls}} |
<li><code><a href="{{link}}">{{name}}</a></code></li> |
@@ -21,16 +42,18 @@ |
</ul> |
</div> |
<div> |
- <strong>Source Files:</strong> |
+ <span class="label">Source Files:</span> |
<ul> |
{{#files}} |
<li><code><a href="{{path}}/{{@}}">{{@}}</a></code></li> |
{{/}} |
</ul> |
</div> |
+ </div> |
{{/samples.samples}} |
</div> |
</div> |
</body> |
{{+partials.footer}} |
+ <script src="{{static}}/js/samples.js" type="text/javascript"></script> |
</html> |