add very dummy own card controls

This commit is contained in:
efim 2023-04-27 21:07:35 +04:00
parent 107e7507f4
commit 11e65c009c
2 changed files with 31 additions and 0 deletions

View File

@ -0,0 +1,30 @@
package industries.sunshine.planningpoker
import scala.scalajs.js
import com.raquo.laminar.api.L.{*, given}
import industries.sunshine.planningpoker.common.Models.*
object OwnHandControls {
def render(roomStateSignal: Signal[RoomStateView]): Element = {
val a = 1
div(
className := "flex flex-row justify-center",
renderCard("xs"),
renderCard("s"),
renderCard("m"),
renderCard("l"),
)
}
def renderCard(value: String): Element = {
div(
className := "w-24 h-48 m-1 rounded flex justify-center items-center m-3",
className := "text-black bg-gray-50 border-black border-2",
div(
className := "-rotate-45 text-xl",
value
)
)
}
}

View File

@ -38,6 +38,7 @@ object RoomView {
className := "w-full h-full border-4 border-amber-900 flex flex-col",
OtherPlayers.render(roomStateSignal),
TableView.renderTable(roomStateSignal),
OwnHandControls.render(roomStateSignal),
wsStream.connect,
wsFinalDeathSignal.map(_ => false) --> loggedIn
)