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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
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.{ Header => HeaderStyle }
import reading.component.widget.Cross
import reading.component.style.{ Color => C }
import reading.models.Filter
import reading.Route
import reading.utils.{ RxTag, RxAttr }
object Header {
def apply(filters: Var[Seq[Filter]], showFiltersMenu: Var[Boolean], booksCount: Rx[Int]): Frag = {
val filtersCount: Rx[Int] = Rx(filters().length)
div(
HeaderStyle.render,
HeaderStyle.header,
RxTag { implicit context =>
div(
div(
HeaderStyle.showFiltersMenu,
RxAttr(onclick, Rx(() => showFiltersMenu() = true)),
"Filtrer",
if (filtersCount() > 0) span(HeaderStyle.filtersCount, filtersCount()) else span("")
),
if (filters().isEmpty)
span("")
else
div(
HeaderStyle.filters,
div(
HeaderStyle.clear,
RxAttr(onclick, Rx(() => updateFilters(filters, Nil))),
"Effacer les filtres"
),
filters().sortBy(_.name).map { filter =>
div(
HeaderStyle.filter,
RxAttr(onclick, Rx(() => updateFilters(filters, Filter.remove(filters(), filter)))),
span(HeaderStyle.name, filter.name.capitalize),
Cross(15.px, C.black.value)
)
}
)
)
},
RxTag { implicit context =>
div(
HeaderStyle.booksCount,
span(s"${booksCount()} livre${if (booksCount() > 1) "s" else ""}")
)
}
)
}
private def updateFilters(filters: Var[Seq[Filter]], newFilters: Seq[Filter]): Unit = {
filters() = newFilters
Route.push(Route.Books(newFilters))
}
}
|
