From 6b7074fde5feb7d1dfe543ffa45f79dd0daa45fe Mon Sep 17 00:00:00 2001
From: Joris
Date: Sat, 21 Jan 2017 14:29:56 +0100
Subject: Show only book covers in search page and show detail when clicking on
 its

---
 src/main/scala/reading/component/Index.scala | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src/main/scala/reading/component/Index.scala')

diff --git a/src/main/scala/reading/component/Index.scala b/src/main/scala/reading/component/Index.scala
index 6061956..8c2fdd6 100644
--- a/src/main/scala/reading/component/Index.scala
+++ b/src/main/scala/reading/component/Index.scala
@@ -11,7 +11,7 @@ import reading.Books
 import reading.component.style.{ Index => IndexStyle }
 import reading.component.index.{ FiltersMenu, Filters, Books => BooksComponent }
 import reading.models.{ Book, Filter }
-import reading.utils.RxAttr
+import reading.utils.RxTag
 
 object Index {
   def apply(initialFilters: Seq[Filter]): HtmlTag = {
@@ -19,14 +19,16 @@ object Index {
     val books: Rx[Seq[Book]] = Rx {
       if (filters().isEmpty) Books() else Book.filter(Books(), filters())
     }
+    val count: Rx[Int] = Rx(books().length)
 
     div(
       IndexStyle.render,
 
-      button(
+      div(
         IndexStyle.header,
-        RxAttr(onclick, Rx(() => filters() = Nil)),
-        "Conseils de lecture"
+        RxTag { implicit context =>
+          span(s"Conseils de lecture, ${count()} livre${if (count() > 1) "s" else ""}")
+        }
       ),
 
       div(
-- 
cgit v1.2.3