src/experiments/templates/experiments/main_switch.html

   1 {% extends "2022/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 %}