From 1c8ddb44d43d9cea97301a6b1e2d8910afeab1fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Thu, 20 Jun 2013 14:34:10 +0200
Subject: [PATCH] Many things in a single commit. Bad :( !. re #73

 * Add partial update. No improvement for now
 * Add some logging to console if DEBUG is enabled.
 * Change the way the sorting box is enabled to help with partial update.
---
 templates/default/header.html |  4 +---
 util.js                       | 41 +++++++++++++++++++++++++++++++----
 2 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/templates/default/header.html b/templates/default/header.html
index aa0d110..f94a40c 100644
--- a/templates/default/header.html
+++ b/templates/default/header.html
@@ -22,8 +22,7 @@
                 </div>
             </form>
         </div>
-        {{? it.containsBook == 1}}
-        <div style="float: right; width: 35%">
+        <div id="sortForm" style="float: right; width: 35%; display: none">
             <div style="float: right">
                 <img id="sort" src="images/sort32.png?v={{=it.const.version}}" alt="{{=it.const.i18n.sortAlt}}" />
             </div>
@@ -40,6 +39,5 @@
                 </select> 
             </div>
         </div>
-        {{?}}
     </div>
 </header>
diff --git a/util.js b/util.js
index e68d12e..6860741 100644
--- a/util.js
+++ b/util.js
@@ -1,7 +1,19 @@
-var templatePage, templateBookDetail, templateMain, currentData;
+var templatePage, templateBookDetail, templateMain, currentData, before;
 
+var DEBUG = true;
 var isEink = /Kobo|Kindle|EBRD1101/i.test(navigator.userAgent);
 
+function debug_log(text) {
+    if ( DEBUG ) {
+        console.log(text);
+    }
+}
+
+function elapsed () {
+    var elapsed = new Date () - before; 
+    return "Elapsed : " + elapsed;
+}
+
 function fancyBoxObject (title, type) {
     var out = { prevEffect      : 'none', nextEffect      : 'none' };
     if (isEink) {
@@ -42,6 +54,7 @@ function htmlEscape(str) {
 }
 
 function navigateTo (url) {
+    before = new Date ();
     var jsonurl = url.replace ("index", "getJSON");
     $.getJSON(jsonurl, function(data) {
         history.pushState(data, "", url);
@@ -50,13 +63,30 @@ function navigateTo (url) {
 }
 
 function updatePage (data) {
+    var result;
     data ["const"] = currentData ["const"];
-    currentData = data;
-    var result = templatePage (data);
+    if (false && $("section").length && currentData.isPaginated == 0 &&  data.isPaginated == 0) {
+        // Partial update (for now disabled)
+        debug_log ("Partial update");
+        result = templateMain (data);
+        $("h1").html (data.title);
+        $("section").html (result);
+    } else {
+        // Full update
+        result = templatePage (data);
+        $("body").html (result);
+    }
     document.title = data.title;
-    $("body").html (result);
+    currentData = data;
+    
+    debug_log (elapsed ());
     
     if ($.cookie('toolbar') == 1) $("#tool").show ();
+    if (currentData.containsBook == 1) {
+        $("#sortForm").show ();
+    } else {
+        $("#sortForm").hide ();
+    }
     
     ajaxifyLinks ();
     
@@ -84,6 +114,7 @@ function updatePage (data) {
     if (getCurrentOption ("use_fancyapps") == 1) {
         $(".fancydetail").click(function(event){
             event.preventDefault(); 
+            before = new Date ();
             var url = $(this).attr("href");
             var jsonurl = url.replace ("index", "getJSON");
             $.getJSON(jsonurl, function(data) {
@@ -92,6 +123,7 @@ function updatePage (data) {
                 var fancyparams = fancyBoxObject (data.title, null);
                 fancyparams ["content"] = detail;
                 $.fancybox(fancyparams);
+                debug_log (elapsed ());
             });
         });
         
@@ -123,6 +155,7 @@ function ajaxifyLinks () {
 }
 
 window.onpopstate = function(event) {
+    before = new Date ();
     updatePage (event.state);
 };