Version 0.6.142, fix X.UI.ScrollBox.

[pettanr/clientJs.git] / 0.6.x / js / main.js

diff --git a/0.6.x/js/main.js b/0.6.x/js/main.js
index 843ba40..73ef331 100644 (file)
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,31 +1,73 @@
-\r
-PageRoot(\r
-       VBox({\r
-               width   : '30%',\r
-               height  : 10,\r
-               left    : '10%',\r
-               top     : 12,\r
-               bgColor : 0xcccccc\r
+root = X.UI.PageRoot(\r
+       X.UI.HBox(\r
+               {\r
+                       width       : '50%',\r
+                       bgColor     : 0x44ffff\r
+               },\r
+               X.UI.Text( 'HTML4', { width : 3 } ),\r
+               X.UI.Text( 'Ruby on Rails' ),\r
+               X.UI.Text( 'js' ),\r
+               X.UI.Text( 'SVG' ),\r
+               X.UI.Text( 'heroku' ),\r
+               X.UI.Text( 'flash' )\r
+       ),\r
+       X.UI.Box({\r
+               width   : '25%',\r
+               height  : '25%',\r
+               left    : '25%',\r
+               top     : '50%',\r
+               bgColor : 0x0000ff\r
        }),\r
-       VBox({\r
-               width       : '50%',\r
-               height      : 10,\r
-               left        : '30%',\r
-               bottom      : 12,\r
-               bgColor     : 0x999999\r
+       X.UI.Box({\r
+               width   : '25%',\r
+               height  : '25%',\r
+               left    : 0,\r
+               bottom  : 0,\r
+               bgColor : 0xff0000\r
        }),\r
-       VBox(\r
+       X.UI.VBox(\r
                {\r
-                       width       : '50%',\r
-                       left        : '49%',\r
+                       width       : '40%',\r
+                       left        : '55%',\r
                        top         : 5,\r
                        bottom      : 5,\r
                        bgColor     : 0x666666,\r
                        borderColor : 0x111111,\r
-                       borderWidth : [ 0.5, 1, 5 ],\r
+                       borderWidth : [ 0, 0, 0, 0 ],\r
                        borderStyle : 'solid dotted',\r
-                       sizing      : 'border'\r
+                       padding     : [ 4, 1 ],\r
+                       sizing      : 'border',\r
+                       gapY        : 1\r
                },\r
-               Text( 'Hello,world' )\r
+               X.UI.Box({\r
+                       width       : '50%',\r
+                       height      : 2,\r
+                       left        : '25%',\r
+                       bgColor     : 0x999999\r
+               }),\r
+               X.UI.Text( 'Hello, world!' ),\r
+               X.UI.Text( '----------------------------' ),\r
+               text = X.UI.Text( 'PettanR-team. rrrrrrrrrr' )\r
+                       .listen( X.UI.Event.TAP, _onClick ),\r
+               X.UI.HBox(\r
+                       {\r
+                               width       : '100%',\r
+                               gapX        : 2,\r
+                               bgColor     : 0xff77ff\r
+                       },\r
+                       X.UI.Text( 'HTML4', { width : 2 } ),\r
+                       X.UI.Text( 'Ruby on Rails', { width : 2 } ),\r
+                       X.UI.Text( 'js' ),\r
+                       X.UI.Text( 'SVG' ),\r
+                       X.UI.Text( 'heroku' ),\r
+                       X.UI.Text( 'flash' )\r
+               )\r
        )\r
-);
\ No newline at end of file
+);\r
+_root = X.Class._getPrivate( root );\r
+_text = X.Class._getPrivate( text );\r
+\r
+function _onClick( e ){\r
+       alert( e.type );\r
+       console.log( e.type + ' -----------' );\r
+};\r