From fb68d96e973060759cbf5764b1648deca249e890 Mon Sep 17 00:00:00 2001
From: Kovid Goyal <kovid@kovidgoyal.net>
Date: Mon, 3 Nov 2008 15:04:19 -0800
Subject: [PATCH] Web interface to the calibre database for remote access

---
 src/calibre/library/static/gui.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/calibre/library/static/gui.js b/src/calibre/library/static/gui.js
index c2d9cbcab8..907d82c14b 100644
--- a/src/calibre/library/static/gui.js
+++ b/src/calibre/library/static/gui.js
@@ -57,7 +57,7 @@ function render_book(book) {
             title += '<a title="Download in '+formats[i]+' format" class="format" href="'+format_url(formats[i], id, book.attr("title"))+'">'+formats[i]+'</a>, ';
         }
         title = title.slice(0, title.length-2);
-        title += '&nbsp;({0} MB)&nbsp;'.format(size);
+        title += '&nbsp;({0}&nbsp;MB)&nbsp;'.format(size);
     }
     if (tags) title += '[{0}]'.format(tags);
     title += '<img style="display:none" alt="" src="/get/cover/{0}" /></span>'.format(id);
@@ -145,24 +145,29 @@ function fetch_library_books(start, num, timeout, sort, order, search) {
               display += row+'\n\n';
           });
           $("#book_list tbody").html(display);
-          $("#book_list tbody tr").mouseover(function() {
+          $("#book_list tbody tr").bind('mouseenter', function() {
               var row = $(this);
-              var cover = row.find('img').attr('src');
               row.css('background-color', "#fff2a8");
-              row.find('.comments').css('display', 'inherit');
-              $('#cover_pane img').attr('src', cover);
-              $('#cover_pane').css('visibility', 'visible');
-              row.bind('mouseout', function(){
+              row.bind('mouseleave', function(){
                   row.css('background-color', "white");
-                  row.find('.comments').css('display', 'none');
                   $('#book_list tbody tr:even()').css('background-color', '#eeeeee');
-                  row.unbind('mouseout');
+                  row.unbind('mouseleave');
               });
           });
-          $('#book_list').mouseout(function(){
-              $('#cover_pane').css('visibility', 'hidden')
+          $("#book_list tbody tr").click(function(){
+              var row = $(this);
+              var cover = row.find('img').attr('src');
+              var collapsed = row.find('.comments').css('display') == 'none';
+              $("#book_list tbody tr * .comments").css('display', 'none');
+              $('#cover_pane').css('visibility', 'hidden');
+              if (collapsed) {
+                  row.find('.comments').css('display', 'inherit');
+                  $('#cover_pane img').attr('src', cover);
+                  $('#cover_pane').css('visibility', 'visible');
+              }
           });
           
+          
           layout();
           $('#book_list tbody tr:even()').css('background-color', '#eeeeee');
       },
@@ -274,7 +279,7 @@ function layout() {
     var cover = $('#cover_pane');
     cover.css('width', (main.width()/2.0)+'px')
     cover.css('height', main.height()+'px')
-    cover.css('left', (main.offset().left + main.width()/2.0)+'px');
+    cover.css('left', (main.offset().left -25 + main.width()/2.0)+'px');
     cover.css('top', main.offset().top+'px');
 }