diff --git a/output/template.hbs b/output/template.hbs index 0113977..0f693d8 100644 --- a/output/template.hbs +++ b/output/template.hbs @@ -10,29 +10,39 @@

Warframe Market Gaps

+ + + 1 + - - - - - - - {{#each items}} - - - - - - - {{/each}} + + + + + + + + + + {{#each items}} + + + + + + + {{/each}} +
NameParts priceSet priceDifference
- - {{this.name}} - - {{this.parts}}{{this.set}}{{this.difference}}
NameParts priceSet priceDifference
+ + {{this.name}} + + {{this.parts}}{{this.set}}{{this.difference}}
Generated at {{timestamp}}
+ + \ No newline at end of file diff --git a/public/index.js b/public/index.js new file mode 100644 index 0000000..81d6613 --- /dev/null +++ b/public/index.js @@ -0,0 +1,14 @@ +const slider = document.getElementById('minDifference') + +slider.addEventListener('input', function (event) { + const table = document.getElementById('items') + Array.from(table.children).forEach(row => { + if (row.dataset.difference < Number(event.target.value)) { + row.style.display = 'none' + } else { + row.style.display = 'table-row' + } + }) + + document.getElementById('filterValue').innerText = event.target.value +}) diff --git a/public/style.css b/public/style.css index fe14b7e..972a845 100644 --- a/public/style.css +++ b/public/style.css @@ -16,10 +16,6 @@ tr { text-align: left; } -tr:nth-child(even) { - background: rgb(240, 242, 243); -} - td { padding: 2px 16px; }