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'">Participants</li>
  16                     <li @click="display='pairings'">Appariements</li>
  17                     <li @click="display='timer'">Chronomètre</li>
  18                     <li @click="display='ranking'">Classement</li>
  19                 </ul>
  20                 <img class="logo" src="img/logo_Westcastle.png"/>
  21             </header>
  22             <main>
  23                 <my-players v-show="display=='players'" :players="players" :init-players="initPlayers"></my-players>
  24                 <my-pairings v-show="display=='pairings'" :players="players" :commit-scores="commitScores"></my-pairings>
  25                 <my-timer v-show="display=='timer'" @clockover="display='pairings'"></my-timer>
  26                 <my-ranking v-show="display=='ranking'" :players="players" :sort-by-score="sortByScore" :commit-scores="commitScores"></my-ranking>
  27             </main>
  28         </div>
  29     </body>
  30
  31     <script src="vendor/underscore-min.js"></script>
  32     <script src="vendor/vue.min.js"></script>
  33     <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js"></script>-->
  34     <script src="js/index.js"></script>
  35
  36 </html>