// OT-MMO: tocadiscos de las casas (game_tocadiscos.lua). Estilo VALDREN: ValdrenVentana (marco fino de hierro y oro) y
// ValdrenBoton, importados de /game_viaje/valdren. Lo que suena manda (título grande en oro claro); debajo, una línea
// para pegar el enlace y la cola. Oro #C7A86B solo en lo que se pulsa.

TdEtiqueta < Label
  ttf-font: geist
  ttf-font-size: 11
  color: #9AA7AE
  text-auto-resize: true

TdBotonSec < UIButton
  height: 30
  ttf-font: geistsemibold
  ttf-font-size: 13
  color: #E8D3A2
  background-color: alpha
  border-width: 1
  border-color: #C7A86B80
  width: 104
  click-sound: 2774

  $hover !disabled:
    background-color: #C7A86B1F
    border-color: #C7A86B

  $pressed !disabled:
    text-offset: 0 1

  $disabled:
    color: #9AA7AE80
    border-color: #39444C

TdBotonTexto < UIButton
  height: 24
  ttf-font: geist
  ttf-font-size: 12
  color: #9AA7AE
  background-color: alpha
  text-auto-resize: true
  padding-left: 6
  padding-right: 6

  $hover !disabled:
    color: #DC6B6B

// Fila de la cola: número, título (o id) y quién la puso; «Quitar» a la derecha.
TdFila < UIWidget
  height: 34
  background-color: alpha
  border-width: 0
  border-color: #39444C

  $hover:
    background-color: #E2E5E60D

  Label
    id: num
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    margin-left: 2
    width: 18
    ttf-font: geistmono
    ttf-font-size: 11
    color: #9AA7AE
    phantom: true

  Label
    id: titulo
    anchors.top: parent.top
    anchors.left: num.right
    anchors.right: quitar.left
    margin-top: 2
    margin-left: 6
    margin-right: 6
    height: 16
    ttf-font: geistsemibold
    ttf-font-size: 12
    color: #E2E5E6
    phantom: true

  Label
    id: sub
    anchors.top: titulo.bottom
    anchors.left: titulo.left
    anchors.right: titulo.right
    height: 14
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE
    phantom: true

  TdBotonTexto
    id: quitar
    anchors.right: parent.right
    anchors.verticalCenter: parent.verticalCenter
    text: Quitar

TdVentana < ValdrenVentana
  id: tocadiscosVentana
  size: 452 472
  text: Tocadiscos
  @onEscape: modules.game_tocadiscos.cerrar()

  TdEtiqueta
    id: cabecera
    anchors.top: parent.top
    anchors.left: parent.left
    ttf-font: geistsemibold
    ttf-font-size: 12
    text: Sonando ahora
    color: #C7A86B

  Label
    id: titulo
    anchors.top: cabecera.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 6
    height: 42
    text-wrap: true
    text-align: topLeft
    ttf-font: geistsemibold
    ttf-font-size: 16
    color: #E8D3A2

  Label
    id: sub
    anchors.top: titulo.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 2
    height: 16
    ttf-font: geist
    ttf-font-size: 12
    color: #9AA7AE

  TdBotonSec
    id: parar
    anchors.top: sub.bottom
    anchors.left: parent.left
    margin-top: 12
    text: Parar
    @onClick: modules.game_tocadiscos.parar()

  TdBotonSec
    id: siguiente
    anchors.top: parar.top
    anchors.left: parar.right
    margin-left: 8
    text: Siguiente
    @onClick: modules.game_tocadiscos.siguiente()

  HorizontalSeparator
    id: sep1
    anchors.top: parar.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 16

  TdEtiqueta
    id: etiquetaEnlace
    anchors.top: sep1.bottom
    anchors.left: parent.left
    margin-top: 14
    text: Enlace de YouTube (youtube.com o youtu.be)

  TextEdit
    id: enlace
    anchors.top: etiquetaEnlace.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 6
    height: 28
    padding-left: 8
    text-offset: 0 6
    ttf-font-size: 13
    max-length: 300

  Label
    id: estado
    anchors.top: enlace.bottom
    anchors.left: parent.left
    anchors.right: aCola.left
    margin-top: 10
    margin-right: 8
    height: 44
    text-wrap: true
    ttf-font: geist
    ttf-font-size: 11
    color: #9AA7AE

  ValdrenBoton
    id: ponerYa
    anchors.top: enlace.bottom
    anchors.right: parent.right
    margin-top: 10
    width: 120
    text: Poner ahora
    @onClick: modules.game_tocadiscos.ponerYa()

  TdBotonSec
    id: aCola
    anchors.top: ponerYa.top
    anchors.right: ponerYa.left
    margin-right: 8
    text: A la cola
    @onClick: modules.game_tocadiscos.aCola()

  TdEtiqueta
    id: etiquetaCola
    anchors.top: ponerYa.bottom
    anchors.left: parent.left
    ttf-font: geistsemibold
    ttf-font-size: 12
    margin-top: 18
    text: En cola
    color: #C7A86B

  Panel
    id: cola
    anchors.top: etiquetaCola.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 6
    height: 174
    layout:
      type: verticalBox
      spacing: 0

  Label
    id: colaVacia
    anchors.top: cola.top
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 4
    height: 32
    text-wrap: true
    ttf-font: geist
    ttf-font-size: 12
    color: #9AA7AE60
    text: Nada en cola. «A la cola» guarda la canción para cuando acabe la que suena.

  TdEtiqueta
    id: nota
    anchors.bottom: parent.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    text-auto-resize: false
    height: 30
    text-wrap: true
    color: #9AA7AEB0

// -- Panel de Opciones > Sound > Tocadiscos (estilo del resto de Opciones) ---------------------------------------
TdOpciones < UIWidget
  anchors.fill: parent
  visible: false

  SmallReversedQtPanel
    id: panelOtros
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: parent.top
    height: 22

    QtCheckBox
      id: otros
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 4
      color: #c0c0c0ff
      text: Silenciar la música que ponen otros jugadores
      @onCheckChange: modules.game_tocadiscos.opcionOtros(self:isChecked())

  SmallReversedQtPanel
    id: panelVolumen
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: prev.bottom
    margin-top: 7
    height: 22

    Label
      id: volumenTexto
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 8
      text-auto-resize: true
      color: #c0c0c0ff

    HorizontalQtScrollBar
      id: volumen
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 3
      width: 174
      minimum: 0
      maximum: 100
      step: 5
      @onValueChange: modules.game_tocadiscos.opcionVolumen(self:getValue())

  SmallReversedQtPanel
    id: panelSilenciados
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: prev.bottom
    margin-top: 7
    height: 30

    Label
      id: silenciadosTexto
      anchors.left: parent.left
      anchors.verticalCenter: parent.verticalCenter
      margin-left: 8
      text-auto-resize: true
      color: #c0c0c0ff

    QtButton
      id: reactivar
      anchors.right: parent.right
      anchors.verticalCenter: parent.verticalCenter
      margin-right: 4
      width: 120
      height: 20
      text: Volver a oírlos
      @onClick: modules.game_tocadiscos.reactivarTodos()

  Label
    id: nota
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.top: prev.bottom
    margin-top: 10
    margin-left: 4
    text-wrap: true
    text-auto-resize: true
    color: #909090ff