X-Git-Url: https://gitweb.ps.run/lolstats/blobdiff_plain/853f585acf864128571b4c01946d54aa0cba39c5..76d1ea9033c64619e80e38890e50cf023a8bd971:/html/script.js diff --git a/html/script.js b/html/script.js index 25f1565..1105262 100644 --- a/html/script.js +++ b/html/script.js @@ -1,8 +1,15 @@ function getRegions() { - return [ "euw", "na", "kr", "br" ]; + $.ajax("/lol/regions") + .done((data) => { + app.regions = JSON.parse(data); + setTimeout(() => $("#regionselect").val(app.region), 0); + }); } function getChampions() { - return [ {name: "Aatrox"}, {name: "Annie"}, {name: "Braum"}, {name: "Not"} ]; + $.ajax("/lol/champions") + .done((data) => { + app.champions = JSON.parse(data); + }); } function getMatchProps() { return [ @@ -11,10 +18,16 @@ function getMatchProps() { ]; } function getMatches() { - return [ - {champ: "Xerath", lane: "Middle"}, - {champ: "Quinn", lane: "Bottom"}, - ]; + $.ajax("/lol/matches?region=" + app.region + "&summoner=" + app.summoner) + .done((data) => { + app.matches = data; + for (p in app.matches[0]) { + app.matchprops.push({ + name: p, + text: p.toUpperCase(), + }); + } + }); } function getInfo() { app.summoner = $("#nameinput").val(); @@ -92,10 +105,10 @@ let app = new Vue({ summoner: "", region: "", view: "", - regions: getRegions(), - champions: getChampions(), - matchprops: getMatchProps(), - matches: getMatches(), + regions: [], + champions: [], + matchprops: [], + matches: [], }, methods: { submit: function() { @@ -113,6 +126,7 @@ let app = new Vue({ setUrl(); }, refreshHistory: function() { + getMatches(); }, }, }); @@ -125,7 +139,6 @@ function parseUrl() { } if (url.searchParams.has("region")) { app.region = url.searchParams.get("region"); - $("#regionselect").val(app.region); } if (url.searchParams.has("view")) { let view = url.searchParams.get("view"); @@ -142,7 +155,9 @@ window.addEventListener('popstate', () => { let view = parseUrl(); changeView(view); }); -window.addEventListener('load', () => { +window.addEventListener('load', async () => { let view = parseUrl(); setView(view); + getRegions(); + getChampions(); });