diff --git a/README.md b/README.md index cce73ea..601092b 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,6 @@ These are the public assets for the [wowtoken.app](https://wowtoken.app) website, served off Amazon S3 behind CloudFront. -This project gets picked up by CodePipline, built via CodeBuild, and deployed. +This project gets picked up by CodePipeline, built via CodeBuild, and deployed.  \ No newline at end of file diff --git a/src/index.html b/src/index.html index 4baad76..823b9db 100644 --- a/src/index.html +++ b/src/index.html @@ -67,7 +67,7 @@
diff --git a/src/index.js b/src/index.js index d14ed19..73c5176 100644 --- a/src/index.js +++ b/src/index.js @@ -28,6 +28,7 @@ Chart.register( let currentRegionSelection = ''; let currentTimeSelection = ''; let currentAggregateSelection = ''; +let startYAtZero = false; const currentPriceHash = { us: 0, eu: 0, @@ -91,6 +92,7 @@ function populateChart() { } }, y: { + beginAtZero: startYAtZero, ticks: { color: '#a7a4ab', font: { @@ -231,6 +233,14 @@ function toggleAdvancedSetting() { } } +function toggleStartYAtZero(){ + startYAtZero = document.getElementById('y-start').checked; + if (tokenChart){ + tokenChart.options.scales.y.beginAtZero = startYAtZero; + tokenChart.update(); + } +} + function urlBuilder() { let url = "https://data.wowtoken.app/classic/token/history/"; if (currentAggregateSelection !== 'none') { @@ -310,6 +320,16 @@ function detectAggregateQuery(urlSearchParams) { } } +function detectZeroQuery(urlSearchParams) { + startYAtZero = urlSearchParams.get('startAtZero') === 'true'; + let advOptions = document.getElementById('enable-advanced'); + let startAtZeroOption = document.getElementById('y-start'); + advOptions.checked = startYAtZero; + startAtZeroOption.checked = startYAtZero; + toggleAdvancedSetting(); + toggleStartYAtZero(); +} + function detectURLQuery() { const urlSearchParams = new URLSearchParams(window.location.search); if (urlSearchParams.has('region')) { @@ -321,6 +341,9 @@ function detectURLQuery() { if (urlSearchParams.has('aggregate')) { detectAggregateQuery(urlSearchParams); } + if (urlSearchParams.has('startAtZero')) { + detectZeroQuery(urlSearchParams) + } } function buildDeepLinksURL() { @@ -332,7 +355,10 @@ function buildDeepLinksURL() { url += `region=${currentRegionSelection}&` } if (currentAggregateSelection !== '' && currentAggregateSelection !== 'none'){ - url += `aggregate=${currentAggregateSelection}` + url += `aggregate=${currentAggregateSelection}&` + } + if (startYAtZero !== false){ + url += `startAtZero=${startYAtZero}&` } return url } @@ -364,6 +390,9 @@ function registerAdvancedHandlers() { document.getElementById('enable-advanced').addEventListener('change', () => { toggleAdvancedSetting(); }) + document.getElementById('y-start').addEventListener('change', () => { + toggleStartYAtZero(); + }) } function registerCopyHandlers() {