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

diff --git a/views/index.pug b/views/index.pug
index 5059f515..377aef94 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -4,84 +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")
-				// TODO: flags, translations
-				#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:
-		input#modalHelp.modal(type="checkbox")
-		div(role="dialog")
-			#help.card
-				label.modal-close(for="modalHelp")
-				.section
-					p.emphasis.bigfont First: watch #[a(href="/demo.webm") demo video] !
-					p Then click on a variant... Reminder:
-					ul
-						li All games start with a random assymetric position.
-						li Games are untimed, and played anonymously.
-						li No chat while playing, to focus on the moves.
-				.section
-					h3.red Bug report
-					p
-						| Please send an email to 
-						a(href="mailto:contact@vchess.club?subject=[vchess.club] bug report")
-							| contact@vchess.club 
-						| .
-		input#modalLang.modal(type="checkbox")
-		div(role="dialog")
-			#language.card
-				label.modal-close(for="modalLang")
-				.section
-					fieldset
-						-
-							var langName = {
-								"fr": "French",
-								"en": "English",
-							}
-						label(for="langSelect") Preferred language?
-						select#langSelect(@change="setLanguage")
-							each langCode in languages
-								option(value=langCode selected=(lang==langCode))
-									=langName[langCode]
-				.section
-					h3.blue Contribute
-					p
-						| Browse the 
-						a(href="https://github.com/yagu0/vchess/tree/master/views")
-							| github repository
-						| : welcome/en.pug and all files rules/*/en.pug
-						| should be translated. When it's done, send me the files: 
-						a(href="mailto:contact@vchess.club?subject=[vchess.club] translation")
-							| contact@vchess.club
-						| . Thanks!
-		input#modalB4welcome.modal(type="checkbox")
-		div(role="dialog")
-			#b4welcome.card.text-center
-				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")