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
  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#homeLink.conditional-jump(href="/")
  16                         i.material-icons home
  17                     .info-container
  18                         a.conditional-jump(href="#rules" @click="setDisplay('rules')")
  19                             | Rules
  20                         a.conditional-jump(href="#play" @click="setDisplay('game')")
  21                             | Play!
  22                         a.conditional-jump(href="#problems" @click="setDisplay('problems')")
  23                             | Problems
  24                     #flagMenu.conditional-jump(
  25                             onClick="document.getElementById('modalLang').checked=true")
  26                         img(src="/images/flags/" + lang + ".svg")
  27                     #helpMenu.conditional-jump(
  28                             onClick="document.getElementById('modalHelp').checked=true")
  29                         .info-container
  30                             p Help
  31         .row
  32             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2(
  33                     v-show="display=='rules'")
  34                 my-rules
  35             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2(
  36                     v-show="display=='game'")
  37                 my-game(v-bind:problem="problem")
  38             .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2(
  39                     v-show="display=='problems'")
  40                 my-problems(v-on:show-problem="showProblem($event)")
  41         // (Some) Modals:
  42         include modal-help.pug
  43         include modal-lang.pug
  44         input#modal-newgame.modal(type="checkbox")
  45         div(role="dialog" aria-labelledby="newGameTxt")
  46             .card.smallpad.small-modal
  47                 label#close-newgame.modal-close(for="modal-newgame")
  48                 h3#newGameTxt New game
  49                 p Waiting for opponent...
  50
  51 block javascripts
  52     script(src="/javascripts/utils/misc.js")
  53     script(src="/javascripts/utils/socket_url.js")
  54     script(src="/javascripts/utils/array.js")
  55     script(src="/javascripts/utils/md5.js")
  56     script(src="/javascripts/utils/printDiagram.js")
  57     script(src="/javascripts/utils/ajax.js")
  58     script(src="/javascripts/utils/datetime.js")
  59     script(src="/javascripts/base_rules.js")
  60     script(src="/javascripts/variants/" + variant + ".js")
  61     script.
  62         const V = VariantRules; //because this variable is often used
  63         const variant = "#{variant}";
  64         const problemArray = !{JSON.stringify(problemArray)};
  65     script(src="/javascripts/components/rules.js")
  66     script(src="/javascripts/components/game.js")
  67     script(src="/javascripts/components/problemSummary.js")
  68     script(src="/javascripts/components/problems.js")
  69     script(src="/javascripts/variant.js")