tests/test2.t

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