X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=views%2Findex.pug;h=823b67c5f74e1d58b2460200ede3f9e1f2f0078f;hb=fd08ab2c5b8931bb8c95cf7e9f2f95122647f991;hp=66c434a00c170b402a8824304832054b210df930;hpb=247356cde3f4e36004942c5f57187d667f7ef27c;p=vchess.git

diff --git a/views/index.pug b/views/index.pug
index 66c434a0..823b67c5 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -4,51 +4,43 @@ block css
 	link(rel="stylesheet", href="/stylesheets/index.css")
 
 block content
-	.container#indexPage
-		// Modals
+	.container
 		case lang
 			when "en"
-				include translations/en.pug
-				include langNames/en.pug
-				include welcome/en.pug
-				include modal-lang/en.pug
-				include modal-help/en.pug
+				include welcome/en
+			when "es"
+				include welcome/es
 			when "fr"
-				include translations/fr.pug
-				include langNames/fr.pug
-				include welcome/fr.pug
-				include modal-lang/fr.pug
-				include modal-help/fr.pug
+				include welcome/fr
 		.row
 			#header.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
-				#mainTitle
+				#mainTitle.clickable(onClick="doClick('modalWelcome')")
 					img(src="/images/index/unicorn.svg")
 					.info-container
 						p vchess.club
 					img(src="/images/index/wildebeest.svg")
-				#flagMenu.clickable(
-						onClick="document.getElementById('modalLang').checked=true")
+				#flagMenu.clickable(onClick="doClick('modalLang')")
 					img(src="/images/flags/" + lang + ".svg")
-				#helpMenu.clickable(
-						onClick="document.getElementById('modalHelp').checked=true")
+				include userMenu
+				#mygamesMenu.clickable.right-menu(v-show="display=='variants'" @click="display='games'")
 					.info-container
-						p= translations["Help"]
-		.row
+						p My games
+				#variantsMenu.clickable.right-menu(v-show="display=='games'" @click="display='variants'")
+					.info-container
+						p Variants
+		.row(v-show="display=='variants'")
+			.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+				label(for="prefixFilter") Type first letters...
+				input#prefixFilter(v-model="curPrefix")
 			my-variant-summary(v-for="(v,idx) in sortedCounts"
 				v-bind:vobj="v" v-bind:index="idx" v-bind:key="v.name")
-		// Other modals:
-		input#modalB4welcome.modal(type="checkbox")
-		div(role="dialog")
-			#b4welcome.card.text-center.small-modal
-				h3.blue= translations["First visit?"]
-				p#readThis.clickable(@click="showWelcomeMsg")
-					=translations[">>> Please read this <<<"]
+		.row(v-show="display=='games'")
+			.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+				p TODO: load from server, show timeControl + players + link "play"
 
 block javascripts
 	script.
-		const translations = !{JSON.stringify(translations)};
 		const variantArray = !{JSON.stringify(variantArray)};
-	script(src="/javascripts/utils/misc.js")
 	script(src="/javascripts/socket_url.js")
 	script(src="/javascripts/components/variantSummary.js")
 	script(src="/javascripts/index.js")