Version 0.5.151, fix X.Timer.remove & X.OAuth2 is working.

[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 6eb6d97..77956ee 100644 (file)
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,39 +1,71 @@
-PageRoot(\r
-       Box({\r
-               width   : '10%',\r
-               height  : '10%',\r
-               left    : 5,\r
-               top     : 1,\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
-       Box({\r
-               width       : 5,\r
-               height      : 5,\r
-               left        : '10%',\r
-               bottom      : '70%',\r
-               bgColor     : 0xff0000\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, 1, 0, 0 ],\r
+                       borderWidth : [ 0, 0, 0, 0 ],\r
                        borderStyle : 'solid dotted',\r
-                       padding     : [ 2, 1.5 ],\r
-                       sizing      : 'border'\r
+                       padding     : [ 4, 1 ],\r
+                       sizing      : 'border',\r
+                       gapY        : 1\r
                },\r
-               Box({\r
+               X.UI.Box({\r
                        width       : '50%',\r
                        height      : 2,\r
-                       left        : '30%',\r
+                       left        : '25%',\r
                        bgColor     : 0x999999\r
                }),\r
-               Text( 'Hello,world!' ),\r
-               Text( '----------------------------' ),\r
-               Text( 'PettanR team' )\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
+\r
+function _onClick( e ){\r
+       alert( e.type );\r
+       console.log( e.type + ' -----------' );\r
+};\r