changes

[lolstats] / html / index.html
diff --git a/html/index.html b/html/index.html

index 834652900eb877ca00deaeafb376296352442680..d35e28fd37052fcf0368bd3725ed0020b2757e89 100644 (file)
--- a/html/index.html
+++ b/html/index.html
@@ -12,6 +12,7 @@
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    </head>
    <body style="">
+    <div id="background"></div>
      <div id="app">
  
        <!-- Start Screen -->
@@ -30,16 +31,28 @@
  
        </div>
        <div id="matchhistory" style="display: none">
-        <button v-on:click="historyToStats">Statistics</button>
-        Champion:
-        <select>
-          <option>All</option>
-          <option v-for="c in champions">{{ c.name }}</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>