views/variant.pug

   1 extends layout
   2
   3 block css
   4     link(rel="stylesheet" href="/stylesheets/variant.css")
   5
   6 block content
   7     include settings
   8     .container
   9         .row
  10             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  11                 label.drawer-toggle(for="drawer-control")
  12                 input#drawer-control.drawer(type="checkbox")
  13                 #menuBar
  14                     label.drawer-close(for="drawer-control")
  15                     a.icon-link(href="/")
  16                         i.material-icons home
  17                     a(href="#room" @click="setDisplay('room')")
  18                         =translations["Hall"]
  19                     a(href="#gameList" @click="setDisplay('gameList')")
  20                         =translations["My games"]
  21                     a(href="#rules" @click="setDisplay('rules')")
  22                         =translations["Rules"]
  23                     a(href="#problems" @click="setDisplay('problems')")
  24                         =translations["Problems"]
  25                     #settings.clickable(onClick="doClick('modalSettings')")
  26                         i.material-icons settings
  27                     include userMenu
  28         .row
  29             //my-room(v-show="display=='room'")
  30             //my-game-list(v-show="display=='gameList'")
  31             my-rules(v-show="display=='rules'")
  32             my-problems(v-show="display=='problems'")
  33             //my-game(v-show="display=='game'" :gameId="gameid")
  34
  35 block javascripts
  36     script(src="/javascripts/utils/array.js")
  37     script(src="/javascripts/utils/printDiagram.js")
  38     script(src="/javascripts/utils/datetime.js")
  39     script(src="/javascripts/socket_url.js")
  40     script(src="/javascripts/base_rules.js")
  41     script(src="/javascripts/variants/" + variant.name + ".js")
  42     script.
  43         const V = VariantRules; //because this variable is often used
  44         const variant = !{JSON.stringify(variant)};
  45     //script(src="/javascripts/components/room.js")
  46     //script(src="/javascripts/components/gameList.js")
  47     script(src="/javascripts/components/rules.js")
  48     script(src="/javascripts/components/problemPreview.js")
  49     script(src="/javascripts/components/problems.js")
  50     //script(src="/javascripts/components/game.js")
  51     script(src="/javascripts/variant.js")