LBRYCommunity/block-explorer
1
0
Fork 0
Code Issues 31 Pull requests 4 Projects Releases Packages Wiki Activity

implemented block size chart period saving to local storage to persist for page reloads

Browse source
This commit is contained in:
Akinwale Ariwodola 2017-06-17 17:08:07 +01:00
parent 051bf6d8d9
commit 37976f3082
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/Template/Main/blocks.ctp
View file

@ -139,7 +139,8 @@
var chartData = []; var chartData = [];
var chartLoadInProgress = false; var chartLoadInProgress = false;
var minPeriod = 'hh'; var minPeriod = 'hh';
var defaultPeriod = '24h'; var validPeriods = ['24h', '72h', '168h', '30d', '90d', '1y'];
var defaultPeriod = validPeriods.indexOf(localStorage.getItem('chartPeriod') > -1) ? localStorage.getItem('chartPeriod') : '24h';
var periodGridCounts = {'24h': 24, '72h': 24, '168h': 14, '30d': 30, '90d': 45, '1y': 12 }; var periodGridCounts = {'24h': 24, '72h': 24, '168h': 14, '30d': 30, '90d': 45, '1y': 12 };
AmCharts.ready(function() { AmCharts.ready(function() {
chart = AmCharts.makeChart('block-size-chart', { chart = AmCharts.makeChart('block-size-chart', {
@ -319,7 +320,9 @@
} }
} }
//var dataSet = chart.mainDataSet; // save selcted period to localStorage
localStorage.setItem('chartPeriod', dataPeriod);
if (chart) { if (chart) {
var isHourly = (dataPeriod.indexOf('h') > -1); var isHourly = (dataPeriod.indexOf('h') > -1);
var gridCount = periodGridCounts[dataPeriod]; var gridCount = periodGridCounts[dataPeriod];
@ -357,6 +360,8 @@
var period = link.attr('data-period'); var period = link.attr('data-period');
loadChartData(period); loadChartData(period);
}); });
$('a[data-period="' + defaultPeriod + '"]').addClass('active').siblings().removeClass('active');
}); });
</script> </script>
<?php $this->end(); ?> <?php $this->end(); ?>
@ -369,7 +374,7 @@
<div class="load-progress inc"></div> <div class="load-progress inc"></div>
<h3>Block Size Chart</h3> <h3>Block Size Chart</h3>
<div class="block-size-data-links"> <div class="block-size-data-links">
<a href="#" title="24 hours" data-period="24h" class="active">24h</a> <a href="#" title="24 hours" data-period="24h">24h</a>
<a href="#" title="72 hours" data-period="72h">72h</a> <a href="#" title="72 hours" data-period="72h">72h</a>
<a href="#" title="1 week" data-period="168h">1w</a> <a href="#" title="1 week" data-period="168h">1w</a>
<a href="#" title="30 days" data-period="30d">30d</a> <a href="#" title="30 days" data-period="30d">30d</a>