NodesNim/examples/sample_messenger/scenes/enter.nim

import
  ../server_api/api,
  asyncdispatch,
  nodesnim


var
  gradient = GradientDrawable()

gradient.setCornerColors(Color("#cac"), Color("#cac"), Color("#acc"), Color("#acc"))


build:
  - Scene (enter_scene):
  
    - Control background:
      call setSizeAnchor(1, 1)
      call setBackground(gradient)
  
      - VBox input:
        separator: 8
        call:
          setAnchor(0.5, 0.5, 0.5, 0.5)
          setChildAnchor(0.5, 0.5, 0.5, 0.5)
          resize(256, 256+64)
          setStyle(style({
              border-radius: 8,
              border-detail: 8,
              background-color: rgba(100, 111, 122, 0.4)
            }))
  
        - EditText login:
          caret: false
          call:
            setTextAlign(0.5, 0.5, 0.5, 0.5)
            setHint("Username")
            setHintColor(Color("#ebebeb"))
            setTextColor(Color("#fff"))
            setStyle(style({
                border-radius: 8,
                border-detail: 8,
                border-color: rgba(100, 111, 122, 0.4),
                border-width: 1
              }))
        - Button send:
          call setText("ENTER")


send.normal_background.setStyle(style({
  border-radius: 8,
  border-detail: 8,
  background-color: rgba(100, 111, 122, 0.4),
  background-width: 1
}))
send.hover_background.setStyle(style({
  border-radius: 8,
  border-detail: 8,
  background-color: rgba(100, 111, 122, 0.6),
  background-width: 1
}))
send.press_background.setStyle(style({
  border-radius: 8,
  border-detail: 8,
  background-color: rgba(100, 111, 122, 0.8),
  background-width: 1
}))


send@onClick(self, x, y):
  username = login.getText()
  if username.len > 0:
    var response = waitFor enter()
    if response:
      changeScene("chat_scene")