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     {% if exp.switchable or request.user.is_staff %}
  13     <div class="experiment nice-controls" data-slug="{{ exp.slug }}">
  14       <span>
  15         {{ exp.name }}
  16       </span>
  17       <button
  18           {% if exp.value %}
  19           disabled class="active"
  20           {% endif %}
  21           data-value="on">włączony</button>
  22       <button
  23           {% if not exp.value %}
  24           disabled class="active"
  25           {% endif %}
  26           data-value="off">wyłączony</button>
  27     </div>
  28     {% endif %}
  29   {% endfor %}
  30 {% endblock %}
  31
  32 {% block extrabody %}
  33   <style>
  34    .experiment {
  35        margin: 1em 0;
  36        font-size: 1.5em;
  37    }
  38    .experiment button {
  39        margin: 0 1em;
  40        padding: .5em;
  41        font-size: 1em;
  42
  43    }
  44   </style>
  45   <script>
  46    $(".experiment button").click(function() {
  47        document.cookie = 'EXPERIMENT_' + $(this).parent().data('slug') + '=' + $(this).data('value') + '; path=/; max-age=31536000';
  48        window.location.reload(true);
  49    });
  50   </script>
  51 {% endblock %}
  52 {% endblock %}