views/variant.pug

   1 extends layout
   2
   3 block css
   4     link(rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons")
   5     link(rel="stylesheet" href="/stylesheets/variant.css")
   6
   7 block content
   8     .container#variantPage
   9         .row //TODO: this thing + game/problems/rules iin variant page. Here just h1
  10             #menuContainer.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(href="/")
  16                         img(src="/images/index/unicorn.svg")
  17                         span vchess.club
  18                         img(src="/images/index/wildebeest.svg")
  19                     a(href="#") Home222
  20         .row
  21             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  22                 label.drawer-toggle(for="drawer-control")
  23                 input#drawer-control.drawer(type="checkbox")
  24                 div
  25                     label.drawer-close(for="drawer-control")
  26                     a(href="#") Home
  27                     a(href="#") Home222
  28         .row
  29             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  30                 h4.variantpage-title.text-center(v-on:click="toggleDisplay('rules')")
  31                     | #{variant} Rules
  32                 my-rules(v-show="display=='rules'")
  33             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  34                 h4.variantpage-title.text-center(v-on:click="toggleDisplay('game')")
  35                     | #{variant} Game
  36                 my-game(v-show="display=='game'" v-bind:problem="problem")
  37             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
  38                 h4.variantpage-title.text-center(v-on:click="toggleDisplay('problems')")
  39                     | #{variant} Problems
  40                 my-problems(v-show="display=='problems'"
  41                     v-on:show-problem="showProblem($event)")
  42
  43 block javascripts
  44     script(src="/javascripts/utils/misc.js")
  45     script(src="/javascripts/utils/socket_url.js")
  46     script(src="/javascripts/utils/array.js")
  47     script(src="/javascripts/utils/md5.js")
  48     script(src="/javascripts/utils/printDiagram.js")
  49     script(src="/javascripts/utils/ajax.js")
  50     script(src="/javascripts/utils/datetime.js")
  51     script(src="/javascripts/base_rules.js")
  52     script(src="/javascripts/variants/" + variant + ".js")
  53     script.
  54         const V = VariantRules; //because this variable is often used
  55         const variant = "#{variant}";
  56         const problemArray = !{JSON.stringify(problemArray)};
  57     script(src="/javascripts/components/rules.js")
  58     script(src="/javascripts/components/game.js")
  59     script(src="/javascripts/components/problemSummary.js")
  60     script(src="/javascripts/components/problems.js")
  61     script(src="/javascripts/variant.js")