Add book covers

3 files changed, 30 insertions, 15 deletions

diff --git a/src/main/scala/reading/component/index/Books.scala b/src/main/scala/reading/component/index/Books.scala
index 421fcec..23a42da 100644
--- a/src/main/scala/reading/component/index/Books.scala
+++ b/src/main/scala/reading/component/index/Books.scala
@@ -18,19 +18,26 @@ object Books {
 
       RxTag { implicit context =>
         div(
+          BooksStyle.books,
           books().sorted.map { book =>
             div(
               BooksStyle.book,
               div(BooksStyle.title, book.title),
               div(BooksStyle.author, s", ${book.author}"),
               div(
-                BooksStyle.description,
-                div(BooksStyle.item, s"classe : ${book.programs.map(Program.level).distinct.sorted.mkString(", ")}"),
-                div(BooksStyle.item, s"programme : ${book.programs.sorted.mkString(", ")}"),
-                div(BooksStyle.item, s"thème : ${book.themes.sorted.mkString(", ")}"),
-                div(BooksStyle.item, s"genre : ${book.genres.sorted.mkString(", ")}"),
-                div(BooksStyle.item, s"période : ${book.period}"),
-                div(BooksStyle.item, s"${book.pages} pages")
+                BooksStyle.detail,
+                img(
+                  BooksStyle.cover,
+                  src := s"cover/${book.title}.jpg"
+                ),
+                div(
+                  div(BooksStyle.item, s"classe : ${book.programs.map(Program.grade).distinct.sorted.mkString(", ")}"),
+                  div(BooksStyle.item, s"programme : ${book.programs.sorted.mkString(", ")}"),
+                  div(BooksStyle.item, s"thème : ${book.themes.sorted.mkString(", ")}"),
+                  div(BooksStyle.item, s"genre : ${book.genres.sorted.mkString(", ")}"),
+                  div(BooksStyle.item, s"période : ${book.period}"),
+                  div(BooksStyle.item, s"${book.pages} pages")
+                )
               )
             )
           }
diff --git a/src/main/scala/reading/component/index/FiltersMenu.scala b/src/main/scala/reading/component/index/FiltersMenu.scala
index 51f8954..68ace94 100644
--- a/src/main/scala/reading/component/index/FiltersMenu.scala
+++ b/src/main/scala/reading/component/index/FiltersMenu.scala
@@ -17,15 +17,15 @@ object FiltersMenu {
       div(
         FiltersMenuStyle.render,
         FiltersMenuStyle.groups,
-        filters().find(_.kind == LevelKind) match {
+        filters().find(_.kind == GradeKind) match {
           case None =>
-            group(books, filters, "Classe", Level.values.map(Filter.apply(_)))
-          case Some(level) =>
+            group(books, filters, "Classe", Grade.values.map(Filter.apply(_)))
+          case Some(grade) =>
             group(books, filters, "Programme", Program.values.map(Filter.apply(_)))
         },
         group(books, filters, "Theme", Theme.values.map(Filter.apply(_))),
         group(books, filters, "Genre", Genre.values.map(Filter.apply(_))),
-        group(books, filters, "Niveau", Difficulty.filters),
+        group(books, filters, "Niveau", Level.filters),
         group(books, filters, "Période", Period.values.map(Filter.apply(_)))
       )
     }
diff --git a/src/main/scala/reading/component/index/style/Books.scala b/src/main/scala/reading/component/index/style/Books.scala
index efc6af8..bbedf3a 100644
--- a/src/main/scala/reading/component/index/style/Books.scala
+++ b/src/main/scala/reading/component/index/style/Books.scala
@@ -8,16 +8,19 @@ object Books extends StyleSheet.Inline {
   import dsl._
 
   val books = style(
+    display.flex,
+    flexWrap.wrap
   )
 
   val book = style(
-    marginBottom(30.px)
+    marginBottom(30.px),
+    marginRight(30.px)
   )
 
   val title = style(
     display.inlineBlock,
     fontWeight.bold,
-    marginBottom(15.px),
+    marginBottom(20.px),
     color(Col.congoBrown)
   )
 
@@ -25,8 +28,13 @@ object Books extends StyleSheet.Inline {
     display.inlineBlock
   )
 
-  val description = style(
-    marginLeft(20.px)
+  val detail = style(
+    display.flex
+  )
+
+  val cover = style(
+    height(150.px),
+    marginRight(30.px)
   )
 
   val item = style(