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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
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.{FiltersMenu => FiltersMenuStyle}
import reading.models.{Book, Filter, Period, Genre, Theme, Program, Difficulty, FilterFactory}
import reading.utils.{RxTag, RxAttr}
object FiltersMenu {
def apply(books: Rx[Seq[Book]], filters: Var[Seq[Filter]]): Frag =
RxTag { implicit context =>
div(
FiltersMenuStyle.render,
FiltersMenuStyle.groups,
group(books, filters, "Période", Period.values.map(Filter.apply(_))),
group(books, filters, "Genre", Genre.values.map(Filter.apply(_))),
group(books, filters, "Theme", Theme.values.map(Filter.apply(_))),
multiGroup(books, filters, "Programme", Program.values, Program.level _),
group(books, filters, "Difficulté", Difficulty.filters)
)
}
def group(
books: Rx[Seq[Book]],
filters: Var[Seq[Filter]],
name: String,
groupFilters: Seq[Filter]
)(
implicit context: Ctx.Data
): Frag = {
val filtersWithCount = Rx {
groupFilters
.filter(filter => !Filter.contains(filters(), filter))
.map(filter => (filter, Book.filter(books(), filter +: filters()).length))
.filter(_._2 > 0)
}
if(filtersWithCount().isEmpty)
span("")
else
div(
FiltersMenuStyle.group,
div(FiltersMenuStyle.groupTitle, name),
div(
filtersWithCount().map { case (filter, count) =>
button(
FiltersMenuStyle.filter,
RxAttr(onclick, Rx(() => filters() = filter +: filters())),
span(s"${filter.name} ($count)")
)
}
)
)
}
def multiGroup[A: FilterFactory, B: Ordering](
books: Rx[Seq[Book]],
filters: Var[Seq[Filter]],
name: String,
groupFilters: Seq[A],
superGroup: A => B
)(
implicit context: Ctx.Data
): Frag =
div(
FiltersMenuStyle.group,
div(FiltersMenuStyle.groupTitle, name),
groupFilters.groupBy(superGroup).toList.sortBy(_._1).map { case (superGroup, subGroupFilters) =>
div(
superGroup.toString,
subGroup(books, filters, name, subGroupFilters.map(Filter(_)))
)
}
)
def subGroup(
books: Rx[Seq[Book]],
filters: Var[Seq[Filter]],
name: String,
groupFilters: Seq[Filter]
)(
implicit context: Ctx.Data
): Frag = {
val filtersWithCount = Rx {
groupFilters
.filter(filter => !Filter.contains(filters(), filter))
.map(filter => (filter, Book.filter(books(), filter +: filters()).length))
.filter(_._2 > 0)
}
if(filtersWithCount().isEmpty)
span("")
else
div(
filtersWithCount().map { case (filter, count) =>
button(
FiltersMenuStyle.filter,
RxAttr(onclick, Rx(() => filters() = filter +: filters())),
span(s"${filter.name} ($count)")
)
}
)
}
}
|
