{
  "type":"haxework.gui.VGroupView",
  "paddings":10,
  "layoutMargin":10,
  "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x000000"},
  "views":[
    {
      "id":"panel",
      "type":"haxework.gui.HGroupView",
      "layoutHAlign":"LEFT",
      "pWidth":100,
      "height":30,
      "paddings":3,
      "layoutMargin":3,
      "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x505050"},
      "views":[
        {
          "id":"login",
          "type":"haxework.gui.ButtonView",
          "width":100,
          "pHeight":100,
          "skin":{"type":"haxework.gui.skin.ButtonColorSkin"},
          "text":"Login",
          "onPress":"#listener"
        },
        {
          "id":"connection_state",
          "type":"haxework.gui.LabelView",
          "width":150,
          "pHeight":100,
          "text":"Disconnected"
        },
        {
          "id":"nickname",
          "type":"haxework.gui.LabelView",
          "width":150,
          "pHeight":100,
          "text":""
        }
      ]
    },

    {
      "id":"error",
      "type":"haxework.gui.LabelView",
      "pWidth":100,
      "height":30,
      "fontColor":"0xff0000",
      "text":""
    },

    {
      "type":"haxework.gui.SpriteView",
      "pWidth":100,
      "pHeight":100,
      "skin":{"type":"haxework.gui.skin.ColorSkin", "color":"0x505050"}
    }
  ]
}