nft phase 2 b

js/blockexplorer.js

@@ -2,7 +2,7 @@ blockchainExplorer = function(){
 
   // Init array
   var _known_blocks   = null;
-  var _liste_blocks   = null;
+  var _liste_blocks   = [];
   var _classes        = ['bg-grey-even','bg-grey-odd'];
   var _cur_class      = 0;
   var _cur_methode    = 'hasard';
@@ -329,13 +329,27 @@ blockchainExplorer = function(){
 
   function _initBlockSelector()
   {
-    // Init the selector
+    if (_known_blocks == null)
-    var select = $('#blockSelector');
+    {
+      $.getJSON('data/getKnownBlocksList.php', function( data ) {
+        // Init the selector
+        var select = $('#blockSelector');
 
-    if (select !== null) {
+        _known_blocks = data;
-      select.append(new Option('LAST', 'LAST'));
+        _known_blocks.sort(function(a,b){
-      $.each(_known_blocks, function (key, bloc) {
+          // sort desc ...
-        select.append(new Option(bloc.name, bloc.name));
+          if (parseInt(a.height) < parseInt(b.height)) return 1;
+          if (parseInt(a.height) > parseInt(b.height)) return -1;
+          return 0;
+        });
+
+        if (select !== null) {
+          $.each(_known_blocks, function (key, bloc) {
+            select.append(new Option(bloc.name, bloc.name));
+          });
+        }
+        
+        return true;
       });
     }
   }
@@ -461,6 +475,7 @@ blockchainExplorer = function(){
     getblocHashFromName: _getblocHashFromName,
 
     initOneBlock : _initOneBlock,
+    initBlockSelector : _initBlockSelector,
 
     toggleInfos: _toggleInfos,
     getLength: _getLength,

nft.php

@@ -48,28 +48,25 @@
         }
       });
 
-      showInfos();
+      blockchainExplorer.initBlockSelector();
+      selectBlock();
 
     });
 
     function showInfos()
     {
-      lastScroll = 0;
+      selectBlock();
-      blockchainExplorer.init(0, false);
     }
 
     function toggleInfos()
     {
-      blockchainExplorer.toggleInfos();
+      c.toggleInfos();
     }
 
     function selectBlock() 
     {
       lastScroll = 0;
-      if ($('#blockSelector').val() == 'FULL')
+      blockchainExplorer.initOneBlock($('#blockSelector').val());
-        blockchainExplorer.init(0, false);
-      else 
-        blockchainExplorer.initOneBlock($('#blockSelector').val());
     }
   </script>
 
@@ -105,7 +102,7 @@
     <div class="col-sm-12 text-right">
       <br>
       <select id="blockSelector" onchange="selectBlock()">
-        <option value='FULL'>Full Blockchain</option>
+        <option value='LAST'>LAST</option>
       </select>
       <br>
       <label>show block infos&nbsp;</label><input id="mode_checkbox" type="checkbox" onchange="toggleInfos()">