src/annoy/templates/annoy/banner_crisis.html

   1 {% load l10n %}
   2 {% load time_tags %}
   3
   4 {% if banner %}
   5 <div class="
   6             annoy-banner_crisis-container
   7             annoy-banner-style_{{ banner.style }}
   8             ">
   9   <div class="
  10               annoy-banner
  11               annoy-banner_{{ banner.place }}
  12               {% if banner.image %}with-image{% endif %}
  13               {% if banner.smallfont %}banner-smallfont{% endif %}
  14               "
  15         id="annoy-banner-{{ banner.id }}"
  16         style="
  17            {% if banner.text_color %}color: {{ banner.text_color }};{% endif %}
  18            {% if banner.background_color %}background-color: {{ banner.background_color }};{% endif %}
  19
  20         ">
  21     <div class="annoy-banner-inner">
  22
  23       <div class="image-box">
  24         {% if banner.image %}
  25         <img src="{{ banner.image.url }}">
  26         {% endif %}
  27       </div>
  28
  29       <div class="text-box">
  30         <div class="text">
  31           {{ banner.get_text|safe|linebreaks }}
  32         </div>
  33
  34         <div class="state-box">
  35           <div class="progress-box">
  36             <div>
  37               <div class="l-checkout__support__bar">
  38                 <span data-label="{{ banner.progress_percent_pretty }}%" style="width: {% localize off %}{{ banner.progress_percent }}%{% endlocalize %};"></span>
  39               </div>
  40             </div>
  41           </div>
  42           <div class="time-box">
  43             <strong class="countdown inline" data-until='{{ banner.until|date_to_utc:True|utc_for_js }}'></strong>
  44           </div>
  45           <div class="action-box">
  46             {% if banner.action_label %}
  47             <a class="action" href="{{ banner.url }}">
  48               {{ banner.action_label }}
  49             </a>
  50             {% endif %}
  51           </div>
  52         </div>
  53       </div>
  54
  55
  56
  57     </div>
  58   </div>
  59   </div>
  60
  61 {% endif %}
  62