Step toward a one-page application

[vchess.git] / views / modals.pug

diff --git a/views/modals.pug b/views/modals.pug
new file mode 100644 (file)
index 0000000..e24a738
--- /dev/null
+++ b/views/modals.pug
@@ -0,0 +1,66 @@
+input#modalLang.modal(type="checkbox")
+div(role="dialog")
+       #language.card
+               label.modal-close(for="modalLang")
+               form
+                       fieldset
+                               label(for="langSelect")= translations["Language"]
+                               select#langSelect
+                                       each language,langCode in langName
+                                               option(value=langCode selected=(lang==langCode))
+                                                       =language
+
+input#modalSettings.modal(type="checkbox")
+div(role="dialog" aria-labelledby="settingsTitle")
+       .card.smallpad(@change="updateSettings")
+               label.modal-close(for="modalSettings")
+               h3#settingsTitle.section= translations["Preferences"]
+               fieldset
+                       label(for="setSqSize")= translations["Square size (in pixels). 0 for 'adaptative'"]
+                       input#setSqSize(type="number" v-model="settings.sqSize")
+               fieldset
+                       label(for="selectHints")= translations["Show move hints?"]
+                       select#setHints(v-model="settings.hints")
+                               option(value="0")= translations["None"]
+                               option(value="1")= translations["Moves from a square"]
+                               option(value="2")= translations["Pieces which can move"]
+               fieldset
+                       label(for="setHighlight")= translations["Highlight squares? (Last move & checks)"]
+                       input#setHighlight(type="checkbox" v-model="settings.highlight")
+               fieldset
+                       label(for="setCoords")= translations["Show board coordinates?"]
+                       input#setCoords(type="checkbox" v-model="settings.coords")
+               fieldset
+                       label(for="selectColor")= translations["Board colors"]
+                       select#setBcolor(v-model="settings.bcolor")
+                               option(value="lichess")
+                                       = translations["brown"]
+                               option(value="chesscom")
+                                       = translations["green"]
+                               option(value="chesstempo")
+                                       = translations["blue"]
+               fieldset
+                       label(for="selectSound")= translations["Play sounds?"]
+                       select#setSound(v-model="settings.sound")
+                               option(value="0")= translations["None"]
+                               option(value="1")= translations["New game"]
+                               option(value="2")= translations["All"]
+
+input#modalContact.modal(type="checkbox")
+div(role="dialog" aria-labelledby="contactTitle")
+       form.card.smallpad
+               label.modal-close(for="modalContact")
+               h3#contactTitle.section= translations["Contact form"]
+               fieldset
+                       label(for="userEmail")= translations["Email"]
+                       input#userEmail(type="email")
+               fieldset
+                       label(for="mailSubject")= translations["Subject"]
+                       input#mailSubject(type="text")
+               fieldset
+                       label(for="mailContent")= translations["Content"]
+                       br
+                       textarea#mailContent
+               fieldset
+                       button(type="button" onClick="trySendMessage()") Send
+                       p#emailSent= translations["Email sent!"]