diff options
Diffstat (limited to 'html/index.html')
| -rw-r--r-- | html/index.html | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/html/index.html b/html/index.html index e39dec9..25434c1 100644 --- 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 /> - <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> @@ -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"> + <tr class="clusterize-no-data"> + <td>Loading data...</td> + </tr> + <!-- <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> + </tr> + --> </tbody> </table> </div> @@ -72,10 +77,6 @@ <!-- Vue.js Script --> <script src="lol/script.js"></script> <script> - var clusterize = new Clusterize({ - scrollId: 'scrollArea', - contentId: 'contentArea', - }); </script> </body> </html> |