OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Provided File Systems</title> | 4 <title>Provided File Systems</title> |
5 <meta charset="utf-8"> | 5 <meta charset="utf-8"> |
6 <link rel="stylesheet" href="provided_file_systems.css"> | 6 <link rel="stylesheet" href="provided_file_systems.css"> |
7 <script src="chrome://provided-file-systems/provided_file_systems.js"> | 7 <script src="chrome://provided-file-systems/provided_file_systems.js"> |
8 </script> | 8 </script> |
9 </head> | 9 </head> |
10 <body> | 10 <body> |
11 <polymer-element name="file-systems"> | 11 <polymer-element name="file-systems"> |
12 <template> | 12 <template> |
13 <link rel="stylesheet" | 13 <link rel="stylesheet" |
14 href="chrome://provided-file-systems/provided_file_systems.css"> | 14 href="chrome://provided-file-systems/provided_file_systems.css"> |
15 <table> | 15 <div id="fileSystems"> |
16 <thead> | 16 <table> |
17 <tr> | 17 <thead> |
18 <th>ID</th> | |
19 <th>Name</th> | |
20 <th>Extension ID</th> | |
21 <th>Active Requests</th> | |
22 </tr> | |
23 </thead> | |
24 <tbody> | |
25 <template id="file-system" repeat="{{item in model}}"> | |
26 <tr> | 18 <tr> |
27 <td>{{item.id}}</td> | 19 <th>ID</th> |
28 <td>{{item.name}}</td> | 20 <th>Name</th> |
29 <td> | 21 <th>Extension ID</th> |
30 <div class="icon" style="background-image: -webkit-image-set( | 22 <th>Active Requests</th> |
31 url(chrome://extension-icon/{{item.extensionId}}/24/1) 1x, | |
32 url(chrome://extension-icon/{{item.extensionId}}/48/1) | |
33 2x)"></div> | |
34 {{item.extensionId}} | |
35 </td> | |
36 <td>{{item.activeRequests}}</td> | |
37 </tr> | 23 </tr> |
38 </template> | 24 </thead> |
39 </tbody> | 25 <tbody> |
40 </table> | 26 <template id="file-system" repeat="{{item in model}}"> |
| 27 <tr on-click="{{rowClicked}}" data-id="{{item.id}}" |
| 28 data-extension-id="{{item.extensionId}}"> |
| 29 <td>{{item.id}}</td> |
| 30 <td>{{item.name}}</td> |
| 31 <td> |
| 32 <div class="icon" style="background-image: |
| 33 -webkit-image-set( |
| 34 url(chrome://extension-icon/{{item.extensionId}}/24/1) |
| 35 1x, |
| 36 url(chrome://extension-icon/{{item.extensionId}}/48/1) |
| 37 2x)"></div> |
| 38 {{item.extensionId}} |
| 39 </td> |
| 40 <td>{{item.activeRequests}}</td> |
| 41 </tr> |
| 42 </template> |
| 43 </tbody> |
| 44 </table> |
| 45 </div> |
41 </template> | 46 </template> |
42 </polymer-element> | 47 </polymer-element> |
43 | 48 |
44 <h1>Mounted provided file systems</h1> | 49 <polymer-element name="request-events"> |
45 <file-systems id="mounted-file-systems"> | 50 <template> |
| 51 <link rel="stylesheet" |
| 52 href="chrome://provided-file-systems/provided_file_systems.css"> |
| 53 <div id="requestEvents"> |
| 54 <table> |
| 55 <thead> |
| 56 <tr> |
| 57 <th>Time</th> |
| 58 <th>Request ID</th> |
| 59 <th>Request Type</th> |
| 60 <th>Event Type</th> |
| 61 <th>Error</th> |
| 62 <th>Has Next</th> |
| 63 </tr> |
| 64 </thead> |
| 65 <tbody> |
| 66 <template id="request-event" repeat="{{item in model}}"> |
| 67 <tr> |
| 68 <td>{{item.time | formatTime}}</td> |
| 69 <td>{{item.id}}</td> |
| 70 <td>{{item.requestType}}</td> |
| 71 <td>{{item.eventType}}</td> |
| 72 <td>{{item.error}}</td> |
| 73 <td>{{item.hasMore | formatHasMore}}</td> |
| 74 </tr> |
| 75 </template> |
| 76 </tbody> |
| 77 </table> |
| 78 </div> |
| 79 </template> |
| 80 </polymer-element> |
| 81 |
| 82 <file-systems id="file-systems"> |
46 </file-systems> | 83 </file-systems> |
| 84 |
| 85 <request-events hidden id="request-events"> |
| 86 </request-events> |
47 </body> | 87 </body> |
48 </html> | 88 </html> |
OLD | NEW |