X-Git-Url: https://gitweb.ps.run/lolstats/blobdiff_plain/21b7c64fe3e593bf1784cf37abb77cf4c50c501d..8ed339b1fd7fca6209d1784bd18faf8608ab67a6:/html/index.html

diff --git a/html/index.html b/html/index.html
index 77e22c3..2e6b292 100644
--- a/html/index.html
+++ b/html/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>lol stats</title>
+    <title>Advanced League of Legends Match History & Statistics</title>
     <link href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:700" rel="stylesheet">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
     <link rel="stylesheet" href="lol/style.css">
@@ -30,17 +30,28 @@
 
       </div>
       <div id="matchhistory" style="display: none">
-        <button v-on:click="historyToStats">Statistics</button>
-        <hr />
-        Champion:
-        <select>
-          <option>Annie</option>
-          <option>Aatrox</option>
-        </select>
-
+        <div id="historyfilters">
+          <button id="statsbutton" v-on:click="historyToStats">Statistics</button>
+          <label for="champselect">Champion</label>
+          <select id="champselect">
+            <option>All</option>
+            <option v-for="c in champions">{{ c.name }}</option>
+          </select>
+          <button id="refreshbutton" v-on:click="refreshhistory">Refresh</button>
+        </div>
+        <div id="matchlist">
+          <table>
+            <tr>
+              <th v-for="c in matchprops">{{ c.text }}</th>
+            </tr>
+            <tr v-for="m in matches">
+              <td v-for="c in matchprops">{{ m[c.name] }}</td>
+            </tr>
+          </table>
+        </div>
       </div>
       <div id="stats" style="display: none">
-        <button v-on:click="statsToHistory">Match history</button>
+        <button id="historybutton" v-on:click="statsToHistory">Match history</button>
       </div>
 
     </div>
