Merge branch 'feat-attachments'

app/js/client/src/test/scala/app/common/testing/FakeScalaJsApiClient.scala

@@ -16,6 +16,7 @@ import scala.collection.immutable.Seq
 import scala.collection.mutable
 import scala.concurrent.Future
 import scala.scalajs.concurrent.JSExecutionContext.Implicits.queue
+import scala.scalajs.js.typedarray.ArrayBuffer
 
 final class FakeScalaJsApiClient extends ScalaJsApiClient {
 
@@ -62,6 +63,10 @@ final class FakeScalaJsApiClient extends ScalaJsApiClient {
     upsertedUserPrototypes += userPrototype
   }
 
+  def storeFileAndReturnHash(bytes: ArrayBuffer): Future[String] = {
+    ???
+  }
+
   // **************** Additional methods for tests ****************//
   def addEntities[E <: Entity: EntityType](entities: E*): Unit = {
     modificationsBuffer.addEntities(entities.toVector)

app/js/shared/src/main/scala/app/api/ScalaJsApiClient.scala

@@ -32,6 +32,7 @@ trait ScalaJsApiClient {
   def executeDataQuery[E <: Entity](dbQuery: DbQuery[E]): Future[Seq[E]]
   def executeCountQuery(dbQuery: DbQuery[_ <: Entity]): Future[Int]
   def upsertUser(userPrototype: UserPrototype): Future[Unit]
+  def storeFileAndReturnHash(bytes: ArrayBuffer): Future[String]
 }
 
 object ScalaJsApiClient {
@@ -74,6 +75,9 @@ object ScalaJsApiClient {
     override def upsertUser(userPrototype: UserPrototype) = {
       WebsocketAutowireClient[ScalaJsApi].upsertUser(userPrototype).call()
     }
+    override def storeFileAndReturnHash(bytes: ArrayBuffer): Future[String] = {
+      WebsocketAutowireClient[ScalaJsApi].storeFileAndReturnHash(TypedArrayBuffer.wrap(bytes)).call()
+    }
 
     private object HttpPostAutowireClient extends autowire.Client[ByteBuffer, Pickler, Pickler] {
       override def doCall(req: Request): Future[ByteBuffer] = {

app/js/shared/src/main/scala/app/common/AttachmentFormatting.scala

@@ -0,0 +1,20 @@
+package app.common
+
+import app.models.accounting.Transaction.Attachment
+
+object AttachmentFormatting {
+  def getUrl(attachment: Attachment): String = {
+    val typeEncoded = attachment.fileType.replace('/', '>')
+    f"/attachments/${attachment.contentHash}/$typeEncoded/${attachment.filename}"
+  }
+
+  def formatBytes(fileSizeBytes: Int): String = {
+    if (fileSizeBytes < 1024){
+      f"${fileSizeBytes}B"
+    } else if (fileSizeBytes< 1024*1024){
+      f"${fileSizeBytes/1024}kB"
+    } else {
+      f"${fileSizeBytes/1024/1024}MB"
+    }
+  }
+}

app/js/shared/src/main/scala/app/flux/ClientAppModule.scala

@@ -66,6 +66,7 @@ final class ClientAppModule(implicit
   implicit private val localDatabaseHasBeenLoadedStore = fluxStoresModule.localDatabaseHasBeenLoadedStore
   implicit private val userStore = fluxStoresModule.userStore
   implicit private val databaseExplorerStoreFactory = fluxStoresModule.databaseExplorerStoreFactory
+  implicit private val attachmentStore = fluxStoresModule.attachmentStore
 
   // Create other Flux modules
   implicit private val reactAppModule = new app.flux.react.app.Module

app/js/shared/src/main/scala/app/flux/react/app/Module.scala

@@ -48,6 +48,7 @@ final class Module(implicit
     dispatcher: Dispatcher,
     clock: Clock,
     templateMatcher: TemplateMatcher,
+    attachmentStore: AttachmentStore,
 ) {
 
   // Configuration of submodules

app/js/shared/src/main/scala/app/flux/react/app/transactiongroupform/Module.scala

@@ -6,6 +6,7 @@ import app.flux.stores.GlobalMessagesStore
 import app.flux.stores.InMemoryUserConfigStore
 import app.flux.stores.entries.factories.LiquidationEntriesStoreFactory
 import app.flux.stores.entries.factories.TagsStoreFactory
+import app.flux.stores.AttachmentStore
 import app.models.access.AppJsEntityAccess
 import app.models.accounting.config.Config
 import app.models.user.User
@@ -26,6 +27,7 @@ final class Module(implicit
     clock: Clock,
     liquidationEntriesStoreFactory: LiquidationEntriesStoreFactory,
     pageHeader: PageHeader,
+    attachmentStore: AttachmentStore,
 ) {
 
   implicit private lazy val transactionPanel: TransactionPanel = new TransactionPanel