views/modalSettings.pug

   1 input#modalSettings.modal(type="checkbox")
   2 div(role="dialog" aria-labelledby="settingsTitle")
   3     .card.smallpad(onChange="blabla(event)")
   4         label.modal-close(for="modalSettings")
   5         h3#settingsTitle.section= translations["Preferences"]
   6         // taille echiquier : TODO
   7         fieldset
   8             label(for="setHints")= translations["Show hints?"]
   9             // TODO: this.hints will not work. Idea: query storage in a generic way ?
  10             // --> getValue("hints") par exemple
  11             input#setHints(type="checkbox" checked=this.hints)
  12         fieldset
  13             label(for="selectColor")= translations["Board colors"]
  14             select#selectColor
  15                 option(value="lichess" selected="this.color=='lichess'")
  16                     = translations["brown"]
  17                 option(value="chesscom" selected="this.color=='chesscom'")
  18                     = translations["green"]
  19                 option(value="chesstempo" selected="this.color=='chesstempo'")
  20                     = translations["blue"]
  21         fieldset
  22             label(for="selectSound")= translations["Play sounds?"]
  23             select#selectSound
  24                 option(value="0" selected="this.sound==0")= translations["None"]
  25                 option(value="1" selected="this.sound==1")= translations["New game"]
  26                 option(value="2" selected="this.sound==2")= translations["All"]