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

diff --git a/views/index.pug b/views/index.pug
index 81aafdb1..823b67c5 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -4,42 +4,43 @@ block css
 	link(rel="stylesheet", href="/stylesheets/index.css")
 
 block content
-	.container#indexPage
+	.container
+		case lang
+			when "en"
+				include welcome/en
+			when "es"
+				include welcome/es
+			when "fr"
+				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 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")
-		// Modals:
-		include modal-lang.pug
-		include modal-help.pug
-		input#modalB4welcome.modal(type="checkbox")
-		div(role="dialog")
-			#b4welcome.card.text-center.small-modal
-				h3.blue First visit?
-				p#readThis.clickable(@click="showWelcomeMsg") >>> Please read this <<<
-		case lang
-			when "en"
-				include welcome/en.pug
-			when "fr"
-				include welcome/fr.pug
+		.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 variantArray = !{JSON.stringify(variantArray)};
-	script(src="/javascripts/utils/misc.js")
-	script(src="/javascripts/utils/socket_url.js")
+	script(src="/javascripts/socket_url.js")
 	script(src="/javascripts/components/variantSummary.js")
 	script(src="/javascripts/index.js")