src/experiments/templates/experiments/main_switch.html

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