X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=views%2Findex.pug;h=377aef949b1d641b6813100e8ddac8eb8e4cb9bd;hb=4608eed94432356bd2df8c144d7d233913c6483c;hp=c8c90c52cab2c18b452ec6fd2fdbc6572a8d746e;hpb=e6dcb115eab52abefa1d54a65af546cf5a0153e9;p=vchess.git

diff --git a/views/index.pug b/views/index.pug
index c8c90c52..377aef94 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -4,40 +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(onClick="document.getElementById('modalLang').checked=true")
+				#flagMenu.clickable(onClick="doClick('modalLang')")
 					img(src="/images/flags/" + lang + ".svg")
-				#helpMenu(onClick="document.getElementById('modalHelp').checked=true")
+				include userMenu
+				a.right-menu(v-show="display=='variants'" href="#games")
 					.info-container
-						p Help
-		.row
+						p My games
+				a.right-menu(v-show="display=='games'" href="#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(@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")