Pq.loginPage = SC.Page.design({
  mainPane: SC.MainPane.design({
    defaultResponder: 'Pq.Statechart',
    childViews: 'form'.w(),

    form: SC.View.design({
      layout: { width: 200, height: 160, centerX: 0, centerY: 0 },
      childViews: 'header userName password loginButton'.w(),

      header: SC.LabelView.design({
        layout: { width: 200, height: 24, top: 0, centerX: 0 },
        controlSize: SC.LARGE_CONTROL_SIZE,
        value: 'Авторизация',
        textAlign: SC.ALIGN_CENTER
      }),

      userName: SC.TextFieldView.design({
        layout: { width: 150, height: 30, top: 30, centerX: 0},
        hint: 'Логин',
        valueBinding: 'Pq.loginController.userName'
      }),

      password: SC.TextFieldView.design({
        layout: {  width: 150, height: 30, top: 80, centerX: 0 },
        hint: 'Пароль',
        isPassword: YES,
        valueBinding: 'Pq.loginController.password'
      }),

      loginButton: SC.ButtonView.design({
        layout: { width: 100, height: 30, top: 120, centerX: 0 },
        conrolSize: SC.HUGE_CONTROL_SIZE,
        title: 'Войти',
        action: 'authenticate'
      })
    })
  })
});