Version 0.6.154, working X.UI!

[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 77956ee..abe9b58 100644 (file)
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,71 +1,168 @@
-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
-       X.UI.Box({\r
-               width   : '25%',\r
-               height  : '25%',\r
-               left    : 0,\r
-               bottom  : 0,\r
-               bgColor : 0xff0000\r
-       }),\r
-       X.UI.VBox(\r
-               {\r
-                       width       : '40%',\r
-                       left        : '55%',\r
-                       top         : 5,\r
-                       bottom      : 5,\r
-                       bgColor     : 0x666666,\r
-                       borderColor : 0x111111,\r
-                       borderWidth : [ 0, 0, 0, 0 ],\r
-                       borderStyle : 'solid dotted',\r
-                       padding     : [ 4, 1 ],\r
-                       sizing      : 'border',\r
-                       gapY        : 1\r
-               },\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
+var scroll;\r
+\r
+with( X.UI ){\r
+       PageRoot(\r
+               scroll = ScrollBox(\r
+                       Layout.Canvas,\r
                        {\r
-                               width       : '100%',\r
-                               gapX        : 2,\r
-                               bgColor     : 0xff77ff\r
+                               width   : '100%',\r
+                               bgColor : 0x111111\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
+                       VBox(\r
+                               {\r
+                                       borderColor : 0x252527,\r
+                                       borderWidth : [ 0.15, 0, 0 ],\r
+                                       height      : 'auto',\r
+                                       bgColor     : 0x444643,\r
+                                       gapY        : 0.1\r
+                               },\r
+                               Text(\r
+                                       'システム情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ユーザー設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ソーシャル設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ローカルストレージ利用設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'システム環境設定',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ブラウザ情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       '端末スコア',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'ブラウザ・プラグイン',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               ),\r
+                               Text(\r
+                                       'デバッグ情報',\r
+                                       {\r
+                                               //width       : '100%',\r
+                                               sizing      : 'border',\r
+                                               fontColor   : 0xAAAAAA,\r
+                                               fontBold    : true,\r
+                                               bgColor     : 0x34383B,\r
+                                               borderColor : 0x252527,\r
+                                               padding     : [ 1.35, 1, 1.5 ],\r
+                                               borderWidth : [ 0, 0, 0.15 ],\r
+                                               height      : 4,\r
+                                               left        : 0,\r
+                                               right       : 0\r
+                                       }\r
+                               )\r
+                       )               \r
                )\r
-       )\r
-);\r
+       );\r
+}\r
 \r
-function _onClick( e ){\r
-       alert( e.type );\r
-       console.log( e.type + ' -----------' );\r
-};\r
+var __scroll = X.Pair.get( scroll );\r