svn commit: r1417421 - in /wookie/trunk/WebContent/demo: index.htm wookie.css wookie.js

[rgardler]

Author: rgardler
Date: Wed Dec  5 13:50:23 2012
New Revision: 1417421

URL: http://svn.apache.org/viewvc?rev=1417421&view=rev
Log:
add a smaller 'tiled' version of the widget to the demo page, this is useful in 
checking behaviour at different sizes

Modified:
    wookie/trunk/WebContent/demo/index.htm
    wookie/trunk/WebContent/demo/wookie.css
    wookie/trunk/WebContent/demo/wookie.js

Modified: wookie/trunk/WebContent/demo/index.htm
URL: 
http://svn.apache.org/viewvc/wookie/trunk/WebContent/demo/index.htm?rev=1417421&r1=1417420&r2=1417421&view=diff
==============================================================================
--- wookie/trunk/WebContent/demo/index.htm (original)
+++ wookie/trunk/WebContent/demo/index.htm Wed Dec  5 13:50:23 2012
@@ -77,8 +77,9 @@
             </p>
             <!-- Preview area -->
             <hr/>
+            <h3>Previewing: <span id="preview_info">None</h3>
             <div id="preview">
-                <p>Previewing: <span id="preview_info">None</p>
+                <h3>Requested Size</h3>
                 <div id="preview_alice" class="preview">
                     <h1><img 
src="http://localhost:8080/wookie/demo/alice.png";> Alice</h1>
                     <div id="preview_alice_widget">Select a widget on the 
left</div>
@@ -90,8 +91,17 @@
                    <span id="bob_url"/>
                 </div>
             </div>
-            <p></p>
-               </div>
+            <hr/>               
+            <div id="tilePreview">
+              <h3>Tiled version</h3>
+                <div id="tile_preview_alice" class="preview">
+                    <div id="preview_alice_tile">Select a widget on the 
left</div>
+                </div>
+                <div id="tile_preview_bob" class="preview">
+                    <div id="preview_bob_tile">Select a widget on the 
left</div>
+                </div>
+            </div>
+        </div>
         
         <div id="footer">
             <div class="copyright">

Modified: wookie/trunk/WebContent/demo/wookie.css
URL: 
http://svn.apache.org/viewvc/wookie/trunk/WebContent/demo/wookie.css?rev=1417421&r1=1417420&r2=1417421&view=diff
==============================================================================
--- wookie/trunk/WebContent/demo/wookie.css (original)
+++ wookie/trunk/WebContent/demo/wookie.css Wed Dec  5 13:50:23 2012
@@ -137,6 +137,7 @@ h1,h2,h3,h4,h5,h6 {
 }
 
 #footer {
+ clear:both;
  margin-top: 15px;
  margin-left: 200px;
  margin-right: 200px;

Modified: wookie/trunk/WebContent/demo/wookie.js
URL: 
http://svn.apache.org/viewvc/wookie/trunk/WebContent/demo/wookie.js?rev=1417421&r1=1417420&r2=1417421&view=diff
==============================================================================
--- wookie/trunk/WebContent/demo/wookie.js (original)
+++ wookie/trunk/WebContent/demo/wookie.js Wed Dec  5 13:50:23 2012
@@ -91,6 +91,8 @@ function showWidget(id){
     $('#preview_info').html('<br/>' + widgetInstance.title + '<br/>' + id);
     $("#preview_alice_widget").html('');
     $("#preview_alice_widget").append("<iframe src='"+widgetInstance.url+"' 
height='"+widgetInstance.height+"' width='"+widgetInstance.width+"'></iframe>");
+    $("#preview_alice_tile").html('');
+    $("#preview_alice_tile").append("<iframe src='"+widgetInstance.url+"' 
height='150' width='310'></iframe>");
     $("#alice_url").html("<a href='" + widgetInstance.url + "' 
target='_blank'>Full Screen</a>");
     Wookie.setPreference(id, "conference-manager","true");
     
@@ -98,5 +100,7 @@ function showWidget(id){
     var widgetInstance = Wookie.getOrCreateInstance(id);
     $("#preview_bob_widget").html('');
     $("#preview_bob_widget").append("<iframe src='"+widgetInstance.url+"' 
height='"+widgetInstance.height+"' width='"+widgetInstance.width+"'></iframe>");
+    $("#preview_bob_tile").html('');
+    $("#preview_bob_tile").append("<iframe src='"+widgetInstance.url+"' 
height='150' width='310'></iframe>");
     $("#bob_url").html("<a href='" + widgetInstance.url + "' 
target='_blank'>Full Screen</a>");
 }