fbdf863e6ace6d44778fdb30084985545507625f
[wolnelektury.git] / 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 %}