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")
  18                         =translations["Hall"]
  19                     a(href="#gameList")
  20                         =translations["My games"]
  21                     a(href="#rules")
  22                         =translations["Rules"]
  23                     a(href="#problems")
  24                         =translations["Problems"]
  25                     #flagMenu.clickable(onClick="doClick('modalLang')")
  26                         img(src="/images/flags/" + lang + ".svg")
  27                     #settings.clickable(onClick="doClick('modalSettings')")
  28                         i.material-icons settings
  29                     include userMenu
  30         .row
  31             //my-room(v-show="display=='room'")
  32             //my-game-list(v-show="display=='gameList'")
  33             my-rules(v-show="display=='rules'")
  34             //my-problems(v-show="display=='problems'")
  35             my-game(v-show="display=='game'" :game-id="gameid" :conn="conn"
  36                 :allow-chat="allowChat" :allow-movelist="allowMovelist"
  37                 :mode="mode" :fen="fen")
  38             //my-board(:vr="vr" :mode="mode" :orientation="orientation"
  39                 :user-color="userColor" v-on:play-move="play")
  40
  41 block javascripts
  42     script(src="/javascripts/utils/array.js")
  43     script(src="/javascripts/utils/printDiagram.js")
  44     script(src="/javascripts/utils/datetime.js")
  45     script(src="/javascripts/socket_url.js")
  46     script(src="/javascripts/base_rules.js")
  47     script(src="/javascripts/variants/" + variant.name + ".js")
  48     script.
  49         const V = VariantRules; //because this variable is often used
  50         const variant = !{JSON.stringify(variant)};
  51     //script(src="/javascripts/components/room.js")
  52     //script(src="/javascripts/components/gameList.js")
  53     script(src="/javascripts/components/rules.js")
  54     script(src="/javascripts/components/board.js")
  55     //script(src="/javascripts/components/problemPreview.js")
  56     //script(src="/javascripts/components/problems.js")
  57     script(src="/javascripts/components/moveList.js")
  58     script(src="/javascripts/components/game.js")
  59     script(src="/javascripts/variant.js")