From 62f3ac48bb3daf50dab67a97e7a594cea23354eb Mon Sep 17 00:00:00 2001
From: MEUNIER Thibaud <thibaud.meunier@laposte.net>
Date: Thu, 11 Nov 2021 11:51:43 +0100
Subject: [PATCH] temporaire

---
 index.php           | 17 +++++++++---
 js/blockexplorer.js | 67 ++++++++++++++++++++++-----------------------
 2 files changed, 45 insertions(+), 39 deletions(-)

diff --git a/index.php b/index.php
index 3970bcc..a56afa8 100644
--- a/index.php
+++ b/index.php
@@ -39,10 +39,15 @@
       $(window).scroll(function() {
         if (isInViewport(document.querySelector('footer')))
         {
-          blockchainExplorer.addBottomBlock();
+          //blockchainExplorer.addBottomBlock();
           console.log("Scroll to footer detected !");
         }
-        /*
+
+        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
+          // blockchainExplorer.addBottomBlock();
+          console.log("Scroll to footer detected !");
+        } 
+        
         $(".slideanim").each(function(){
           var pos = $(this).offset().top;
           var winTop = $(window).scrollTop();
@@ -51,10 +56,10 @@
             $(this).addClass("slide");
           }
         });
-        */
+        
       });
 
-      blockchainExplorer.init(2);
+      blockchainExplorer.init(0);
 
       //toggleInfos();
     });
@@ -129,6 +134,10 @@
 
 <div id="blockchain" style="position:absolute;top:210px;width:100%"></div>
 
+<div>
+  Click to see more blocks
+</div>
+
 <footer class="container-fluid bg-grey text-center slideanim">
   <a href="#myPage" title="To Top">
     <span class="glyphicon glyphicon-chevron-up"></span>
diff --git a/js/blockexplorer.js b/js/blockexplorer.js
index fb81875..f5bb78b 100644
--- a/js/blockexplorer.js
+++ b/js/blockexplorer.js
@@ -8,6 +8,7 @@ blockchainExplorer = function(){
   var _cur_methode    = 'hasard';
   var _mode           = 1;
   var _infos          = false;
+  var _flag_nav        = true;
 
   function _precisionRound(number) {
       var precision = 4;
@@ -71,6 +72,8 @@ blockchainExplorer = function(){
 
     _cur_class  = 1 - _cur_class;
 
+    _flag_nav = false;
+
     blockName = _getblockNameFromHash(block.hash);
     // if (blockName != '') blockName = ' ( '+blockName+' )';
 
@@ -113,7 +116,7 @@ blockchainExplorer = function(){
       div0.style.backgroundRepeat = "no-repeat";
       div0.style.backgroundPosition = "center";
       div0.style.backgroundSize = "auto 100%";
-      flag_nav = true;
+      _flag_nav = true;
 
     };
     downloadingImage.src = 'images/block_image.php?methode='+_cur_methode+'&hash='+block.hash;
@@ -236,6 +239,28 @@ blockchainExplorer = function(){
 
   }
 
+  function _maintenirListe(data){
+    _liste_blocks['BLOCK_'+data.height] = data.hash;
+    _liste_blocks['LENGTH'] += 1;
+
+    // Récursivité pour précharger par paquets
+    // Tant qu'on n'est pas sur le GENESIS
+    if (data.height > 0) 
+      switch(_mode)
+      {
+          case 0:
+          case 1:
+              // Récursivité pour précharger par paquets
+                  _liste_blocks['BOTTOM'] = data.prev;
+              break;
+          case 2:
+          case 3:
+                  _liste_blocks['BOTTOM'] = _known_blocks[_liste_blocks['LENGTH']-1].hash;
+              break;
+      }
+
+  }
+
   function _addBottomBlock()
   {   
     // Mettre les infos du block
@@ -248,23 +273,8 @@ blockchainExplorer = function(){
         // Mettre les infos dans le div
         _addInfoForBlock(data);
 
-        _liste_blocks['BLOCK_'+data.height] = data.hash;
-        _liste_blocks['LENGTH'] += 1;
-
-        switch(_mode)
-        {
-            case 0:
-            case 1:
-                // Récursivité pour précharger par paquets
-                if (data.height > 0) 
-                    _liste_blocks['BOTTOM'] = data.prev;
-                break;
-            case 2:
-            case 3:
-                if (data.height > 0)
-                    _liste_blocks['BOTTOM'] = _known_blocks[_liste_blocks['LENGTH']-1].hash;
-                break;
-        }
+        // Maintenir la Liste
+        _maintenirListe(data);
 
         if (_liste_blocks['LENGTH'] % 10) _addBottomBlock();
         
@@ -284,29 +294,16 @@ blockchainExplorer = function(){
     if (block_name != 'LAST') block_hash = '?block_hash='+_getblocHashFromName(block_name);
     $.getJSON('data/getBlockInfo.php'+block_hash, function( data ) {
 
+      div_label = data.height;
       _liste_blocks['TOP'] = data.hash;
-      _liste_blocks['BLOCK_'+data.height] = data.hash;
-      _liste_blocks['LENGTH'] += 1;
 
-      div_label = data.height;
-      switch(_mode)
-      {
-          case 0:
-          case 1:
-              // Récursivité pour précharger par paquets
-              _liste_blocks['BOTTOM'] = data.prev;
-              break;
-          case 2:
-          case 3:
-              div_label = 'LAST';
-              _liste_blocks['BOTTOM'] = _known_blocks[0].hash;
-              break;
-      }
+      _maintenirListe(data);
 
       _addDivForBlock(div_label);        
       _addInfoForBlock(data);
 
-      blockchainListener.addBlockHook(_addTopBlock);
+      // Cela fout le boxon pour l'instant
+      // blockchainListener.addBlockHook(_addTopBlock);
 
       _addBottomBlock();
     });