cb4769005ace6c466563e67763058eddfab53f83
[wolnelektury.git] / src / experiments / templates / experiments / main_switch.html
1 {% extends "base.html" %}
2 {% load static i18n %}
3
4 {% block breadcrumbs %}
5   <span>{% translate "Current experiments" %}</span>
6 {% endblock %}
7
8 {% block main %}
9   {% block body %}
10     <div class="l-checkout__box">
11       <div class="l-checkout__box__header">
12         <img src="{% static 'img/experiment.jpg' %}">
13         <div class="l-checkout__box__header__content">
14           <h1>{% translate "Current experiments" %}</h1>
15         </div>
16       </div>
17       <div>
18         {% for exp in experiments %}
19           <div class="experiment">
20             <span>
21               {{ exp.name }}
22             </span>
23             <div>
24               <input id="experiment-{{ exp.slug }}-off" name="{{ exp.slug }}" class="toggle-input toggle-input-left" value="off" type="radio" {% if not exp.value %}checked="checked"{% endif %}>
25               <input id="experiment-{{ exp.slug }}-on" name="{{ exp.slug }}" class="toggle-input toggle-input-right"  value="on" type="radio" {% if exp.value %}checked="checked"{% endif %}>
26               <div class="l-switch__wrapper">
27                 <div class="l-switch white">
28                   <label class="toggle-for toggle-for-left" for="experiment-{{ exp.slug }}-off">{% translate "off" %}</label>
29                   <label class="toggle-for toggle-for-right" for="experiment-{{ exp.slug }}-on">{% translate "on" %}</label>
30                   <span class="toggle"></span>
31                 </div>
32               </div>
33             </div>
34           </div>
35         {% empty %}
36           <div class="experiment">
37             <div>
38               {% translate 'There are currently no experiments available.' %}
39             </div>
40           </div>
41         {% endfor %}
42       </div>
43     </div>
44
45     <div class="legend">
46       {% translate "Image" %}:
47       Ken Lund, <a target="_blank" href="https://flickr.com/photos/kenlund/42675643424/">Windmill Modern Art, Chicago Lakefront Trail, Chicago, Illinois</a>, <a href="https://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC By-SA 2.0</a>
48     </div>
49   {% endblock %}
50
51 {% endblock %}