index.html

   1 <DOCTYPE !html>
   2 <html>
   3
   4     <head>
   5         <meta charset="utf-8">
   6         <title>Mahjong pairings</title>
   7         <link rel="stylesheet" href="vendor/normalize.css">
   8         <link rel="stylesheet" href="css/index.css">
   9     </head>
  10
  11     <body>
  12         <div id="mahjong">
  13             <header>
  14                 <ul class="sidenav">
  15                     <li @click="display='players'">Joueurs</li>
  16                     <li @click="display='ranking'">Classement</li>
  17                     <li @click="display='pairings'">Appariements</li>
  18                 </ul>
  19             </header>
  20             <main>
  21                 <my-players v-show="display=='players'" :players="players"></my-players>
  22                 <my-ranking v-show="display=='ranking'" :players="players"></my-ranking>
  23                 <my-pairings v-show="display=='pairings'" :players="players"></my-pairings>
  24             </main>
  25         </div>
  26     </body>
  27
  28     <script src="vendor/underscore-min.js"></script>
  29     <script src="vendor/vue.min.js"></script>
  30     <script src="js/index.js"></script>
  31
  32 </html>