#18 [front] added storages table

backend/src/main/scala/ru/vityaman/mylogistics/data/jdbc/JdbcStorageRepository.scala

@@ -23,7 +23,6 @@ private class JdbcStorageRepository(xa: Transactor[Task])
       location.name AS location_name
     FROM storage
     JOIN location ON storage.location_id = location.id
-    ORDER BY storage.name
     """
       .query[DetailedStorageRow]
       .stream

frontend/src/main/scala/ru/vityaman/mylogistics/Api.scala

@@ -25,4 +25,11 @@ object API {
         .get(s"${base}/transaction")
         .map(xhr => read[List[Transaction]](xhr.responseText))
   }
+
+  object Storage {
+    def getAll(): Future[List[StorageDetailed]] =
+      dom.ext.Ajax
+        .get(s"${base}/storage")
+        .map(xhr => read[List[StorageDetailed]](xhr.responseText))
+  }
 }

frontend/src/main/scala/ru/vityaman/mylogistics/MyLogistics.scala

@@ -23,6 +23,11 @@ object MyLogistics {
       case Success(list)      => storage.transactions.update(_ => list)
     }
 
+    API.Storage.getAll().onComplete {
+      case Failure(exception) => ???
+      case Success(list)      => storage.storages.update(_ => list)
+    }
+
     render(dom.document.querySelector("#root"), Window(storage))
   }
 }

frontend/src/main/scala/ru/vityaman/mylogistics/data/AppStorage.scala

@@ -6,5 +6,6 @@ import com.raquo.laminar.api.L._
 
 class AppStorage(
     val users: Var[List[User]] = Var(List[User]()),
-    val transactions: Var[List[Transaction]] = Var(List[Transaction]())
+    val transactions: Var[List[Transaction]] = Var(List[Transaction]()),
+    val storages: Var[List[StorageDetailed]] = Var(List[StorageDetailed]())
 ) {}

frontend/src/main/scala/ru/vityaman/mylogistics/model/StorageDetailed.scala

@@ -0,0 +1,13 @@
+package ru.vityaman.mylogistics.model
+
+import upickle.default._
+
+final case class StorageDetailed(
+    id: Int,
+    name: String,
+    locationName: String
+)
+
+object StorageDetailed {
+  implicit val rw: ReadWriter[StorageDetailed] = macroRW[StorageDetailed]
+}

frontend/src/main/scala/ru/vityaman/mylogistics/view/StorageList.scala

@@ -0,0 +1,28 @@
+package ru.vityaman.mylogistics.view
+
+import ru.vityaman.mylogistics.model.StorageDetailed
+
+import com.raquo.laminar.api.L._
+
+import com.raquo.airstream.core.Signal
+
+object StorageList {
+  def apply(storages: Signal[List[StorageDetailed]]): HtmlElement =
+    Table(
+      Seq("Id", "Name", "Location"),
+      tbody(children <-- storages.split(_.id)(render))
+    )
+
+  private def render(
+      id: Int,
+      initial: StorageDetailed,
+      signal: Signal[StorageDetailed]
+  ) =
+    tr(
+      padding := "0%",
+      margin := "0%",
+      td(child.text <-- signal.map(_.id)),
+      td(child.text <-- signal.map(_.name)),
+      td(child.text <-- signal.map(_.locationName))
+    )
+}

frontend/src/main/scala/ru/vityaman/mylogistics/view/Window.scala

@@ -46,6 +46,10 @@ object Window {
           h2("Users"),
           div(UserList(storage.users.signal))
         ),
+        div(
+          h2("Storages"),
+          div(StorageList(storage.storages.signal))
+        ),
         div(
           h2("Transactions"),
           div(TransactionList(storage.transactions.signal))