cleanup

[lolstats] / html / index.html

diff --git a/html/index.html b/html/index.html
index e39dec9c4f769e833b2a4d39ec4471cd08afe582..25434c17de68f6a47be68022a73c1ae8252c030e 100644 (file)
--- a/html/index.html
+++ b/html/index.html
@@ -39,7 +39,7 @@
           <div id="champselect">
             <button class="champselect" v-on:click="selectAll">All</button>
             <button class="champselect" v-on:click="selectNone">None</button><br />
           <div id="champselect">
             <button class="champselect" v-on:click="selectAll">All</button>
             <button class="champselect" v-on:click="selectNone">None</button><br />

-            <span v-for="c in champions"><input class="champselectcb" type="checkbox" />{{ c }}<br /></span>
+            <span v-for="c in champions"><input class="champselectcb" type="checkbox" :id="'cb' + c" /><label :for="'cb' + c">{{ c }}</label><br /></span>

           </div>
           <button id="refreshbutton" v-on:click="refreshHistory">Refresh</button>
         </div>
           </div>
           <button id="refreshbutton" v-on:click="refreshHistory">Refresh</button>
         </div>


@@ -48,6 +48,10 @@
           <div style="position: relative; width: 100%; height: 100%; max-height: 100%" id="scrollArea" class="clusterize-scroll">
             <table>
               <tbody id="contentArea" class="clusterize-content">
           <div style="position: relative; width: 100%; height: 100%; max-height: 100%" id="scrollArea" class="clusterize-scroll">
             <table>
               <tbody id="contentArea" class="clusterize-content">

+                <tr class="clusterize-no-data">
+                  <td>Loading data...</td>
+                </tr>
+                <!--

                 <tr>
                   <th>Icon</th>
                   <th v-for="c in matchprops">{{ c.text }}</th>
                 <tr>
                   <th>Icon</th>
                   <th v-for="c in matchprops">{{ c.text }}</th>


@@ -55,7 +59,8 @@
                 <tr v-for="m in matches">
                   <td><img class="championIcon" :src="'http://ddragon.leagueoflegends.com/cdn/8.24.1/img/champion/' + m.championString + '.png'"></img></td>
                   <td v-for="c in matchprops">{{ m[c.name] }}</td>
                 <tr v-for="m in matches">
                   <td><img class="championIcon" :src="'http://ddragon.leagueoflegends.com/cdn/8.24.1/img/champion/' + m.championString + '.png'"></img></td>
                   <td v-for="c in matchprops">{{ m[c.name] }}</td>

-                </tr>
+                  </tr>
+                -->

               </tbody>
             </table>
           </div>
               </tbody>
             </table>
           </div>


@@ -72,10 +77,6 @@
     <!-- Vue.js Script -->
     <script src="lol/script.js"></script>
     <script>
     <!-- Vue.js Script -->
     <script src="lol/script.js"></script>
     <script>

-      var clusterize = new Clusterize({
-        scrollId: 'scrollArea',
-        contentId: 'contentArea',
-      });

     </script>
   </body>
 </html>
     </script>
   </body>
 </html>