src/experiments/templates/experiments/main_switch.html

   1 {% extends "base/base.html" %}
   2
   3
   4 {% block body %}
   5   <img src="https://upload.wikimedia.org/wikipedia/commons/c/c8/MH1Asimulator.JPG" style="width:100">
   6
   7   {% for exp in request.EXPERIMENTS.values %}
   8     <div class="experiment" data-slug="{{ exp.slug }}">
   9       {{ exp.name }}
  10       <button
  11           {% if exp.value %}
  12           disabled class="active"
  13           {% endif %}
  14           data-value="on">włączony</button>
  15       <button
  16           {% if not exp.value %}
  17           disabled class="active"
  18           {% endif %}
  19           data-value="off">wyłączony</button>
  20     </div>
  21   {% endfor %}
  22 {% endblock %}
  23
  24 {% block extrabody %}
  25   <style>
  26    .experiment {
  27        margin: 1em 0;
  28        font-size: 1.5em;
  29    }
  30    .experiment button {
  31        margin: 0 1em;
  32        padding: .5em;
  33        font-size: 1em;
  34
  35    }
  36   </style>
  37   <script>
  38    $(".experiment button").click(function() {
  39        document.cookie = 'EXPERIMENT_' + $(this).parent().data('slug') + '=' + $(this).data('value') + '; path=/';
  40        window.location.reload(true);
  41    });
  42   </script>
  43 {% endblock %}