0.6.x/js/main.js

   1 root = X.UI.PageRoot(\r
   2         X.UI.HBox(\r
   3                 {\r
   4                         width       : '50%',\r
   5                         bgColor     : 0x44ffff\r
   6                 },\r
   7                 X.UI.Text( 'HTML4', { width : 3 } ),\r
   8                 X.UI.Text( 'Ruby on Rails' ),\r
   9                 X.UI.Text( 'js' ),\r
  10                 X.UI.Text( 'SVG' ),\r
  11                 X.UI.Text( 'heroku' ),\r
  12                 X.UI.Text( 'flash' )\r
  13         ),\r
  14         X.UI.Box({\r
  15                 width   : '25%',\r
  16                 height  : '25%',\r
  17                 left    : '25%',\r
  18                 top     : '50%',\r
  19                 bgColor : 0x0000ff\r
  20         }),\r
  21         X.UI.Box({\r
  22                 width   : '25%',\r
  23                 height  : '25%',\r
  24                 left    : 0,\r
  25                 bottom  : 0,\r
  26                 bgColor : 0xff0000\r
  27         }),\r
  28         X.UI.VBox(\r
  29                 {\r
  30                         width       : '40%',\r
  31                         left        : '55%',\r
  32                         top         : 5,\r
  33                         bottom      : 5,\r
  34                         bgColor     : 0x666666,\r
  35                         borderColor : 0x111111,\r
  36                         borderWidth : [ 0, 0, 0, 0 ],\r
  37                         borderStyle : 'solid dotted',\r
  38                         padding     : [ 4, 1 ],\r
  39                         sizing      : 'border',\r
  40                         gapY        : 1\r
  41                 },\r
  42                 X.UI.Box({\r
  43                         width       : '50%',\r
  44                         height      : 2,\r
  45                         left        : '25%',\r
  46                         bgColor     : 0x999999\r
  47                 }),\r
  48                 X.UI.Text( 'Hello, world!' ),\r
  49                 X.UI.Text( '----------------------------' ),\r
  50                 text = X.UI.Text( 'PettanR-team. rrrrrrrrrr' )\r
  51                         .listen( X.UI.Event.TAP, _onClick ),\r
  52                 X.UI.HBox(\r
  53                         {\r
  54                                 width       : '100%',\r
  55                                 gapX        : 2,\r
  56                                 bgColor     : 0xff77ff\r
  57                         },\r
  58                         X.UI.Text( 'HTML4', { width : 2 } ),\r
  59                         X.UI.Text( 'Ruby on Rails', { width : 2 } ),\r
  60                         X.UI.Text( 'js' ),\r
  61                         X.UI.Text( 'SVG' ),\r
  62                         X.UI.Text( 'heroku' ),\r
  63                         X.UI.Text( 'flash' )\r
  64                 )\r
  65         )\r
  66 );\r
  67 _root = X.Class._getPrivate( root );\r
  68 _text = X.Class._getPrivate( text );\r
  69 \r
  70 function _onClick( e ){\r
  71         alert( e.type );\r
  72         console.log( e.type + ' -----------' );\r
  73 };\r