views/modals.pug

   1 input#modalLang.modal(type="checkbox")
   2 div(role="dialog")
   3     #language.card
   4         label.modal-close(for="modalLang")
   5         form
   6             fieldset
   7                 label(for="langSelect")= translations["Language"]
   8                 select#langSelect
   9                     each language,langCode in langName
  10                         option(value=langCode selected=(lang==langCode))
  11                             =language
  12
  13 input#modalSettings.modal(type="checkbox")
  14 div(role="dialog" aria-labelledby="settingsTitle")
  15     .card.smallpad(@change="updateSettings")
  16         label.modal-close(for="modalSettings")
  17         h3#settingsTitle.section= translations["Preferences"]
  18         fieldset
  19             label(for="setSqSize")= translations["Square size (in pixels). 0 for 'adaptative'"]
  20             input#setSqSize(type="number" v-model="settings.sqSize")
  21         fieldset
  22             label(for="selectHints")= translations["Show move hints?"]
  23             select#setHints(v-model="settings.hints")
  24                 option(value="0")= translations["None"]
  25                 option(value="1")= translations["Moves from a square"]
  26                 option(value="2")= translations["Pieces which can move"]
  27         fieldset
  28             label(for="setHighlight")= translations["Highlight squares? (Last move & checks)"]
  29             input#setHighlight(type="checkbox" v-model="settings.highlight")
  30         fieldset
  31             label(for="setCoords")= translations["Show board coordinates?"]
  32             input#setCoords(type="checkbox" v-model="settings.coords")
  33         fieldset
  34             label(for="selectColor")= translations["Board colors"]
  35             select#setBcolor(v-model="settings.bcolor")
  36                 option(value="lichess")
  37                     = translations["brown"]
  38                 option(value="chesscom")
  39                     = translations["green"]
  40                 option(value="chesstempo")
  41                     = translations["blue"]
  42         fieldset
  43             label(for="selectSound")= translations["Play sounds?"]
  44             select#setSound(v-model="settings.sound")
  45                 option(value="0")= translations["None"]
  46                 option(value="1")= translations["New game"]
  47                 option(value="2")= translations["All"]
  48
  49 input#modalContact.modal(type="checkbox")
  50 div(role="dialog" aria-labelledby="contactTitle")
  51     form.card.smallpad
  52         label.modal-close(for="modalContact")
  53         h3#contactTitle.section= translations["Contact form"]
  54         fieldset
  55             label(for="userEmail")= translations["Email"]
  56             input#userEmail(type="email")
  57         fieldset
  58             label(for="mailSubject")= translations["Subject"]
  59             input#mailSubject(type="text")
  60         fieldset
  61             label(for="mailContent")= translations["Content"]
  62             br
  63             textarea#mailContent
  64         fieldset
  65             button(type="button" onClick="trySendMessage()") Send
  66             p#emailSent= translations["Email sent!"]