Monadic-ScalaFX-Demo/src/main/scala/nova/monadic_sfx/ui/components/todo/TodoListView.scala

package nova.monadic_sfx.ui.components.todo

import monix.bio.Task
import monix.execution.cancelables.CompositeCancelable
import monix.{eval => me}
import nova.monadic_sfx.util.controls.FontIcon
import nova.monadic_sfx.util.controls.IconLiteral
import nova.monadic_sfx.util.controls.JFXButton
import nova.monadic_sfx.util.controls.JFXListView
import nova.monadic_sfx.util.controls.JFXTextField
import nova.monadic_sfx.util.controls.MenuItem
import nova.monadic_sfx.implicits._
import nova.monadic_sfx.util.reactive.store._
import org.gerweck.scalafx.util._
import scalafx.Includes._
import scalafx.beans.property.ObjectProperty
import scalafx.beans.property.StringProperty
import scalafx.geometry.Insets
import scalafx.scene.Parent
import scalafx.scene.control.ContextMenu
import scalafx.scene.control.ListCell
import scalafx.scene.control.SelectionMode
import scalafx.scene.layout.HBox
import scalafx.scene.text.Text
import scalafx.geometry.Pos
import scalafx.scene.layout.BorderPane
import scalafx.scene.layout.Priority

object TodoListView {
  def apply(
      store: Store[TodoListStore.Action, TodoListStore.State]
  ): Task[Parent] =
    Task.deferAction(implicit s =>
      Task {
        val cc = CompositeCancelable()
        val todos = store.map { case (_, state) => state.todos }
        val _selectedItems = ObjectProperty(Seq.empty[Todo])

        new BorderPane {
          padding = Insets(5)
          val _content = StringProperty("")
          center = new HBox {
            padding = Insets(5)
            children ++= Seq(new JFXListView[Todo] {
              hgrow = Priority.Always
              def selectedItems = selectionModel().selectedItems.view
              styleClass ++= Seq("text-white")
              selectionModel().selectionMode = SelectionMode.Multiple
              selectionModel().selectedItems.observableSeqValue ==> _selectedItems

              cc += items <-- todos

              val emptyCell = ObjectProperty(new HBox)
              cellFactory = _ =>
                new ListCell[Todo] {
                  val _text = StringProperty("")
                  val _graphic = ObjectProperty(
                    new HBox {
                      children = Seq(
                        new FontIcon {
                          iconSize = 10
                          iconLiteral = IconLiteral.Gmi10k
                        },
                        new Text {
                          text <== _text
                        }
                      )
                    }
                  )

                  item.asOption.map(
                    _.fold("")(todo => s"${todo.id} - ${todo.content}")
                  ) ==> _text

                  graphic <== item.asOption.flatMap(
                    _.fold(emptyCell)(_ => _graphic)
                  )

                }

              contextMenu = new ContextMenu {
                items ++= Seq(
                  new MenuItem {
                    text = "Delete"
                    obsAction.useIterableEval(_ =>
                      selectedItems
                        .map(todo => TodoListStore.Delete(todo.id))
                        .toList
                    ) --> store

                    // obsAction.split(
                    //   _.useLazyEval(me.Task(TodoListStore.Delete(0))) --> store,
                    //   _.useLazyEval(me.Task(TodoListStore.Delete(0))) --> store,
                    //   _.useLazyEval(me.Task(TodoListStore.Delete(0))) --> store
                    // )
                  },
                  new MenuItem {
                    text = "Edit"
                  }
                )
              }
            })
          }

          bottom = new HBox {
            spacing = 5
            padding = Insets(5)
            children = Seq(
              new JFXTextField {
                text ==> _content
              },
              new JFXButton {
                text = "Add"
                alignment = Pos.Center
                // disable <== _selectedItems.map(_.length > 0)
                styleClass = Seq("btn", "btn-primary")
                obsAction
                  .useLazyEval(me.Task(TodoListStore.Add(_content()))) --> store
              },
              new JFXButton {
                text = "Edit"
                alignment = Pos.Center
                disable <== _selectedItems.map(_.length > 1)
                styleClass = Seq("btn", "btn-info")
                style = ""
                obsAction.useLazyEval(
                  me.Task(
                    TodoListStore.Edit(
                      _selectedItems
                        .map(_.headOption.map(_.id).getOrElse(-1))
                        .value,
                      _content()
                    )
                  )
                ) --> store
              }
            )
          }
        }
      }
    )
}