OSDN Git Service

Version 0.6.190, fix X.UI.ScrollBox & X.UI.Gesture.
[pettanr/clientJs.git] / 0.6.x / js / main.js
index abe9b58..8f76774 100644 (file)
-var scroll;\r
-\r
-with( X.UI ){\r
-       PageRoot(\r
-               scroll = ScrollBox(\r
-                       Layout.Canvas,\r
+\r
+X(\r
+       function(){\r
+               var source = [\r
+                       {\r
+                               label   : 'ぺったんR',\r
+                               summary : X.VERSION + ( X.buildTimeStamp ? ' ' + X.buildTimeStamp : '' )\r
+                       },\r
+                       {\r
+                               label   : 'レンダリングエンジン',\r
+                               summary : X.UA.IE ? 'Trident' :\r
+                                       X.UA.Opera ? 'Presto' :\r
+                                       X.UA.Gecko ? 'Gecko' :\r
+                                       X.UA.KHTML ? 'KHTML' : X.UA.WebKit ? 'WebKit' : X.UA.Blink ? 'Blink' :\r
+                                       X.UA.Edge ? 'Edge' : 'Other'\r
+                       },\r
+                       {\r
+                               label   : 'OS',\r
+                               summary : X.UA.Windows ? 'Windows' : X.UA.Mac ? 'Mac' : X.UA.Android ? 'Android' : X.UA.iOS ? 'iOS' : 'Other'\r
+                       },\r
+                       {\r
+                               label   : '起動時間',\r
+                               summary : X.bootSpeed + 'ms'\r
+                       },\r
+                       {\r
+                               label   : '設定'\r
+                       },\r
                        {\r
-                               width   : '100%',\r
-                               bgColor : 0x111111\r
+                               label   : '情報'\r
                        },\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
+                               label   : 'ローカルストレージ'\r
+                       },\r
+                       {\r
+                               label   : '外部API接続'\r
+                       },\r
+                       {\r
+                               label   : 'HID'\r
+                       }\r
+               ];\r
+\r
+\r
+               with( X.UI ){\r
+                       Root(\r
+                               List(\r
+                                       source,\r
+                                       AndroidItem().listen( X.UI.Event.ITEMDATA_CHANGED )\r
                                )\r
-                       )               \r
-               )\r
-       );\r
-}\r
+                       );      \r
+               };\r
+       }\r
+);\r
+\r
+\r
+var AndroidItem = X.UI.Box.inherits(\r
+       'AndroidItem',\r
+       X.Class.NONE,\r
+       {\r
+               Constructor : function(){\r
+                       this.Super( {\r
+                               sizing      : 'border',\r
+                               bgColor     : 0x34383B,\r
+                               borderColor : 0x252527,\r
+                               borderStyle : 'solid',\r
+                               borderWidth : [ 0, 0, 0.15 ],\r
+                               height      : 4,\r
+                               left        : 0,\r
+                               right       : 0\r
+                       } ).listen( X.UI.Event.TAP );\r
+               },\r
+               \r
+               handleEvent : function( e ){\r
+                       var txt;\r
+                       \r
+                       switch( e.type ){\r
+                               case X.UI.Event.ITEMDATA_CHANGED :\r
+                                       if( e.itemData.summary ){\r
+                                               this.add( X.UI.Text( e.itemData.label, {\r
+                                                       fontColor   : 0xAAAAAA,\r
+                                                       fontBold    : true,\r
+                                                       top         : 0.7,\r
+                                                       left        : 1\r
+                                               } ) )\r
+                                               .add( X.UI.Text( e.itemData.summary, {\r
+                                                       fontColor   : 0x777777,\r
+                                                       fontSize    : 0.8,\r
+                                                       top         : 3.1,\r
+                                                       left        : 1.27\r
+                                               } ) );\r
+                                       } else {\r
+                                               this.add( X.UI.Text( e.itemData.label, {\r
+                                                       fontColor   : 0xAAAAAA,\r
+                                                       fontBold    : true,\r
+                                                       top         : 1.35,\r
+                                                       left        : 1\r
+                                               } ) );\r
+                                       };\r
+                                       break;\r
+                               \r
+                               case X.UI.Event.TAP :\r
+                                       txt = this.getNodeAt( 0 );\r
+                                       txt.content( txt.content() + '+' );\r
+                       };\r
+               }       \r
+       }       \r
+);\r
+\r
+\r
 \r
-var __scroll = X.Pair.get( scroll );\r