[client] add GameListFrame

src/client/haxe/ru/m/tankz/Client.hx

@@ -1,24 +1,21 @@
 package ru.m.tankz;
 
-import openfl.display.FPS;
-import ru.m.tankz.view.ClientView;
 import flash.Lib;
 import haxework.animate.Animate;
-import haxework.view.Root;
 import haxework.log.TraceLogger;
-#if flash import haxework.log.JSLogger; #end
-#if debug import haxework.log.SocketLogger; #end
+import haxework.view.Root;
+import ru.m.tankz.view.ClientView;
 
 class Client {
-    private static inline var TAG = 'Tankz';
+    private static inline var TAG = "Tankz";
 
     public static function main() {
         L.push(new TraceLogger());
         #if flash
-        L.push(new JSLogger());
+        L.push(new haxework.log.JSLogger());
         #end
         #if debug
-        //L.push(new SocketLogger());
+        //L.push(new haxework.log.SocketLogger());
         #end
         Const.init();
         Init.init();
@@ -35,7 +32,7 @@ class Client {
         view.launch();
 
         #if debug
-        var fps = new FPS(0, 0, 0x00ff00);
+        var fps = new openfl.display.FPS(0, 0, 0x00ff00);
         Lib.current.addChild(fps);
         #end
     }

src/client/haxe/ru/m/tankz/control/ClientNetworkControl.hx

@@ -3,7 +3,6 @@ package ru.m.tankz.control;
 import ru.m.tankz.network.NetworkManager;
 import ru.m.tankz.control.Control;
 
-
 class ClientNetworkControl extends HumanControl {
 
     @:provide private var network:NetworkManager;

src/client/haxe/ru/m/tankz/network/NetworkManager.hx

@@ -3,11 +3,10 @@ package ru.m.tankz.network;
 import haxework.signal.Signal;
 import ru.m.connect.IConnection;
 import ru.m.tankz.control.Control;
-import ru.m.tankz.proto.core.GameInfoProto;
+import ru.m.tankz.proto.core.GameProto;
 import ru.m.tankz.proto.game.GameActionTypeProto;
 import ru.m.tankz.proto.game.GameChangeProto;
 import ru.m.tankz.proto.pack.CreateGameRequest;
-import ru.m.tankz.proto.pack.GameUpdateRequest;
 import ru.m.tankz.proto.pack.JoinGameRequest;
 import ru.m.tankz.proto.pack.LeaveGameRequest;
 import ru.m.tankz.proto.pack.ListGameRequest;
@@ -33,8 +32,8 @@ class NetworkManager {
 
     public var state(default, null):ConnectionState;
     public var stateSignal:Signal<ConnectionState>;
-    public var listGameSignal:Signal<Array<GameInfoProto>>;
-    public var gameSignal:Signal<GameInfoProto>;
+    public var listGameSignal:Signal<Array<GameProto>>;
+    public var gameSignal:Signal<GameProto>;
     public var gameUpdateSignal:Signal<Array<GameChangeProto>>;
 
     @:provide private var connection:ClientConnection;
@@ -98,23 +97,7 @@ class NetworkManager {
     }
 
     public function action(action:TankAction):Void {
-        var update:GameUpdateRequest = switch action {
-            case TankAction.MOVE(direction):
-                new GameUpdateRequest()
-                    .setType(GameActionTypeProto.MOVE)
-                    .setDirectionX(direction.x)
-                    .setDirectionY(direction.y);
-            case TankAction.STOP:
-                new GameUpdateRequest()
-                    .setType(GameActionTypeProto.STOP);
-            case TankAction.SHOT:
-                new GameUpdateRequest()
-                    .setType(GameActionTypeProto.SHOT);
-            case _: null;
-        }
-        if (update != null) {
-            connection.send(new Request().setUpdateGame(update));
-        }
+        // ToDo: network
     }
 
     private function onConnectionEvent(event:ConnectionEvent):Void {
@@ -152,10 +135,6 @@ class NetworkManager {
             gameSignal.emit(null);
         } else if (packet.hasStartGame()) {
             gameSignal.emit(packet.startGame.game);
-        } else if (packet.hasUpdateGame()) {
-            gameUpdateSignal.emit(packet.updateGame.changes);
-        } else if (packet.hasGame()) {
-            //game.load(packet.game.game);
         }
     }
 }

src/client/haxe/ru/m/tankz/view/ClientView.yaml

@@ -15,3 +15,5 @@ views:
     $type: ru.m.tankz.view.SettingsFrame
   - id: record
     $type: ru.m.tankz.view.RecordFrame
+  - id: game_list
+    $type: ru.m.tankz.view.network.GameListFrame

src/client/haxe/ru/m/tankz/view/NetworkFrame.hx

@@ -1,108 +0,0 @@
-package ru.m.tankz.view;
-
-import haxework.view.ButtonView;
-import haxework.view.frame.IFrameSwitcher;
-import haxework.view.IGroupView;
-import haxework.view.InputView;
-import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import haxework.view.VGroupView;
-import haxework.provider.Provider;
-import ru.m.tankz.game.GameState;
-import ru.m.tankz.network.NetworkManager;
-import ru.m.tankz.preset.ClassicGame;
-import ru.m.tankz.proto.core.GameInfoProto;
-import ru.m.tankz.proto.core.GameStateProto;
-import ru.m.tankz.proto.core.UserProto;
-
-
-@:template class NetworkFrame extends VGroupView {
-    public static var ID(default, never):String = "network";
-
-    @:view var frameSwitcher(default, null):IFrameSwitcher;
-
-    @:view var loginFrame(default, null):IGroupView;
-    @:view var stateLabel(default, null):LabelView;
-    @:view var nameInput(default, null):InputView;
-    @:view var loginButton(default, null):ButtonView;
-
-    @:view var gameListFrame(default, null):IGroupView;
-    @:view var createGameButton(default, null):ButtonView;
-    @:view var gameList(default, null):ListView<GameInfoProto>;
-
-    @:view var gameFrame(default, null):IGroupView;
-    @:view var leaveGameButton(default, null):ButtonView;
-    @:view var startGameButton(default, null):ButtonView;
-    @:view var userList(default, null):ListView<UserProto>;
-
-    @:provide var network:NetworkManager;
-    @:provide var mainFrameSwitcher:IFrameSwitcher;
-
-    public function init():Void {
-        loginButton.onPress = this;
-        createGameButton.onPress = this;
-        leaveGameButton.onPress = this;
-        startGameButton.onPress = this;
-        gameList.dispatcher.addListener({
-            onListItemClick: function(item:IListItemView<GameInfoProto>):Void {
-                network.joinGame(item.data.id);
-            }
-        });
-    }
-
-    public function onShow():Void {
-        nameInput.text = network.user.name;
-        onStateChange(network.state);
-        network.stateSignal.connect(onStateChange);
-    }
-
-    private function onStateChange(state:String):Void {
-        loginButton.disabled = !(state == "offline" || state == "error");
-        stateLabel.text = state;
-        if (state == 'online') {
-            gameList.data = [];
-            frameSwitcher.change(gameListFrame.id);
-            network.listGameSignal.connect(onListGame);
-            network.gameSignal.connect(onGame);
-            network.listGame();
-        } else {
-            frameSwitcher.change(loginFrame.id);
-        }
-    }
-
-    private function onListGame(games:Array<GameInfoProto>):Void {
-        gameList.data = games;
-    }
-
-    private function onGame(game:GameInfoProto):Void {
-        if (game != null) {
-            userList.data = game.players;
-            frameSwitcher.change(gameFrame.id);
-            if (game.state == GameStateProto.STARTED) {
-                Provider.set(GameState, new GameState(ClassicGame.TYPE, ClassicGame.PLAYER1));
-                mainFrameSwitcher.change(GameFrame.ID);
-            }
-        } else {
-            frameSwitcher.change(gameListFrame.id);
-        }
-    }
-
-    public function onHide():Void {
-        network.listGameSignal.disconnect(onListGame);
-        network.gameSignal.disconnect(onGame);
-        network.stateSignal.disconnect(onStateChange);
-    }
-
-    public function onPress(view:ButtonView):Void {
-        switch (view.id) {
-            case 'loginButton':
-                network.login(nameInput.text);
-            case 'createGameButton':
-                network.createGame('classic');
-            case 'leaveGameButton':
-                network.leaveGame();
-            case 'startGameButton':
-                network.startGame();
-        }
-    }
-}

src/client/haxe/ru/m/tankz/view/NetworkFrame.yaml

@@ -1,90 +0,0 @@
----
-pWidth: 100
-pHeight: 100
-views:
-- id: frameSwitcher
-  $type: haxework.view.frame.FrameSwitcher
-  pWidth: 100
-  pHeight: 100
-  views:
-  # login
-  - id: loginFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: stateLabel
-      $type: haxework.view.LabelView
-      $style: label
-      text: offline
-      width: 200
-      height: 50
-    - id: nameInput
-      $type: haxework.view.InputView
-      $style: label
-      width: 200
-      height: 50
-      text: User
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: '#444444'
-    - id: loginButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Login
-  # game list
-  - id: gameListFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: createGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Create
-    - id: gameList
-      $type: haxework.view.list.VListView<ru.m.tankz.proto.core.GameInfoProto>
-      factory: "@class:ru.m.tankz.view.network.GameItemView"
-      pWidth: 100
-      pHeight: 100
-      paddings: 10
-      scroll:
-        $type: haxework.view.list.VScrollView
-        width: 10
-        pHeight: 100
-        skin:
-          $type: haxework.view.list.VScrollSkin
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: "#000000"
-        alpha: 0
-  # game
-  - id: gameFrame
-    $type: haxework.view.VGroupView
-    pWidth: 100
-    pHeight: 100
-    views:
-    - id: startGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Start
-    - id: leaveGameButton
-      $type: haxework.view.ButtonView
-      $style: button
-      text: Leave
-    - id: userList
-      $type: haxework.view.list.VListView<ru.m.tankz.proto.core.UserProto>
-      factory: "@class:ru.m.tankz.view.network.UserItemView"
-      pWidth: 100
-      pHeight: 100
-      paddings: 10
-      scroll:
-        $type: haxework.view.list.VScrollView
-        width: 10
-        pHeight: 100
-        skin:
-          $type: haxework.view.list.VScrollSkin
-      skin:
-        $type: haxework.view.skin.ColorSkin
-        color: "#000000"
-        alpha: 0

src/client/haxe/ru/m/tankz/view/StartFrame.yaml

@@ -28,7 +28,7 @@ views:
           - id: network
             $type: haxework.view.ButtonView
             skinId: button
-            # +onPress: $code:switcher.change('record')
+            +onPress: $code:switcher.change('game_list')
             text: Network
             disabled: true
     - $type: haxework.view.HGroupView

src/client/haxe/ru/m/tankz/view/network/GameItemView.hx

@@ -1,21 +1,24 @@
 package ru.m.tankz.view.network;
 
-import haxework.view.HGroupView;
 import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import ru.m.tankz.proto.core.GameInfoProto;
+import haxework.view.HGroupView;
+import haxework.view.list.ListView.IListItemView;
+import ru.m.tankz.proto.core.GameProto;
 
-
-@:template class GameItemView extends HGroupView implements IListItemView<GameInfoProto> {
+@:template class GameItemView extends HGroupView implements IListItemView<GameProto> {
 
     public var item_index(default, default):Int;
-    public var data(default, set):GameInfoProto;
+    public var data(default, set):GameProto;
 
-    @:view var label(default, null):LabelView;
+    @:view var label:LabelView;
 
-    private function set_data(value:GameInfoProto):GameInfoProto {
+    private function set_data(value:GameProto):GameProto {
         data = value;
-        label.text = '${data.type}';
+        label.text = '${value.id}. ${value.type} - ${value.level} (${value.creator.name})';
         return data;
     }
+
+    public static function factory():GameItemView {
+        return new GameItemView();
+    }
 }

src/client/haxe/ru/m/tankz/view/network/GameItemView.yaml

@@ -1,15 +1,8 @@
 ---
-width: 440
-height: 44
-margins: 5
+geometry.size.width: 100%
+geometry.size.height: 48
 views:
-- id: label
-  $type: haxework.view.LabelView
-  $style: label
-  pWidth: 100
-  pHeight: 100
-  text: ""
-skin:
-  $type: haxework.view.skin.ColorSkin
-  color: "#000000"
-  alpha: 0.2
+    - id: label
+      $type: haxework.view.LabelView
+      geometry.size.stretch: true
+      skinId: text.box

src/client/haxe/ru/m/tankz/view/network/GameListFrame.hx

@@ -0,0 +1,29 @@
+package ru.m.tankz.view.network;
+
+import haxework.view.list.VListView;
+import ru.m.tankz.proto.core.GameProto;
+import ru.m.tankz.network.NetworkManager;
+import haxework.view.frame.FrameSwitcher;
+import haxework.view.VGroupView;
+
+@:template class GameListFrame extends VGroupView {
+    public static inline var ID = "game_list";
+
+    @:view var games:VListView<GameProto>;
+
+    @:provide var switcher:FrameSwitcher;
+    @:provide var network:NetworkManager;
+
+    public function onShow():Void {
+        network.listGameSignal.connect(onGameList);
+        network.listGame();
+    }
+
+    public function onHide():Void {
+        network.listGameSignal.disconnect(onGameList);
+    }
+
+    private function onGameList(data:Array<GameProto>):Void {
+        games.data = data;
+    }
+}

src/client/haxe/ru/m/tankz/view/network/GameListFrame.yaml

@@ -0,0 +1,22 @@
+---
+views:
+    - $type: haxework.view.VGroupView
+      skinId: container
+      geometry.padding: 20
+      views:
+          - id: header
+            $type: haxework.view.LabelView
+            skinId: text.header
+            text: Games List
+          - id: games
+            $type: haxework.view.list.VListView
+            geometry.size.stretch: true
+            geometry.margin.top: 20
+            factory: $code:ru.m.tankz.view.network.GameItemView.factory
+            geometry.margin: 10
+    - $type: haxework.view.HGroupView
+      skinId: panel
+      views:
+          - $type: haxework.view.ButtonView
+            skinId: button.close
+            +onPress: $code:switcher.change('start')

src/client/haxe/ru/m/tankz/view/network/UserItemView.hx

@@ -1,21 +0,0 @@
-package ru.m.tankz.view.network;
-
-import haxework.view.HGroupView;
-import haxework.view.LabelView;
-import haxework.view.list.ListView;
-import ru.m.tankz.proto.core.UserProto;
-
-
-@:template class UserItemView extends HGroupView implements IListItemView<UserProto> {
-
-    public var item_index(default, default):Int;
-    public var data(default, set):UserProto;
-
-    @:view var label(default, null):LabelView;
-
-    private function set_data(value:UserProto):UserProto {
-        data = value;
-        label.text = '${data.uuid} -- ${data.name}';
-        return data;
-    }
-}

src/client/haxe/ru/m/tankz/view/network/UserItemView.yaml

@@ -1,15 +0,0 @@
----
-width: 440
-height: 44
-margins: 5
-views:
-- id: label
-  $type: haxework.view.LabelView
-  $style: label
-  pWidth: 100
-  pHeight: 100
-  text: ""
-skin:
-  $type: haxework.view.skin.ColorSkin
-  color: "#000000"
-  alpha: 0.2