views/settings.pug

   1 input#modal-settings.modal(type="checkbox")
   2 div(role="dialog" aria-labelledby="settingsTitle")
   3     .card.smallpad(onChange="blabla(event)")
   4         label#close-settings.modal-close(for="modal-settings")
   5         h3#settingsTitle.section= translations["Preferences"]
   6         fieldset
   7             label(for="langSelect")= translations["Language"]
   8             // image avec drapeau + select language ici
   9             select#langSelect
  10                 each langCode in languages
  11                     option(value=langCode selected=(lang==langCode))
  12                         =langName[langCode]
  13         fieldset
  14             label(for="nameSetter")
  15                 =translations["My name is..."]
  16             input#nameSetter(type="text" value=this.myname)
  17         // theme sombre / clair
  18         // taille echiquier : TODO
  19         fieldset
  20             label(for="setHints")= translations["Show hints?"]
  21             input#setHints(type: "checkbox" checked=this.hints)
  22         fieldset
  23             label(for="selectColor")= translations["Board colors"]
  24             select#selectColor
  25                 option(value="lichess" selected="this.color=='lichess'")
  26                     = translations["brown"]
  27                 option(value="chesscom" selected="this.color=='chesscom'")
  28                     = translations["green"]
  29                 option(value="chesstempo" selected="this.color=='chesstempo'")
  30                     = translations["blue"]
  31         fieldset
  32             label(for="selectSound")= translations["Play sounds?"]
  33             select#selectSound
  34                 option(value="0" selected="this.sound==0")= translations["None"]
  35                 option(value="1" selected="this.sound==1")= translations["New game"]
  36                 option(value="2" selected="this.sound==2")= translations["All"]