tests/rotate.t

   1 <ibex xmlns:ui="ibex://ui">
   2     <ui:box minwidth="300" minheight="300" fill="blue" align="center" cols="3">
   3         ibex.log.warn("foog!");
   4         ibex.ui.frame = thisbox;
   5
   6         // this thread makes things spin.
   7         var rot = 0;
   8         ibex.thread = function(f) { while(true) {
   9              ibex.thread.yield();
  10              if (ibex.math.floor(rot / 90) == rot / 90)
  11                $top.transform = "rotate(" + rot + ")";
  12              $bot.transform = "rotate(" + (-2 * rot) + ")";
  13              rot += 1;
  14        } }
  15
  16         <ui:box fill="orange" colspan="2" minwidth="200" minheight="100" id="top">
  17 <ui:box fill="green" width="100" height="18">
  18 <!--
  19             <ui:box stroke="black" strokecolor="black" height="18" width="100" text="booya"/>
  20 -->
  21 </ui:box>
  22
  23         </ui:box>
  24         <ui:box fill="green" rowspan="2" minwidth="100" id="foo"/>
  25         <ui:box fill="red" minwidth="50" minheight="80" />
  26         <ui:box fill="pink" cols="5" height="80">
  27             <ui:box height="10" colspan="5"/>
  28             <ui:box width="10"/>
  29             <ui:box height="10" fill="white" maxwidth="100"/>
  30             <ui:box height="10" fill="black" colspan="2" minwidth="100"/>
  31             <ui:box width="10"/>
  32         </ui:box>
  33         <ui:box fill="purple" minwidth="70" minheight="50">
  34             <ui:box shrink="true" fill="yellow" align="center" id="top">
  35                 <ui:box width="100" height="50" fill="red" id="bot"/>
  36             </ui:box>
  37         </ui:box>
  38         <ui:box fill="yellow" colspan="2"/>
  39     </ui:box>
  40 </ibex>