Drtii 1557 min staff

client/src/main/scala/drt/client/SPAMain.scala

@@ -100,6 +100,19 @@ object SPAMain {
     }
   }
 
+  object UrlDayRangeType {
+    val paramName = "dayRange"
+
+    def apply(viewType: Option[String]): UrlParameter = new UrlParameter {
+      override val name: String = paramName
+      override val value: Option[String] = viewType
+    }
+  }
+
+
+  case class PortConfigPageLoc()
+
+
   object TerminalPageTabLoc {
     val hashValue: String = "#terminal"
 
@@ -131,6 +144,7 @@ object SPAMain {
     override def title(maybeTerminal: Option[Terminal]): String = title(pageName, maybeTerminal)
 
     val terminal: Terminal = Terminal(terminalName)
+    def dayRangeType = queryParams.get(UrlDayRangeType.paramName)
     val maybeViewDate: Option[LocalDate] = queryParams.get(UrlDateParameter.paramName)
       .filter(_.matches(".+"))
       .flatMap(dateStr => Try {
@@ -145,7 +159,6 @@ object SPAMain {
     val deskType: DeskType = queryParams.get(UrlViewType.paramName).map(vt => if (Ideal.queryParamsValue == vt) Ideal else Deployments).getOrElse(Deployments)
     val displayAs: DisplayType = queryParams.get(UrlDisplayType.paramName).map(vt => if (TableView.queryParamsValue == vt) TableView else ChartsView).getOrElse(TableView)
     val mode: TerminalPageMode = TerminalPageModes.fromString(modeStr)
-
     def viewMode: ViewMode = {
       (mode, maybeViewDate) match {
         case (Current, Some(viewDate)) =>
@@ -180,7 +193,7 @@ object SPAMain {
 
     def loadAction: Action = mode match {
       case Staffing =>
-        GetShiftsForMonth(dateFromUrlOrNow)
+        GetAllShifts
       case _ =>
         SetViewMode(viewMode)
     }

client/src/main/scala/drt/client/actions/Actions.scala

@@ -95,9 +95,9 @@ object Actions {
 
   case class GetShifts(viewMode: ViewMode) extends Action
 
-  case class SetShiftsForMonth(shiftsForMonth: MonthOfShifts) extends Action
+  case class SetAllShifts(allShifts: ShiftAssignments) extends Action
 
-  case class GetShiftsForMonth(month: SDateLike) extends Action
+  case object GetAllShifts extends Action
 
   case class UpdateShifts(shiftsToUpdate: Seq[StaffAssignment]) extends Action
 

client/src/main/scala/drt/client/components/Debug.scala

@@ -19,7 +19,7 @@ object Debug {
     .render_P { _ =>
       val staffingRCP = SPACircuit.connect(
         m => (
-          m.shifts,
+          m.dayOfShifts,
           m.fixedPoints,
           m.staffMovements,
           m.portStatePot,

client/src/main/scala/drt/client/components/HotTable.scala

@@ -1,8 +1,11 @@
 package drt.client.components
 
 import drt.client.logger.{Logger, LoggerFactory}
-import japgolly.scalajs.react.component.Js.Component
-import japgolly.scalajs.react.{Children, CtorType, JsComponent}
+import drt.shared.CrunchApi.MillisSinceEpoch
+import japgolly.scalajs.react.callback.Callback
+import japgolly.scalajs.react.component.Js.{Component, RawMounted, UnmountedWithRawType}
+import japgolly.scalajs.react.component.Scala.Unmounted
+import japgolly.scalajs.react.{Children, CtorType, JsComponent, Reusability, ScalaComponent}
 
 import scala.scalajs.js
 import scala.scalajs.js.annotation.JSImport
@@ -14,58 +17,73 @@ object HotTable {
 
   @JSImport("@handsontable/react", JSImport.Default)
   @js.native
-  object HotTableComponent extends js.Object
+  private object HotTableComponent extends js.Object
 
   @js.native
-  trait Props extends js.Object {
+  trait RawProps extends js.Object {
     var settings: js.Dictionary[js.Any] = js.native
   }
 
-  def props(data: Seq[Seq[Any]],
-            colHeadings: Seq[String],
-            rowHeadings: Seq[String],
-            changeCallback: (Int, Int, Int) => Unit,
-            colWidths: String = "2em"
-           ): Props = {
+  case class Props(data: Seq[Seq[Any]],
+                   colHeadings: Seq[String],
+                   rowHeadings: Seq[String],
+                   changeCallback: (Int, Int, Int) => Unit,
+                   colWidths: String = "2em",
+                   lastDataRefresh: MillisSinceEpoch,
+                  ) {
+    val raw: RawProps = {
+      import js.JSConverters._
 
-    import js.JSConverters._
-
-    val props = (new js.Object).asInstanceOf[Props]
-    val afterChange = (changes: js.Array[js.Array[Any]], _: String) => {
-      val maybeArray = Option(changes)
-      maybeArray.foreach(
-        c => {
-          c.toList.foreach(change =>
-            (change(0), change(1), change(3)) match {
-              case (row: Int, col: Int, value: String) =>
-                Try(Integer.parseInt(value)) match {
-                  case Success(v) =>
-                    changeCallback(row, col, v)
-                  case Failure(f) =>
-                    log.warn(s"Couldn't parse $value to an Integer $f")
-                }
-              case (row: Int, col: Int, value: Int) =>
-                changeCallback(row, col, value)
-              case other =>
-                log.error(s"couldn't match $other")
-            }
-          )
-        })
-      if (maybeArray.isEmpty) {
-        log.info(s"Called change function with no values")
+      val props = (new js.Object).asInstanceOf[RawProps]
+      val afterChange = (changes: js.Array[js.Array[Any]], _: String) => {
+        val maybeArray = Option(changes)
+        maybeArray.foreach(
+          c => {
+            c.toList.foreach(change =>
+              (change(0), change(1), change(3)) match {
+                case (row: Int, col: Int, value: String) =>
+                  Try(Integer.parseInt(value)) match {
+                    case Success(v) =>
+                      changeCallback(row, col, v)
+                    case Failure(f) =>
+                      log.warn(s"Couldn't parse $value to an Integer $f")
+                  }
+                case (row: Int, col: Int, value: Int) =>
+                  changeCallback(row, col, value)
+                case other =>
+                  log.error(s"couldn't match $other")
+              }
+            )
+          })
+        if (maybeArray.isEmpty) {
+          log.info(s"Called change function with no values")
+        }
       }
+
+      props.settings = js.Dictionary(
+        "data" -> data.map(_.toJSArray).toJSArray,
+        "rowHeaders" -> rowHeadings.toJSArray,
+        "colHeaders" -> colHeadings.toJSArray,
+        "afterChange" -> afterChange,
+        "colWidth" -> colWidths
+      )
+
+      props
     }
+  }
 
-    props.settings = js.Dictionary(
-      "data" -> data.map(_.toJSArray).toJSArray,
-      "rowHeaders" -> rowHeadings.toJSArray,
-      "colHeaders" -> colHeadings.toJSArray,
-      "afterChange" -> afterChange,
-      "colWidth" -> colWidths
-    )
+  implicit val propsReuse: Reusability[Props] = Reusability((a, b) => a.lastDataRefresh == b.lastDataRefresh)
 
-    props
+  class Backend {
+    def render(props: Props): UnmountedWithRawType[RawProps, Null, RawMounted[RawProps, Null]] = rawComponent(props.raw)
   }
 
-  val component: Component[Props, Null, CtorType.Props] = JsComponent[Props, Children.None, Null](HotTableComponent)
+  val rawComponent: Component[RawProps, Null, CtorType.Props] = JsComponent[RawProps, Children.None, Null](HotTableComponent)
+
+  val component = ScalaComponent.builder[Props]("HotTable")
+    .renderBackend[Backend]
+    .configure(Reusability.shouldComponentUpdate)
+    .build
+
+  def apply(props: Props): Unmounted[Props, Unit, Backend] = component(props)
 }