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