X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fjs%2Fmain.js;h=874940aad059b1cf1f4d23f5fa65b8736a8a1812;hb=b28fd52ddc41a1c927f92fa7eeeb6891c41e55d9;hp=ae31769117ccf28b238fe63aca33cc14dfacc854;hpb=46d3fdf2559c59963e53ff6136c3fd58cd8f7a6d;p=pettanr%2FclientJs.git

diff --git a/0.6.x/js/main.js b/0.6.x/js/main.js
index ae31769..874940a 100644
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,46 +1,168 @@
-root = PageRoot(
-	Box({
-		width   : '10%',
-		height  : '10%',
-		left    : 5,
-		top     : 1,
-		bgColor : 0x0000ff
-	}),
-	Box({
-		width       : 5,
-		height      : 5,
-		left        : '10%',
-		bottom      : '70%',
-		bgColor     : 0xff0000
-	}),
-	VBox(
-		{
-			width       : '50%',
-			left        : '49%',
-			top         : 5,
-			bottom      : 5,
-			bgColor     : 0x666666,
-			borderColor : 0x111111,
-			borderWidth : [ 0, 0, 0, 0 ],
-			borderStyle : 'solid dotted',
-			padding     : [ 4, 1 ],
-			sizing      : 'border'
-		},
-		Box({
-			width       : '50%',
-			height      : 2,
-			left        : '25%',
-			bgColor     : 0x999999
-		}),
-		Text( 'Hello, world!', { width : '100%' } ),
-		Text( '----------------------------', { width : '100%' } ),
-		text = Text( 'PettanR-team. rrrrrrrrrr', { width : '100%' } )
-			.listen( X.UI.Event.TAP, _onClick )
-	)
-);
-_root = X.Class._getPrivate( root );
-_text = X.Class._getPrivate( text );
+var scroll;
 
-function _onClick( e ){
-	alert( e.type );
-};
+with( X.UI ){
+	Root(
+		scroll = ScrollBox(
+			Layout.Canvas,
+			{
+				width   : '100%',
+				bgColor : 0x111111
+			},
+			VBox(
+				{
+					borderColor : 0x252527,
+					borderWidth : [ 0.15, 0, 0 ],
+					height      : 'auto',
+					bgColor     : 0x444643,
+					gapY        : 0.1
+				},
+				Text(
+					'システム情報',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'ユーザー設定',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'ソーシャル設定',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'ローカルストレージ利用設定',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'システム環境設定',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'ブラウザ情報',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						padding     : [ 1.35, 1, 1.5 ],
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'端末スコア',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'ブラウザ・プラグイン',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				),
+				Text(
+					'デバッグ情報',
+					{
+						//width       : '100%',
+						sizing      : 'border',
+						fontColor   : 0xAAAAAA,
+						fontBold    : true,
+						bgColor     : 0x34383B,
+						borderColor : 0x252527,
+						padding     : [ 1.35, 1, 1.5 ],
+						borderWidth : [ 0, 0, 0.15 ],
+						height      : 4,
+						left        : 0,
+						right       : 0
+					}
+				)
+			)		
+		)
+	);
+}
+
+var __scroll = X.Pair.get( scroll );