src/main/scala/reading/component/index/Filters.scala


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

package reading.component.index

import rx._
import Ctx.Owner.Unsafe._

import scalatags.JsDom.all._
import scalacss.Defaults._
import scalacss.ScalatagsCss._

import reading.component.index.style.{ Filters => FiltersStyle }
import reading.component.widget.Cross
import reading.component.style.Col
import reading.models.Filter
import reading.Route
import reading.utils.{ RxTag, RxAttr }

object Filters {
  def apply(filters: Var[Seq[Filter]]): Frag =
    RxTag { implicit context =>
      if (filters().isEmpty)
        span("")
      else
        div(
          FiltersStyle.render,
          FiltersStyle.filters,

          filters().sortBy(_.name).map { filter =>
            div(
              FiltersStyle.filter,
              RxAttr(onclick, Rx(() => {
                val newFilters = Filter.remove(filters(), filter)
                filters() = newFilters
                Route.push(Route.Books(newFilters))
              })),
              span(FiltersStyle.name, filter.name.capitalize),
              Cross(15.px, Col.black)
            )
          }
        )
    }
}