Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / chromeos / provided_file_systems.html

diff --git a/src/chrome/browser/resources/chromeos/provided_file_systems.html b/src/chrome/browser/resources/chromeos/provided_file_systems.html
index 076ecf4..cd67f8e 100644 (file)
--- a/src/chrome/browser/resources/chromeos/provided_file_systems.html
+++ b/src/chrome/browser/resources/chromeos/provided_file_systems.html
@@ -59,17 +59,30 @@
             <div class="request-timeline-padding"
                 style="min-height: {{rows.length * ROW_HEIGHT}}px">
               <div class="request-timeline-scroller">
-              <template id="request-timeline-request"
-                  repeat="{{request in chart}}">
-                <div class="request-timeline-request"
-                    title="{{request.id}}"
-                    data-state="{{request.state}}"
-                    data-request-type="{{request.requestType}}"
-                    style="-webkit-margin-start: {{request.left * scale}}px;
-                        top: {{request.row * ROW_HEIGHT}}px;
-                        width: {{request.length * scale}}px">
-                </div>
-              </template>
+                <template id="request-timeline-request"
+                    repeat="{{request in chart}}">
+                  <button class="request-timeline-request"
+                      on-click="{{elementClicked}}"
+                      title="{{request.id}}"
+                      data-id="{{request.id}}"
+                      data-state="{{request.state}}"
+                      data-request-type="{{request.requestType}}"
+                      style="-webkit-margin-start: {{request.left * scale}}px;
+                          top: {{request.row * ROW_HEIGHT}}px;
+                          width: {{request.length * scale}}px">
+                    <div class="request-timeline-request-overhead"
+                        style="width: 
+                        {{(request.length - request.executionTime) * scale}}px">
+                    </div>
+                    <template if=
+                        "{{request.valueSize && request.length * scale > 50}}">
+                      <div class="request-timeline-request-value-size">
+                        {{request.valueSize | formatSize}}
+                      </div>
+                    </template>
+                  </button>
+                </template>
+              </div>
             </div>
           </div>
         </div>
@@ -87,6 +100,8 @@
                 <th>Time</th>
                 <th>Request ID</th>
                 <th>Request Type</th>
+                <th>Size</th>
+                <th>JS Time</th>
                 <th>Event Type</th>
                 <th>Error</th>
                 <th>Has Next</th>
@@ -103,6 +118,16 @@
                   <td data-request-type="{{item.requestType}}">
                     <span>{{item.requestType}}</span>
                   </td>
+                  <td>
+                    <template if={{item.valueSize}}>
+                      {{item.valueSize | formatSize}}
+                    </template>
+                  </td>
+                  <td>
+                    <template if={{item.valueSize}}>
+                      {{item.executionTime | formatExecutionTime}}
+                    </template>
+                  </td>
                   <td>{{item.eventType}}</td>
                   <td data-error="{{item.error}}">
                     <span>{{item.error}}</span>