users.js

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

index 283074ea1617f443ac42a89b59aa884318a47b6c..25d8fce19075ac55c5e92a7b1a7943d114efd36b 100644 (file)
--- a/html/index.html
+++ b/html/index.html
@@ -2,16 +2,18 @@
  <html>
    <head>
      <meta charset="utf-8" />
  <html>
    <head>
      <meta charset="utf-8" />
-    <title>lol stats</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <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 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="style.css">
+    <link rel="stylesheet" href="lol/style.css">
      <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>
      <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    </head>
    <body style="">
      <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>
      <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
      <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 -->
      <div id="app">
  
        <!-- Start Screen -->
@@ -22,7 +24,7 @@
          -->
          <div id="inputpanel">
            <select id="regionselect">
          -->
          <div id="inputpanel">
            <select id="regionselect">
-            <option v-for="r in regions" :value="r">{{ r }}</option>
+            <option v-for="(url, name) in regions" :value="name">{{ name }}</option>
            </select>
            <input v-on:keyup.enter="submit" id="nameinput" type="text" placeholder="Summoner Name">
            <button v-on:click="submit" id="gobutton"><span class="fas fa-arrow-right"></span></button>
            </select>
            <input v-on:keyup.enter="submit" id="nameinput" type="text" placeholder="Summoner Name">
            <button v-on:click="submit" id="gobutton"><span class="fas fa-arrow-right"></span></button>
@@ -30,22 +32,34 @@
  
        </div>
        <div id="matchhistory" style="display: none">
  
        </div>
        <div id="matchhistory" style="display: none">
-        <button v-on:click="historyToStats">Statistics</button>
+        <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 }}</option>
+          </select>
+          <button id="refreshbutton" v-on:click="refreshHistory">Refresh</button>
+        </div>
          <hr />
          <hr />
-        Champion:
-        <select>
-          <option>Annie</option>
-          <option>Aatrox</option>
-        </select>
-
+        <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">
        </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>
  
      <!-- Vue.js Script -->
        </div>
  
      </div>
  
      <!-- Vue.js Script -->
-    <script src="script.js"></script>
+    <script src="lol/script.js"></script>
    </body>
  </html>
    </body>
  </html>