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         {% if banner.campaign.has_progress %}
  35         <div class="state-box">
  36           <div class="progress-box">
  37             <div>
  38               <div class="l-checkout__support__bar">
  39                 <span data-label="{{ banner.campaign.progress_percent_pretty }}%" style="width: {{ banner.campaign.progress_percent|stringformat:".3f" }}%;"></span>
  40               </div>
  41             </div>
  42           </div>
  43           <div class="time-box">
  44             <strong class="countdown inline" data-until='{{ banner.campaign.end|date_to_utc:True|utc_for_js }}'>&nbsp;</strong>
  45           </div>
  46           <div class="action-box">
  47             {% if banner.action_label %}
  48             <a class="action" href="{{ banner.get_url }}">
  49               {{ banner.action_label }}
  50             </a>
  51             {% endif %}
  52           </div>
  53         </div>
  54         {% endif %}
  55       </div>
  56
  57
  58
  59     </div>
  60   </div>
  61   </div>
  62
  63 {% endif %}
  64