X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=views%2Fsettings.pug;fp=views%2Fsettings.pug;h=c46c5f8f8e4706a479292e8d74448b5208be9b85;hb=b6487fb9c41705187cf97215fc9e8f86a59057c7;hp=0000000000000000000000000000000000000000;hpb=f5722ecec4798fb46dc5c62ad4243139bcdd1032;p=vchess.git

diff --git a/views/settings.pug b/views/settings.pug
new file mode 100644
index 00000000..c46c5f8f
--- /dev/null
+++ b/views/settings.pug
@@ -0,0 +1,36 @@
+input#modal-settings.modal(type="checkbox")
+div(role="dialog" aria-labelledby="settingsTitle")
+	.card.smallpad(onChange="blabla(event)")
+		label#close-settings.modal-close(for="modal-settings")
+		h3#settingsTitle.section= translations["Preferences"]
+		fieldset
+			label(for="langSelect")= translations["Language"]
+			// image avec drapeau + select language ici
+			select#langSelect
+				each langCode in languages
+					option(value=langCode selected=(lang==langCode))
+						=langName[langCode]
+		fieldset
+			label(for="nameSetter")
+				=translations["My name is..."]
+			input#nameSetter(type="text" value=this.myname)
+		// theme sombre / clair
+		// taille echiquier : TODO
+		fieldset
+			label(for="setHints")= translations["Show hints?"]
+			input#setHints(type: "checkbox" checked=this.hints)
+		fieldset
+			label(for="selectColor")= translations["Board colors"]
+			select#selectColor
+				option(value="lichess" selected="this.color=='lichess'")
+					= translations["brown"]
+				option(value="chesscom" selected="this.color=='chesscom'")
+					= translations["green"]
+				option(value="chesstempo" selected="this.color=='chesstempo'")
+					= translations["blue"]
+		fieldset
+			label(for="selectSound")= translations["Play sounds?"]
+			select#selectSound
+				option(value="0" selected="this.sound==0")= translations["None"]
+				option(value="1" selected="this.sound==1")= translations["New game"]
+				option(value="2" selected="this.sound==2")= translations["All"]