src/annoy/templates/annoy/banner_crisis.html

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