2010-12-15 Ojan Vafai <ojan@chromium.org>
authorojan@chromium.org <ojan@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 15 Dec 2010 20:26:22 +0000 (20:26 +0000)
committerojan@chromium.org <ojan@chromium.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 15 Dec 2010 20:26:22 +0000 (20:26 +0000)
        Reviewed by Adam Barth.

        have the statusbubble postMessage it's metrics so that embedders can properly size the iframe
        https://bugs.webkit.org/show_bug.cgi?id=51125

        * QueueStatusServer/templates/statusbubble.html:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@74135 268f45cc-cd09-0410-ab3c-d52691b4dbfc

WebKitTools/ChangeLog
WebKitTools/QueueStatusServer/templates/statusbubble.html

index 78f2f1c..759ef77 100644 (file)
@@ -1,3 +1,12 @@
+2010-12-15  Ojan Vafai  <ojan@chromium.org>
+
+        Reviewed by Adam Barth.
+
+        have the statusbubble postMessage it's metrics so that embedders can properly size the iframe
+        https://bugs.webkit.org/show_bug.cgi?id=51125
+
+        * QueueStatusServer/templates/statusbubble.html:
+
 2010-12-15  Darin Adler  <darin@apple.com>
 
         * Scripts/webkitpy/common/net/buildbot: Added property svn:ignore.
index f11544d..0de6d33 100644 (file)
@@ -7,6 +7,9 @@ body {
     margin: 0px;
     padding: 0px;
 }
+#bubbleContainer {
+    display:inline-block;
+}
 .status {
     display: block;
     float: left;
@@ -47,18 +50,27 @@ body {
 function statusDetail(patch_id) {
   top.location = "/patch/" + patch_id
 }
+window.addEventListener("message", function(e) {
+  if (e.data == 'containerMetrics') {
+    e.source.postMessage({'width': bubbleContainer.offsetWidth, 'height': bubbleContainer.offsetHeight},
+        e.origin);
+  } else
+    console.log("Unknown postMessage: " + e.data);
+}, false);
 </script>
 </head>
 <body>
-{% for bubble in bubbles %}
-<div class="status {{ bubble.state }}"{% if bubble.status %}
-    onclick="statusDetail({{ bubble.attachment_id }})"
-    title="{{ bubble.status.date|timesince }} ago"{% endif %}>
-  {{ bubble.name }}
-  {% if bubble.queue_position %}
-  <span class="queue_position">#{{ bubble.queue_position }}</span>
-  {% endif %}
+<div id="bubbleContainer">
+  {% for bubble in bubbles %}
+  <div class="status {{ bubble.state }}"{% if bubble.status %}
+      onclick="statusDetail({{ bubble.attachment_id }})"
+      title="{{ bubble.status.date|timesince }} ago"{% endif %}>
+    {{ bubble.name }}
+    {% if bubble.queue_position %}
+    <span class="queue_position">#{{ bubble.queue_position }}</span>
+    {% endif %}
+  </div>
+  {% endfor %}
 </div>
-{% endfor %}
 </body>
 </html>