[westcastle.git] / index.html

<DOCTYPE !html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Mahjong pairings</title>
		<link rel="stylesheet" href="vendor/normalize.css">
		<link rel="stylesheet" href="css/index.css">
	</head>

	<body>
		<div id="mahjong">
			<header>
				<ul class="sidenav">
					<li @click="display='players'">Participants</li>
					<li @click="display='pairings'">Appariements</li>
					<li @click="display='timer'">Chronomètre</li>
					<li @click="display='ranking'">Classement</li>
				</ul>
				<img class="logo" src="img/logo_Westcastle.png"/>
			</header>
			<main>
				<my-players v-show="display=='players'" :players="players"></my-players>
				<my-pairings v-show="display=='pairings'" :players="players" :write-score-to-db="writeScoreToDb"></my-pairings>
				<my-timer v-show="display=='timer'" @clockover="display='pairings'"></my-timer>
				<my-ranking v-show="display=='ranking'" :players="players" :sort-by-score="sortByScore" :write-score-to-db="writeScoreToDb"></my-ranking>
			</main>
		</div>
	</body>

	<script src="vendor/underscore-min.js"></script>
	<script src="vendor/vue.min.js"></script>
	<script src="js/index.js"></script>

</html>
Commit	Line	Data
7a00c409 BA	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">
48b3a536	15	<li @click="display='players'">Participants</li>
7a00c409	16	<li @click="display='pairings'">Appariements</li>
2caa3889	17	<li @click="display='timer'">Chronomètre</li>
48b3a536	18	<li @click="display='ranking'">Classement</li>
7a00c409	19	</ul>
2caa3889	20	<img class="logo" src="img/logo_Westcastle.png"/>
7a00c409 BA	21	</header>
	22	<main>
	23	<my-players v-show="display=='players'" :players="players"></my-players>
1369a09d	24	<my-pairings v-show="display=='pairings'" :players="players" :write-score-to-db="writeScoreToDb"></my-pairings>
2caa3889	25	<my-timer v-show="display=='timer'" @clockover="display='pairings'"></my-timer>
48b3a536	26	<my-ranking v-show="display=='ranking'" :players="players" :sort-by-score="sortByScore" :write-score-to-db="writeScoreToDb"></my-ranking>
7a00c409 BA	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="js/index.js"></script>
	34
	35	</html>