0.6.x/js/main.js

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