1 {{- sidenav: the sidenav bar for either apps or extensions -}} 2 {{- filter_list: the list of APIs that show up in the filter box -}} 3 {{- samples_list: the list of samples shown on the page -}} 4 {{- samples_url: the source URL of the samples -}} 5 {{- footer: the footer for either apps or extensions -}} 6 <!DOCTYPE html> 7 <html> 8 <head> 9 {{+partials.header_head}} 10 <link href="{{static}}/css/samples.css" rel="stylesheet" type="text/css"> 11 <title>Sample {{title}} - Google Chrome {{title}}</title> 12 </head> 13 <body> 14 {{+partials.header_body}} 15 <div id="gc-container"> 16 {{+partials.sidenav items:sidenav}} 17 <div id="gc-pagecontent"> 18 <h1 class="page_title">Sample {{title}}</h1> 19 <div id="controls"> 20 <table class="controlbox"> 21 <tr> 22 <td class="label">Filter by keyword:</td> 23 <td><input autofocus type="search" id="search_input" placeholder="Type to search"></td> 24 </tr> 25 <tr> 26 <td class="label">Filter by API:</td> 27 <td> 28 <div id="api_filter_items"> 29 {{#filter_list}}{{+partials.filter_item}}{{/}} 30 </div> 31 </td> 32 </tr> 33 </table> 34 </div> 35 {{?samples_list}} 36 {{#samples_list}} 37 {{+partials.sample_item}} 38 {{/samples_list}} 39 {{:samples_list}} 40 <p>There was a problem fetching the sample {{title}}, but they may be 41 available directly from the <a href="{{samples_url}}">source</a>.</p> 42 {{/samples_list}} 43 </div> 44 </div> 45 </body> 46 {{+footer}} 47 <script src="{{static}}/js/samples.js" type="text/javascript"></script> 48 </html> 49
