CabinGame/Luxe/blocks/ui.wren

import "luxe: draw" for Draw, PathStyle
import "luxe: world" for Entity, Transform, UI, UIRenderMode
import "luxe: ui/control" for Control
import "luxe: ui/panel" for UIPanel
import "luxe: ui/list" for UIList
import "luxe: ui/button" for UIButton
import "luxe: ui/image" for UIImage
import "luxe: assets" for Assets
import "luxe: ui/text" for UIText

import "globals" for Globals
import "blocks/ui/image_button" for ImageButton
import "math/observable" for Observable
import "blocks/ui/simple_text" for UISimpleText

class Ui{
  static Planning{"planning"}
  static Info {"info"}

  font{"assets/fonts/BabyBlocks"}

  ui_mode{_ui_mode.value}
  ui_mode=(v){_ui_mode.value = v}

  construct new(app){
    var game = Globals["Game"]
    var ui_rect = Globals["UiRect"]

    _ui_mode = Observable.new(Ui.Info)

    _ui = Entity.create(app.ui, "UI Root")
    
    UI.create(_ui, ui_rect.x, ui_rect.y, ui_rect.width, ui_rect.height, 0, app.ui_camera)
    UI.set_render_mode(_ui, UIRenderMode.world)

    _info = setup_info()
    _planning = setup_planning()

    _ui_mode.on_change(true) {|val| 
      Control.set_visible(_planning, val == Ui.Planning)
      Control.set_visible(_info, val == Ui.Info)
      UI.commit(_ui)
    }

    game.Focus.on_change() {|val|
      ui_mode = Ui.Info
    }
    
    UI.commit(_ui)
  }

  setup_info(){
    var ui_rect = Globals["UiRect"]

    var root = Control.create(_ui)
    Control.set_size(root, ui_rect.width, ui_rect.height)
    setup_info_toolbar(root)
    setup_info_human(root)
    return root
  }

  setup_info_toolbar(root){
    var ui_rect = Globals["UiRect"]

    //list
    var list = Control.create(_ui)
    Control.set_id(list, "info list")
    Control.child_add(root, list)
    //todo: make list horizontal?
    Control.set_pos(list, 0, ui_rect.height-16)
    Control.set_size(list, ui_rect.width, 16)

    var adventureButtons = Assets.image("assets/AdventureButtons")
    var tiles = [10, 1]
    var button

    //plan adventure
    button = list_button(list)
    Control.set_id(button, "info button %(0)")
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Adventure!")
    ImageButton.set_tile_uv(button, tiles, [1, 0])
    ImageButton.set_state_change(button) { |data|
      if(data["press"]){
        ui_mode = Ui.Planning
      }
    }
    
    //info
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Stats")
    ImageButton.set_tile_uv(button, tiles, [2, 0])

    //read diary
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Diary")
    ImageButton.set_tile_uv(button, tiles, [1, 0])
    
    //resources
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Resources")
    ImageButton.set_tile_uv(button, tiles, [4, 0])
  }

  setup_info_human(root){
    var portrait = UIImage.create(_ui)
    Control.set_pos(portrait, 1, 1)
    Control.set_size(portrait, 30, 46)
    Control.set_id(portrait, "person info portrait")
    Control.child_add(root, portrait)

    var frame = UIImage.create(_ui)
    UIImage.set_image(frame, Assets.image("assets/wip/Frame"))
    Control.set_pos(frame, 1, 1)
    Control.set_size(frame, 30, 46)
    Control.set_id(frame, "person info frame")
    Control.child_add(root, frame)

    Globals["Game"].Focus.on_change(true) {|val|
      //todo: more sophisticated portrait generation
      UIImage.set_image(portrait, Assets.image("assets/wip/Portrait"))
      UIImage.set_color(portrait, Human.get_color(val) || [0, 0, 0, 1])
    }

    var name = Control.create(_ui)
    Control.set_pos(name, 32, 1)
  }

  setup_planning(){
    var ui_rect = Globals["UiRect"]
    var game = Globals["Game"]

    var root = Control.create(_ui)
    Control.set_size(root, ui_rect.width, ui_rect.height)

    //list
    var list = Control.create(_ui)
    Control.child_add(root, list)
    Control.set_pos(list, 0, ui_rect.height-16)
    Control.set_size(list, ui_rect.width, 16)

    var adventureButtons = Assets.image("assets/AdventureButtons")
    var tiles = [10, 1]
    var button

    //back to info
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Info")
    ImageButton.set_tile_uv(button, tiles, [1, 0])
    ImageButton.set_state_change(button) { |data| 
      if(data["press"]){
        ui_mode = Ui.Info
      }
    }

    //abort
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Abort")
    ImageButton.set_tile_uv(button, tiles, [0, 0])

    //people
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "People")
    ImageButton.set_tile_uv(button, tiles, [2, 0])
    
    //stuff
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Stuff")
    ImageButton.set_tile_uv(button, tiles, [4, 0])
    
    //direction
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Direction")
    ImageButton.set_tile_uv(button, tiles, [3, 0])
    
    //go
    button = list_button(list)
    UIImage.set_image(button, adventureButtons)
    ImageButton.set_tooltip(button, "Depart")
    ImageButton.set_tile_uv(button, tiles, [5, 0])

    return root
  }

  list_button(parent){
    var button = ImageButton.create(_ui)
    Control.child_add(parent, button)
    var i = Control.child_index(parent, button)
    Control.set_size(button, 16, 16)
    Control.set_pos(button, i*16, 0) //let list handle this in future
    System.print("%(Control.get_pos_x(button)), %(Control.get_pos_y(button))")
    return button
  }

  test(){
    ImageButton.get_data(_test)
  }
}

//this is behind the class def to make cyclic dependency happy lol
import "blocks/human/human" for Human