OSDN Git Service

Version 0.6.190, fix X.UI.ScrollBox & X.UI.Gesture.
[pettanr/clientJs.git] / 0.6.x / js / main.js
index 13fe971..8f76774 100644 (file)
-var scroll;\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
+                               label   : '情報'\r
+                       },\r
+                       {\r
+                               label   : 'ローカルストレージ'\r
+                       },\r
+                       {\r
+                               label   : '外部API接続'\r
+                       },\r
+                       {\r
+                               label   : 'HID'\r
+                       }\r
+               ];\r
 \r
-var css =                              {\r
-                                       //width       : '100%',\r
-                                       sizing      : 'border',\r
-                                       fontColor   : 0xAAAAAA,\r
-                                       fontBold    : true,\r
-                                       bgColor     : 0x34383B,\r
-                                       borderColor : 0x252527,\r
-                                       borderStyle : 'solid',\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
-with( X.UI ){\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
 var AndroidItem = X.UI.Box.inherits(\r
        'AndroidItem',\r
        X.Class.NONE,\r
        {\r
-               Constructor : function( label, discription, value ){\r
-                       this.Super( css );\r
-                       this.add( Text( label ) );\r
-               }       \r
-       }       \r
-);     \r
-       \r
-       \r
-       Root(\r
-               scroll = ScrollBox(\r
-                       Layout.Vertical,\r
-                       {\r
+               Constructor : function(){\r
+                       this.Super( {\r
+                               sizing      : 'border',\r
+                               bgColor     : 0x34383B,\r
                                borderColor : 0x252527,\r
-                               borderWidth : [ 0.15, 0, 0 ],\r
                                borderStyle : 'solid',\r
-                               height      : 'auto',\r
-                               bgColor     : 0x444643,\r
-                               gapY        : 0.15\r
-                       },\r
-                       AndroidItem(\r
-                               'ぺったんR ' + X.VERSION\r
-                       ),\r
-                       Text(\r
-                               'システム情報',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'ユーザー設定',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'ソーシャル設定',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'ローカルストレージ利用設定',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'システム環境設定',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'ブラウザ情報',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               '端末スコア',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'ブラウザ・プラグイン',\r
-                               css\r
-                       ),\r
-                       Text(\r
-                               'デバッグ情報',\r
-                               css\r
-                       )       \r
-               )\r
-       );\r
-}\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