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.eval.Coeval
import monix.execution.cancelables.CompositeCancelable
import monix.{eval => me}
import nova.monadic_sfx.implicits._
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.util.reactive.store._
import org.gerweck.scalafx.util._
import scalafx.Includes._
import scalafx.beans.property.ObjectProperty
import scalafx.beans.property.StringProperty
import scalafx.collections.ObservableBuffer
import scalafx.geometry.Insets
import scalafx.geometry.Pos
import scalafx.scene.Parent
import scalafx.scene.control.ContextMenu
import scalafx.scene.control.Label
import scalafx.scene.control.ListCell
import scalafx.scene.control.SelectionMode
import scalafx.scene.layout.BorderPane
import scalafx.scene.layout.HBox
import scalafx.scene.layout.Priority
import scalafx.scene.paint.Color
import nova.monadic_sfx.util.controls.ActionObservableDsl
import nova.monadic_sfx.ui.FXComponent

object TodoListView {
  def apply(
      store: MyStore[TodoListStore.Action, TodoListStore.State]
  ) =
    FXComponent(implicit cc =>
      Task.deferAction(implicit s =>
        Task {
          import ActionObservableDsl._
          // implicit val cc = CompositeCancelable()
          val todos = store.source
            .map { case (_, state) => state.todos }
            .distinctUntilChanged
            .map(ObservableBuffer.from)
            .doOnNextF(item => Coeval(println(s"Received item: $item")))
          val _selectedItems = ObjectProperty(Seq.empty[Todo])

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

                items <-- todos.map(_.delegate)

                val emptyCell = ObjectProperty(new HBox)
                cellFactory = _ =>
                  new ListCell[Todo] {
                    val _text = StringProperty("")
                    val _graphic = ObjectProperty(
                      new HBox {
                        styleClass ++= Seq("text-white", "strong", "todo-cell")
                        children = Seq(
                          new FontIcon {
                            iconSize = 20
                            iconLiteral = IconLiteral.Gmi10k
                            fill = Color.White
                          },
                          new Label {
                            style = "-fx-text-fill: white "
                            styleClass ++= Seq("text-white", "strong")
                            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.(_ =>
                      //   selectedItems
                      //     .map(todo => TodoListStore.Delete(todo.id))
                      //     .toList
                      // ) --> store.sink

                      obsAction.flatMapIterable(_ =>
                        selectedItems
                          .map(todo => TodoListStore.Delete(todo.id))
                          .toList
                      ) --> store.sink

                      // 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 {
                  id = "todoInputField"
                  style = "-fx-background-color: rgb(38,38,38);"
                  styleClass += "text-white"
                  text ==> _content
                  vgrow = Priority.Always
                },
                new JFXButton {
                  id = "todoAddButton"
                  text = "Add"
                  alignment = Pos.Center
                  // disable <== _selectedItems.map(_.length > 0)
                  styleClass = Seq("btn", "btn-primary")
                  obsAction
                    .mapEval(_ =>
                      me.Task(TodoListStore.Add(_content()))
                    ) --> store.sink
                },
                new JFXButton {
                  id = "todoEditButton"
                  text = "Edit"
                  alignment = Pos.Center
                  disable <== _selectedItems.map(_.length > 1)
                  styleClass = Seq("btn", "btn-info")
                  obsAction.mapEval(_ =>
                    me.Task(
                      TodoListStore.Edit(
                        _selectedItems
                          .map(_.headOption.map(_.id).getOrElse(-1))
                          .value,
                        _content()
                      )
                    )
                  ) --> store.sink
                }
              )
            }
          }
        }
      )
    )
}