views/modalSettings.pug

   1 input#modalSettings.modal(type="checkbox")
   2 div(role="dialog" aria-labelledby="settingsTitle")
   3     .card.smallpad(@change="updateSettings")
   4         label.modal-close(for="modalSettings")
   5         h3#settingsTitle.section= translations["Preferences"]
   6         fieldset
   7             label(for="setSqSize")= translations["Square size (in pixels). 0 for 'adaptative'"]
   8             input#setSqSize(type="number" v-model="settings.sqSize")
   9         fieldset
  10             label(for="selectHints")= translations["Show move hints?"]
  11             select#setHints(v-model="settings.hints")
  12                 option(value="0")= translations["None"]
  13                 option(value="1")= translations["Moves from a square"]
  14                 option(value="2")= translations["Pieces which can move"]
  15         fieldset
  16             label(for="setHighlight")= translations["Highlight squares? (Last move & checks)"]
  17             input#setHighlight(type="checkbox" v-model="settings.highlight")
  18         fieldset
  19             label(for="setCoords")= translations["Show board coordinates?"]
  20             input#setCoords(type="checkbox" v-model="settings.coords")
  21         fieldset
  22             label(for="selectColor")= translations["Board colors"]
  23             select#setBcolor(v-model="settings.bcolor")
  24                 option(value="lichess")
  25                     = translations["brown"]
  26                 option(value="chesscom")
  27                     = translations["green"]
  28                 option(value="chesstempo")
  29                     = translations["blue"]
  30         fieldset
  31             label(for="selectSound")= translations["Play sounds?"]
  32             select#setSound(v-model="settings.sound")
  33                 option(value="0")= translations["None"]
  34                 option(value="1")= translations["New game"]
  35                 option(value="2")= translations["All"]